/*!
  W1.3 CSS bundle: com-common-c.css  (generated 2026-07-21)
  HAND-MAINTENANCE CONTRACT: this file is a byte-concatenation of the
  source files below, in order, with only url()-rewrite / @charset-strip /
  @import-hoist transforms. To change it: edit the source then re-concatenate
  (scratch/build_bundles.py), or edit this bundle directly and treat the
  sources as no-longer-authoritative for what these four head partials load.
  Sources (public path -> raw bytes):
    /css/app.css  (142755 B)
    /bcustomer/bcustomer.css  (116040 B)
    /css/page.css  (17117 B)
  Hoisted @import (from bcustomer.css, kept verbatim at bundle top):
    @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
    @import url("https://use.typekit.net/whm5nne.css");
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url("https://use.typekit.net/whm5nne.css");
/*
* Flatsome Style
*/
:root {
    --primary-color: #446084;
    --Brand-Colors-Cream: #F5F1EC;
}

.full-width .ubermenu-nav, .container, .row {
    max-width: 1440px
}

.row.row-collapse {
    max-width: 1220px
}

.row.row-small {
    max-width: 1242.5px
}

.row.row-large {
    max-width: 1280px
}

.header-main {
    height: 100px
}

.header-main .nav > li > a {
    line-height: 16px;
}

.pointer {
    cursor: pointer !important;
}

.header-main .divider > a:hover {
    background-color: transparent !important;
}

.nav-dropdown-simple .nav-column li > a:hover, .nav-dropdown.nav-dropdown-simple > li > a:hover {
    background-color: rgba(0, 0, 0, 0.03);
}

#logo img {
    max-height: 83px
}

#logo {
    width: 200px;
}

.header-bottom {
    min-height: 10px
}

.header-top {
    min-height: 20px;
    background-color: #111111 !important;
}

.transparent .header-main {
    height: 30px
}

.transparent #logo img {
    max-height: 30px
}

.has-transparent + .page-title:first-of-type, .has-transparent + #main > .page-title, .has-transparent + #main > div > .page-title, .has-transparent + #main .page-header-wrapper:first-of-type .page-title {
    padding-top: 60px;
}

.header.show-on-scroll, .stuck .header-main {
    height: 100px !important
}

.stuck #logo img {
    max-height: 83px !important
}

.search-form {
    width: 100%;
}

.header-bg-color, .header-wrapper {
    background-color: rgba(255, 255, 255, 0.9)
}

.header-bottom {
    background-color: #f1f1f1
}

@media (max-width: 549px) {
    .header-main {
        height: 70px
    }

    #logo img {
        max-height: 70px
    }
}

body {
    font-family: "Lato", sans-serif
}

body {
    font-weight: 400
}

.nav > li > a {
    font-family: "Lato", sans-serif;
}

.nav > li > a {
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6, .heading-font, .footer-heading, .search-heading, .sidebar-heading, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "Lato", sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading-font, .footer-heading, .search-heading, .sidebar-heading, .banner h1, .banner h2 {
    font-weight: 700;
}

/* Demoted footer heading (was <h1>) keeps the Flatsome h1 box: both prod
   themes load wp-content/themes/flatsome/assets/css/flatsome.css, whose
   `.h1, h1 { font-size: 1.7em; line-height: 1.3 }` and
   `h1..h6 { margin-top: 0; margin-bottom: .5em }` (1.4em at <=549px) styled
   these nodes while they were <h1>s — NOT the UA 2em/0.67em box. */
.footer-heading {
    font-size: 1.7em;
    line-height: 1.3;
    margin: 0 0 .5em;
}

@media (max-width: 549px) {
    .footer-heading {
        font-size: 1.4em;
    }
}

/* Accessible off-screen heading: gives the default-theme /shop one topical
   h1 (catalog/category name) for crawlers and screen readers with zero visual
   change. Standard WP screen-reader-text clip. Flatsome (loaded before app.css
   on the default/lgreen themes) already defines this class AND a :focus reveal
   for the site-wide "Skip to content" link, but its reveal predates clip-path
   and resets only `clip`. Because this base rule adds `clip-path: inset(50%)`,
   the :focus rule below MUST reset clip-path too — otherwise a keyboard user
   tabbing to the skip-link would see it stay clipped to zero. */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    position: absolute !important;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    clip: auto !important;
    clip-path: none !important;
}

.alt-font {
    font-family: "Dancing Script", sans-serif;
}

.alt-font {
    font-weight: 400 !important;
}

.label-new.menu-item > a:after {
    content: "New";
}

.label-hot.menu-item > a:after {
    content: "Hot";
}

.label-sale.menu-item > a:after {
    content: "Sale";
}

.label-popular.menu-item > a:after {
    content: "Popular";
}

/*
* PURE Frontend Style
*/
img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

body {
    padding: 0 !important;
}

input {
    margin-bottom: 0;
}

input[data-role=datepicker] {
    cursor: default;
}

::-webkit-input-placeholder { /* Edge */
    color: #aaa;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #aaa;
}

::placeholder {
    color: #aaa;
}

.bg {
    opacity: 0;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.bg-loaded {
    opacity: 1;
}

img.wp-smiley,
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 .07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}

.woocommerce form .form-row .required {
    visibility: visible;
}

.woocommerce-product-gallery {
    opacity: 1 !important;
}


.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    display: inline-block;
    margin: auto;
    font-size: 2.5px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid #4a89dc;
    border-left: 1.1em solid #4a89dc;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 .8s infinite linear;
    animation: load8 .8s infinite linear;
}

.loader.dark {
    border-top: 1.8em solid #D2D2D2;
    border-right: 1.8em solid #000;
    border-bottom: 1.8em solid #000;
    border-left: 1.8em solid #000;
}

.loader.white {
    border-top: 2px solid rgba(255, 255, 255, 0.2);
    border-right: 2px solid rgba(255, 255, 255, 0.2);
    border-bottom: 2px solid rgba(255, 255, 255, 1);
    border-left: 2px solid rgba(255, 255, 255, 0.75);
    background-color: transparent !important;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#wrapper, #main {
    min-height: 480px;
}

.header-top {
    /*background-color: #58AAAA;*/
}

.header-top .social-icons i {
    font-size: 14px;
    /*color: #eee;*/
}

.header-top i.fa {
    font-size: 13px;
    /*color: #eee;*/
}

.header-top .nav-dropdown-default {
    padding: 5px 0;
    font-size: .8em;
}

.header-top li.current-dropdown:before, .header-top li.current-dropdown:after {
    /*display: none;*/
}

.header-top .nav-column li > a, .header-top .nav-dropdown > li > a {
    padding: 10px;
    text-transform: capitalize;
}

.header-user-photo {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
}

.header-user-menu > li > a > i {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: text-bottom;
}

ul.header-nav-main li.menu-item {
    margin-right: 21px !important;
}

.header:not(.transparent) .header-nav.nav > li > a {
    color: #333333;
}

.inline-block {
    display: inline-block;
}

.nav > li {
    /*margin: 0;*/
}

.nav > li > a {
    /*padding: 10px 5px;*/
    position: relative;
}

.nav > li > a > .new {
    position: absolute;
    display: inline-block;
    background: #FAFFE5;
    color: #000;
    border-radius: 2px;
    border: 1px solid #5E8800;
    top: 8px;
    right: 8px;
    padding: 5px 8px;
    line-height: 1;
    font-size: 14px;
    text-transform: capitalize;
}

.nav > li > a > .dev {
    position: absolute;
    display: inline-block;
    background: #F3E8FF;
    color: #6B21A8;
    border-radius: 2px;
    border: 1px solid #9333EA;
    top: 8px;
    right: 8px;
    padding: 5px 8px;
    line-height: 1;
    font-size: 14px;
    text-transform: capitalize;
}

i.la.la-t2 {
    position: relative;
    top: -2px;
}

i.la.la-t1 {
    position: relative;
    top: -1px;
}

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

.col {
    padding: 0 15px;
}

.display-none {
    display: none !important;
}

.display-inline {
    display: inline !important;
}

.display-inline-flex {
    display: inline-flex !important;
}

.display-inline-block {
    display: inline-block !important;
}

.display-block {
    display: block !important;
    width: 100%;
}

.button.display-block.flex-1 {
    flex: 1;
    padding-left: 0;
    padding-right: 0;
}

.display-flex {
    display: flex;
}

.readonly {
    background-color: #fafafa !important;
}

.hide {
    display: none;
    opacity: 0 !important;
    transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
}

.muted {
    color: #999 !important;
}

.grey {
    color: grey !important;
}

.pointer, .has-hover {
    cursor: pointer !important;
}

.line-through {
    text-decoration: line-through !important;
    color: #888;
}

.va-t {
    vertical-align: top !important;
}

.va-m {
    vertical-align: middle !important;
}


.va-b {
    vertical-align: bottom !important;
}

.w-100-p {
    width: 100% !important;
}

.fs-normal {
    font-style: normal !important;
}

.fw-normal {
    font-weight: normal !important;
}

.va-tt {
    vertical-align: text-top !important;
}

.color-3 {
    color: #333 !important;
}

.fm-roboto {
    font-family: "Roboto", "Lato", sans-serif;
}

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

.fs-13 {
    font-size: 13px !important;
}

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


.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.fs-22 {
    font-size: 22px !important;
}

.fs-24 {
    font-size: 24px !important;
}

.fs-26 {
    font-size: 26px !important;
}

.fs-28 {
    font-size: 28px !important;
}

.fs-30 {
    font-size: 30px !important;
}

.fs-32 {
    font-size: 32px !important;
}

.fs-36 {
    font-size: 36px !important;
}

.fs-48 {
    font-size: 48px !important;
}

.color-555 {
    color: #555 !important;
}

@media (max-width: 840px) {
    .mobi-fs-28 {
        font-size: 26px !important;
    }

    .mobi-fs-32 {
        font-size: 36px !important;
    }

    .mobi-fs-36 {
        font-size: 36px !important;
    }
}

.top-0 {
    top: 0 !important;
}

.widget > ul > li.active a {
    color: #111;
    font-weight: bold;
}

.a-link {
    cursor: pointer !important;
    color: #1179EA;
}

.blue-link {
    cursor: pointer !important;
    color: #446084 !important;
}

.bold {
    font-weight: bold !important;
}
.semibold {
    font-weight: 500 !important;
}

.italic {
    font-style: italic !important;
}

.primary-link {
    cursor: pointer !important;
    font-family: Arial, sans-serif;
    font-weight: normal !important;
    text-transform: capitalize !important;
    color: #0066C0 !important;
    letter-spacing: unset;
}

.primary-link:hover {
    text-decoration: underline;
}

.border-primary {
    border-color: #446084 !important;
}

.border-0 {
    border: none !important;
}

.accordion-title.primary {
    color: #446084 !important;
}

.breadcrumbs > span {
    margin: 0 5px;
    color: rgba(17, 17, 17, 0.5);
}

.breadcrumbs > strong {
    color: rgba(17, 17, 17, 0.85);
}

.text-dark {
    color: #111 !important;
}

.text-white {
    color: #fff !important;
}

.text-paypal {
    color: #009cde !important;
}

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

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

.va-top {
    vertical-align: top !important;
}

.b-r-0 {
    border-right: 0 !important;
}

.text-gray {
    color: #888 !important;
}

.text-grey {
    color: grey !important;
}

.text-red {
    color: #ff0000 !important;
}

.text-alert {
    color: #b20000 !important;
}

.text-primary {
    color: #4e657b !important;
}

.text-deep-blue {
    color: #4C5F74 !important;
}

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

.shadow-none {
    box-shadow: none !important;
}

button.is-form:hover {
    box-shadow: inset 0 0 0 100px rgba(0, 0, 0, 0.2);
}

.list-style-none {
    list-style: none !important;
}

.list-style-none > li {
    list-style: inherit;
}

.flex {
    display: flex;
}

.flex-1 {
    flex: 1;
}

.flex-2 {
    flex: 2;
}

.b-0 {
    border: 0 !important;
}

.p-0 {
    padding: 0 !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-30 {
    padding: 30px !important;
}

.p-5 {
    padding: 5px !important;
}

.p-50 {
    padding: 50px !important;
}

.p-75 {
    padding: 75px !important;
}

.p-100 {
    padding: 100px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-l-35 {
    padding-left: 35px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-r-35 {
    padding-right: 35px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-25 {
    padding: 25px !important;
}


.p-t-10 {
    padding-top: 10px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}


.p-t-25 {
    padding-top: 25px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}


.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.m-a {
    margin: auto;
}

.b-r-5 {
    border-radius: 5px;
}

.m0 {
    margin: 0 !important;
}

.mt0 {
    margin-top: 0 !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}


.mt30 {
    margin-top: 30px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr25 {
    margin-right: 25px !important;
}

.mr45 {
    margin-right: 45px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb-05em {
    margin-bottom: .5em !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml25 {
    margin-left: 25px !important;
}

.ml30 {
    margin-left: 30px !important;
}

.ml50 {
    margin-left: 50px !important;
}

.box-text .price-wrapper {
    /*margin-top: 5px;*/
    /*border-top: 1px solid #eee;*/
    /*border-bottom: 1px solid #eee;*/
    padding: 10px 0;
}

.box-text .price-wrapper .star-rating {
    float: right;
    margin: 0;
    line-height: .9em;
}

.product-list-btn-group {
    width: 100%;
    display: flex;
}

.product-list-btn-group > .button {
    display: block;
    flex: 1;
    padding: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    height: 32px;
    line-height: 30px;
}

.price-wrapper .product-list-btn-group {
    /*display: none;*/
}

.product-list-btn-group > .button {
    font-size: 12.5px;
}

.price-wrapper .product-list-btn-group > .button {
    width: 49%;
    padding: 0;
    text-align: center;
}


.product-list-btn-group > .button i {
    vertical-align: text-bottom;
    font-size: 16px;
    position: relative;
    top: 1px;
}

.price-wrapper .product-list-btn-group > .button.cart {
    float: right;
}

.woocommerce-mini-cart__empty-message {
    line-height: 70px;
}

@media (max-width: 640px) {
    .product-list-btn-group {
        display: block;
    }

    .price-wrapper .product-list-btn-group > .button {
        flex: unset;
        width: 100%;
        margin: 0 0 5px 0 !important;
    }
}

.product-title-category {
    border: 1px solid #ddd;
    border-right: 0;
    z-index: 99;
    flex: 1;
    height: 38px;
}

.nav.product-title-category > li {
    width: 100%;
}

.nav.product-title-category > li > a {
    padding: 5px 10px 5px;
    max-height: 38px;
    display: block;
    width: 100%;
}

.nav.product-title-category > li > a i {
    font-size: 20px;
    margin-bottom: 2px;
    /*vertical-align: middle;*/
}

.product-list-filter {
    font-size: .85em;
}

.product-list-filter select {
    display: inline;
    width: auto;
    font-size: 14px;
    height: 2.25em;
    border-radius: 4px;
}

#woocommerce-product-search-field-2 {
    height: 38px;
}

.image-tools .wishlist-button.active {
    background-color: #b20000;
    border-color: #b20000;
    color: #fff;
}

.white.is-outline:hover {
    border-color: #ddd;
    background-color: #eee !important;
    color: #333 !important;
}

.primary.is-outline:hover {
    background-color: #4C5F74;
    border-color: #4C5F74;
}

.button.primary:disabled, .button.primary:disabled:hover {
    background-color: #8fa0b5;
    box-shadow: none;
    cursor: no-drop;
}

.button.primary.is-outline:disabled, .button.primary.is-outline:disabled:hover {
    background-color: transparent;
    color: #8fa0b5;
    border-color: #8fa0b5;
    cursor: no-drop;
}

.teal {
    background-color: #58AAAA;
}

.button.success:disabled, .button.success:disabled:hover {
    background-color: #afc49b;
    box-shadow: none;
    cursor: no-drop;
}


.button.success.is-outline:disabled, .button.success.is-outline:disabled:hover {
    background-color: transparent;
    color: #afc49b;
    border-color: #afc49b;
    cursor: no-drop;
}

.button.white:hover {
    /*box-shadow: none;*/
}

.button:not(.icon) > i {
    margin: 0;
}

.button-section {
    display: flex;
    /*text-align: justify;*/
    /*text-align-last: justify;*/
    justify-content: space-between;
}

.button-section .button {
    /*margin: 0;*/
    margin-right: 1em;
}

.button-section .button:last-child {
    margin-right: 0;
}

.button-section > * {
    /*width: 100%;*/
    /*display: block;*/
    /*display: flex;*/
    /*flex: 1;*/
    /*display: -webkit-box;*/
    /*display: -webkit-flex;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-pack: center;*/
    /*-webkit-justify-content: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
    /*-webkit-box-align: center;*/
    /*-webkit-align-items: center;*/
    /*-ms-flex-align: center;*/
    /*align-items: stretch;*/

}

.button-section .button-section-group .button {
    margin-right: 0;
    margin-left: 1em;
}

.button-section .button-section-group .button:first-child {
    margin-left: 0;
}

.button, button, input[type='submit'], input[type='reset'], input[type='button'] {
    text-transform: capitalize;
}

.button.white {
    border: 1px solid #ddd;
}

/**
* sweetalert2 customize
*/
.swal2-container.swal2-center {
    font-size: 12px;
    text-align: center;
    z-index: 999999;
}

.swal2-container .button, .swal2-container button {
    margin: 0 .5em 1em .5em;
}

.swal2-title {
    display: block !important;
    font-size: 1.5em
}

.swal2-styled:focus {
    box-shadow: none;
}

.swal2-styled.swal2-confirm {
    padding: .25em 1.5em;
    font-size: 1em;
    background-color: #58AAAA;
}

.swal2-icon {
    zoom: .65;
}

div:where(.swal2-container) .swal2-html-container {
    margin-top: 0 !important;
}

div:where(.swal2-container) .swal2-html-container :first-letter {
    text-transform: uppercase !important;
}

.w-80-p {
    width: 80%;
}

.single-line {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    max-width: 100%;
}

.success {
    /*background-color: #58AAAA;*/
}

.success.is-underline, .success.is-link, .success.is-outline {
    /*color: #58AAAA;*/
}

.success.is-outline:hover {
    /*background-color: #58AAAA;*/
    /*border-color: #58AAAA;*/
    /*color: #fff;*/
}

.default.is-underline, .default.is-link, .default.is-outline {
    color: #999;
}

.default.is-outline:hover {
    color: #888;
    background-color: #eee;
    border-color: #888;
}

.button > .fa {
    font-size: 1.5em;
    vertical-align: auto;
    position: relative;
    bottom: 1rem;
}

.btn-group {
    display: flex;
}

.btn-group .button {
    display: flex;
    margin: 0;
}

.btn-group .button.is-outline {
    border-right: 0;
}

.btn-group .button.is-outline:first-child {
    border-radius: 5px 0 0 5px;
}

.btn-group .is-outline:hover {
    color: #446084;
    background-color: rgba(68, 96, 132, .05);
    border-color: #446084;
}

.btn-group .button.is-outline:last-child {
    border-radius: 0 5px 5px 0;
}

.btn-group .button.primary.is-outline:last-child {
    border-right: 2px solid #446084;
}

.btn-group .button.primary.is-outline.checked {
    background-color: #446084;
    border-color: #446084;
    color: #fff;
}

.testimonial-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    /*width: 100%;*/
    padding: 30px;
}

.testimonial-footer .button {
    margin-bottom: 0;
}

.form-control-icon-left {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    padding: .5em .75em;
    height: 2.507em;
    vertical-align: middle;
}

.wpcf7-form-control-wrap {
    margin-bottom: 1em;
}

.terms-and-conditions-wrapper {
    max-height: 265px;
    overflow-y: auto;
    /*padding: 15px;*/
    /*background-color: #fafafa;*/
    border-radius: 3px;
    margin: 25px 0 5px;
    border: 1px solid #ddd;
    padding: 10px;
}

.terms-and-conditions-wrapper blockquote {
    border: 0;
    padding-left: 0;
    font-size: 1em;
    font-style: normal;
}

.terms-and-conditions-checkbox {
    margin-top: 10px;
    /*font-weight: normal;*/
    color: #333;
    font-style: italic;
    cursor: pointer;
    margin-bottom: 15px;
}


.section-title span {
    text-transform: capitalize;
}

.uppercase {
    text-transform: uppercase !important;
}

.searchform-wrapper .searchform .search-cancel {
    position: absolute;
    top: 0;
    width: 38px;
    height: 100%;
    line-height: 40px;
    right: 40px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #666;
    z-index: 9;
}

.searchform-wrapper .searchform .search-cancel:before {
    vertical-align: text-bottom;
}

.searchform-wrapper .searchform .search-cancel:hover {
    color: #000;
}

/**
* select2
*/
.select2-container--default .select2-selection--single {
    border: 1px solid #ddd !important;
    padding: 0 .75em !important;
    height: 2.507em !important;
    font-size: .97em !important;
    border-radius: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    vertical-align: middle !important;
    background-color: #fff !important;
    color: #333 !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    transition: color .3s, border .3s, background .3s, opacity .3s !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 2.507em !important;
}

.select2-container--default .select2-selection--single {
    outline: none;
}

.searchform .select2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1;
    margin-bottom: 0;
    min-height: 39px;
}

.searchform input[type=search] {
    min-height: 39px;
}

.wpcf7 .wpcf7-form-control-wrap {
    /*margin-bottom: 5px;*/
}

.wpcf7 .wpcf7-not-valid-tip {
    margin-top: 0;
}

/**
* accordion
*/
.accordion > .accordion-item .accordion-header, .accordion > .accordion-item .accordion-subject {
    font-size: 16px;
    padding: .6em 2.3em;
    display: block;
    position: relative;
    border-top: 1px solid #ddd;
    transition: border 200ms ease-out, background-color .3s;
    text-transform: uppercase;
    background-color: rgba(0, 0, 0, 0.03);
    font-weight: bold;
}

.accordion > .accordion-item {
    position: relative;
}

.accordion > .accordion-item .accordion-subject-button {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
}

.accordion > .accordion-item .accordion-subject {
    padding-left: 1em;
    text-transform: unset;
}

.accordion-item.active .accordion-subject, .accordion-item .accordion-subject:hover {
    color: #446084;
}

.accordion > .accordion-item .accordion-subject input[type=radio] {
    margin: 0 5px 0 0;
    padding: 0;
    position: relative;
}

.accordion > .accordion-item:first-child .accordion-header {
    border-top: 0;
}

.accordion-item.active .accordion-header {
    /*border-color: #446084;*/
    color: #446084;
}

.accordion-header > button {
    line-height: 1;
    box-shadow: none !important;
    padding: 0;
    color: currentColor;
    opacity: .6;
    width: 2.3em;
    height: 1.5em;
    margin-right: 5px;
    top: .3em;
    border-radius: 999px;
    position: absolute;
    left: 0;
}

.accordion-item.active .accordion-header > button {
    top: .1em;
    opacity: 1;
    margin-right: 0;
    color: currentColor;
}

.accordion-header > button i {
    font-size: 1.25em;
    transition: none !important;
    font-family: "FontAwesome" !important;
}

.accordion-header > button i:after {
    content: "\f096";
}

.accordion-item.active .accordion-header > button i:after {
    content: "\f14a";
}

.accordion-content {
    display: none;
    opacity: 0;
    height: 0;
}

.accordion-item.active .accordion-content {
    display: block;
    padding: 1em;
    opacity: 1;
    height: auto;
}

.searchform.enroll-item-searchform input[type=search] {
    padding-left: 200px;
}

.searchform.enroll-item-searchform .select2 {
    width: 185px;
}

.mobi-show {
    display: none;
}

.item-view span.amount {
    text-decoration: line-through;
    color: #bbb;
    font-weight: bold;
}

.item-view .current span.amount {
    text-decoration: none;
    color: #2E8568;
}

.item-view h5.price-type {
    color: #bbb;
    font-size: 13px !important;
}

.item-view .cart .button {
    height: 36px;
    line-height: 36px;
    vertical-align: top;
    min-height: unset;
}

.item-view .cart .quantity input[type="number"] {
    height: 36px;
    line-height: 36px;
    vertical-align: top;
}

.item-view .cart .quantity .minus, .item-view .cart .quantity .plus {
    height: 36px;
    line-height: 36px;
    vertical-align: top;
}

.bg-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-thumbnail-sm {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.item-thumbnail-sm.active, .item-thumbnail-sm:hover {
    border-color: #d26e4b;
}

.widget_shopping_cart div.total {
    padding: 10px 0;
    border-top: 1px solid #ececec;
    border-bottom: 2px solid #ececec;
    margin-bottom: .5em;
}

.shop_table .cart_item td {
    padding-top: 0;
    padding-bottom: 0;
}

.shop_table .cart_item td > select {
    display: inline;
}

.noresult td {
    text-align: center;
    padding: 25px 0;
}

/** 850px */
@media (max-width: 850px) {
    .w-100-850 {
        padding-left: 0;
        padding-right: 0;
    }

    .row .row:not(.row-collapse).row-850 {
        margin-left: 0;
        margin-right: 0;
    }

    .mb-30-850 {
        margin-bottom: 30px !important;
    }

    .mb-15-850 {
        margin-bottom: 15px !important;
    }

    .line-height-small .btn-group .button {
        width: 50%;
        display: block;
        text-align: center;
    }

    .testimonial-footer {
        position: static;
        padding: 15px 0 0;
    }

    .testimonial-footer .button.success {
        width: 100%;
    }

    .searchform.enroll-item-searchform input[type=search] {
        padding-left: 165px;
    }

    .searchform.enroll-item-searchform .select2 {
        width: 150px;
    }

    .woocommerce-pagination ul.links li:first-child, .woocommerce-pagination ul.links li:last-child {
        display: none;
    }
}

.ui-widget input {
    margin: 0;
    border: 0;
}

.promotion-volume > span {
    color: #7a9c59;
}

.promotion-volume.promotion-danger > span {
    color: #b20000;
}

.woocommerce-form-login-submit {
    display: block;
    width: calc(50% - 5px);
    float: left;
    margin: 0;
}

.woocommerce-form-guest-checkout-submit {
    display: block;
    width: calc(50% - 5px);
    float: left;
    margin-right: 10px;
}

.modal.modal-medium {
    max-width: 768px;
}

.modal.modal-large {
    max-width: 1080px;
}

.modal .modal-header {
    padding: 10px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    font-weight: bold;
    color: #111;
    text-transform: uppercase;
}

.modal .modal-body {
    padding: 10px 15px;
}

.modal.modal-scroller .modal-body {
    /*max-height: 85%;*/
    max-height: 640px;
    overflow-y: auto;
}

.modal .modal-footer {
    border-top: 1px solid #ddd;
    text-align: right;
    padding: 10px 15px;
}

.modal .modal-footer > a, .modal .modal-footer > button {
    margin: 0 0 0 5px;
}

.address-list td .button {
    margin: 0 2px;
}

.address-list tbody > tr:last-child td, .address-list tfoot td {
    border-bottom: 0;
}

.mobi-inline {
    display: none !important;
}

button.toast-close-button {
    margin-bottom: 0;
    margin-right: 10px;
}

.border-color-gray {
    border-color: #ddd;
}

.text-italic {
    font-style: italic;
}

.coin {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 23px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("/img/icon/coin.png");
    text-align: center;
    color: #666;
    border-radius: 50px;
    background-color: #fff;
    font-weight: bold;
    font-size: 16px;
    font-style: normal;
    text-transform: uppercase;
    background-size: cover;
    padding-left: 2px;
}

.discount-input {
    font-size: 16px;
    position: relative;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.discount-input button, .discount-input .button {
    float: left;
    font-weight: bold;
    width: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin: 0 !important;
    text-align: center;
    height: 48px;
}

.discount-input input {
    height: 48px;
    color: #666;
    font-weight: bold;
    width: 50%;
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent !important;
    font-size: inherit;
}

.discount-input.coupon input {
    width: 100%;
    padding-right: 175px;
}

.discount-input .group {
    position: absolute;
    top: 0;
    right: 0;
}

.discount-input .group .balance {
    display: inline-block;
    height: 48px;
    line-height: 48px;
    font-weight: bold;
    color: #aaa;
    padding: 0 10px;
    float: left;
    font-size: .8em;
}

.discount-input .group .balance i {
    margin-right: 5px;
    position: relative;
    bottom: 1px;
}

@media (max-width: 850px) {
    .discount-input {
        border: 0;
        box-shadow: none;
    }

    .discount-input.coupon input {
        padding-right: 0.75em;
    }

    .discount-input input {
        border: 1px solid #ddd !important;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
        width: 100%;
    }

    .discount-input .group {
        position: unset;
        margin-top: 10px;
        display: flex;
    }

    .discount-input .group .balance {
        float: unset;
        position: absolute;
        top: 0;
        right: 0;
    }

    .discount-input .group button {
        display: block;
        flex: 1;
    }
}

.section-title-container.section-or {
    margin: 1em 0;
}

.section-title-container.section-or span.section-title-main {
    text-transform: lowercase;
}

.vgrids {
    border: 2px solid #ddd;
    margin-bottom: 25px;
}

.vgrids > .header {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}

.vgrids > .vgrid {
    border-bottom: 2px solid #ddd;
    /*border: 2px solid #ddd;*/
    padding: 15px 20px;
    /*margin-bottom: 25px;*/
}

.vgrids > .vgrid:last-child {
    border-bottom: 0;
}

.credit-card-row {
    display: flex;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 16px;
}

.credit-card-close {
    font-size: 18px;
    margin: 0;
}

.credit-card-row input, .credit-card-row input:focus, .credit-card-row input:hover, .credit-card-row input:active {
    border: 0 !important;
    box-shadow: none !important;
    background-color: transparent;
    text-align: inherit;
    height: 48px;
    color: #666;
    font-weight: bold;
    font-size: inherit;
}

.credit-card-row input::placeholder {
    color: #ccc;
}

.credit-card-row .credit-card-name {
    width: 150px;
}


.credit-card-row .credit-card-number {
    flex: 1;
}

.credit-card-row .credit-card-group {
    display: flex;
    width: 160px;
}

.credit-card-row .credit-card-group.name-group {
    width: 200px;
}

.credit-card-row .credit-card-date {
    flex: 1;
    text-align: center;
}

.credit-card-row .credit-card-cvv {
    flex: 1;
    text-align: center;
}

@media (max-width: 850px) {
    .credit-card-row {
        display: block;
        border: 0;
        box-shadow: none;
    }

    .credit-card-row input, .credit-card-row input:focus, .credit-card-row input:hover, .credit-card-row input:active {
        border: 1px solid #ddd !important;
        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    }

    .credit-card-row .credit-card-name, .credit-card-row .credit-card-number {
        width: 100%;
        margin-bottom: 10px;
    }

    .credit-card-row .credit-card-group, .credit-card-row .credit-card-group.name-group {
        width: 100%;
    }

    .credit-card-row .credit-card-date, .credit-card-row .credit-card-first-name {
        flex: 1;
        margin-right: 5px;
        margin-bottom: 10px;
    }

    .credit-card-row .credit-card-cvv, .credit-card-row .credit-card-last-name {
        flex: 1;
        margin-left: 5px;
        margin-bottom: 10px;
    }

}

.payment-icons {
    display: block;
    height: 24px;
    /*margin-left: 5px;*/
    vertical-align: text-bottom;
    text-align: left;
    /*float: right;*/
}

.payment-icons .payment-icon {
    display: inline-block;
    margin-right: 2px;
    width: 36px;
    height: 24px;
    border: 1px solid #ccc;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    border-radius: 0;
    /*-webkit-filter: grayscale(100%);*/
    /*-webkit-transition: all .6s ease;*/
}

@media (max-width: 850px) {
    .payment-icons {
        float: none;
        text-align: left;
    }
}

.table-last-row-no-border tbody tr:last-child td {
    border: 0 !important;
}

.promotion-action-row {
    margin-top: 1em;
}

.header-cart .nav-dropdown {
    padding: 0;
}

.header-cart > a {
    position: relative;
}

.nav > li.header-cart > a:hover, .nav > li.header-cart > a.has-cart {
    color: #000 !important;
}

.header-cart {
    position: relative;
    outline: none;
}

.header-cart .nav .tab {
    padding: 0 1em;
}

.header-cart .nav .tab i {
    font-weight: normal;
    font-style: normal;
    margin-left: 5px;
}

.header-cart > a > strong {
    position: absolute;
    top: -2px;
    left: 4px;
    width: 100%;
    text-align: center;
    text-shadow: 1px 0 1px #fff, -2px 0 1px #fff, 0 1px 1px #fff;
    transition: all .2s;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    /*background-color: rgba(255, 255, 255, .5);*/
    border-radius: 50px;
    padding: 0;
    margin: 0;
}

.header-cart .nav .tab {
    width: 50%;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    border-bottom: 1px solid #eee;
}

.header-cart-link {
    position: relative;
}

.header-cart-link .simple-icon-basket {
    font-size: 24px;
}

.header-cart-link > b {
    position: absolute;
    top: 2px;
    right: -4px;
    display: inline-block;
    border-radius: 100%;
    background-color: rgba(178, 0, 0, .8);
    color: #fff;
    font-size: 12px !important;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.header-cart .tab-panels .entry-content {
    padding: 1em !important;
}

.header-cart .nav-dropdown {
    min-width: 404px;
}

.header-cart .product_list_widget {
    /*// margin-bottom: 135px !important;*/
}

.header-cart .woocommerce-mini-cart__buttons {
    /*padding: 15px;*/
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    width: 100%;
}

.header-cart .woocommerce-mini-cart__buttons .button {
    /*position: absolute;*/
    /*margin: 0;*/
    /*left: 15px;*/
    /*bottom: 15px;*/
    /*width: calc(100% - 30px);*/
    width: 100%;
}

.header-cart .woocommerce-mini-cart__total {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    /*padding-top: 0 !important;*/
    margin-bottom: 0 !important;
}

.header-cart .tab-panels .panel {
    display: none;
}

.header-cart .tab-panels .panel.active {
    display: block;
}

.header-cart ul.product_list_widget li {
    padding-top: 0;
    padding-bottom: 1em;
    margin-left: 0;
}

.header-cart ul.product_list_widget li a:not(.remove) {
    margin-top: 10px;
}

.header-cart ul.product_list_widget li a.remove {
    margin-top: 10px;
}


.icon-input {
    position: relative;
}

.icon-input > input {
    margin-top: 0;
    min-height: 35px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background-color: transparent;
}

.icon-input > input:focus {
    background-color: transparent !important;
}

.icon-input > i {
    position: absolute;
    top: 0;
    right: .5em;
    color: #999;
    line-height: 35px;
    z-index: 3;
    cursor: pointer;
}

.autoship-btn-group {
    min-height: 38px;
}

.autoship-btn-group > button {
    display: block;
    height: 36px;
    margin: 0 0 10px;
}

.autoship-btn-group > button.primary {
    float: right;
    width: 49%;
}

.autoship-btn-group > button.success {
    width: 49%;
    float: left;
}

.autoship-btn-group > button.alert {
    width: 100%;
}

@media (max-width: 768px) {
    .autoship-btn-group > button.primary {
        float: unset;
        width: 100%;
        margin-left: 0;
    }

    .autoship-btn-group > button.success {
        width: 100%;
        float: unset;
    }
}

/***/
.mobi-inline {
    display: none !important;
}

.mobi-block, .mobi-show {
    display: none !important;
}

.mobi-show.is-quick {
    display: block;
}

.clearfix {
    clear: both !important;
}

@media (max-width: 849px) {
    .mobile-wrapper {
        border-top: 1px solid #ddd;
        padding: 15px;
    }

    .mobile-wrapper .touch-scroll-table {
        box-shadow: none;
    }

    .mobi-label-small {
        padding: .1em .2em;
        border-width: 2px;
        font-size: 12px;
    }

    .mobi-hide {
        display: none !important;
    }

    .mobi-inline {
        display: inline !important;
    }

    .mobi-block, .mobi-show {
        display: block !important;
    }

    .show-mobi-block {
        display: block !important;
    }

    .mobi-ml0 {
        margin-left: 0 !important;
    }

    .mobi-mt10 {
        margin-top: 10px !important;
    }

    .mobi-mt25 {
        margin-top: 25px !important;
    }

    .mobi-mb10 {
        margin-bottom: 10px !important;
    }

    .mobi-mb15 {
        margin-bottom: 15px !important;
    }

    .mobi-mb30 {
        margin-bottom: 30px !important;
    }

    .price-wrapper .product-list-btn-group.mobi-show > .button {
        width: 100%;
        margin-bottom: 5px;
    }

    .mobi-width-75 {
        width: 75px !important;
    }

    table td .mobi-button {
        display: block;
        width: 100%;
        margin: 0 0 5px 0 !important;
    }

    table td .mobi-button:last-child {
        margin-bottom: 0 !important;
    }
}

.card {
    background-color: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
}

.woocommerce-orders-table__cell-order-actions, .woocommerce-orders-table__header-order-actions {
    text-align: center !important;
}

.woocommerce-orders-table__cell-order-actions .button {
    margin-bottom: 0;
}

.woocommerce-orders-table__cell-order-actions .button:last-child {
    margin-right: 0;
}

.dropdown {
    position: relative;
}

.dropdown:hover > .dropdown-menu {
    display: block;
    opacity: 1;
    left: unset;
    top: 25px;
    right: -5px;
    height: auto;
    max-height: unset;
    padding: 15px;
}

.dropdown-menu > li {
    margin-left: 0 !important;
}

.flex-control-nav.flex-control-thumbs img {
    border: 1px solid rgba(0, 0, 0, .3);
}

.flex-control-nav.flex-control-thumbs img.flex-active {
    border-color: #d26e4b;
}

.top-referrer {
    background-color: #efefef;
    color: #333;
    opacity: 1;
}

.referrer-photo {
    width: 56px;
    height: 56px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eee;
    border-radius: 50%;
    float: left;
    margin: 10px;
}

.referrer-contact {
    display: inline;
    margin-left: 20px;
    color: #333;
}

.referrer-contact i {
    margin-right: 5px;
}

.referrer-name {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    color: #333;
}

.referrer-type {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 14px;
    color: #555;
}

.label {
    display: inline-block;
    padding: .1em .2em;
    border-radius: .2em;
    color: #fff;
    background-color: #ccc;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.label.label-outline {
    color: #ccc;
    background-color: transparent;
}

.label.label-large {
    padding: .2em .5em;
    border-width: 2px;
}

.label.label-primary {
    background-color: #446084;
    border-color: #446084;
}

.label.label-outline.label-primary {
    color: #446084;
    background-color: transparent;
}

.label.label-success {
    background-color: #7a9c59;
    border-color: #7a9c59;
}

.label.label-outline.label-success {
    color: #7a9c59;
    background-color: transparent;
}

.label.label-alert {
    background-color: #b20000;
    border-color: #b20000;
}

.label.label-outline.label-alert {
    color: #b20000;
    background-color: transparent;
}

.label.label-secondary {
    background-color: #D26E4B;
    border-color: #D26E4B;
}

.label.label-outline.label-secondary {
    color: #D26E4B;
    background-color: transparent;
}

.item-packages {
    list-style: none;
    padding: 0;
    margin: 0;
}

.item-packages li {
    margin: 0 0 5px 0 !important;
    padding: 0;
    height: 40px;
    line-height: 40px;
}

.item-packages li.title {
    height: auto;
    line-height: unset;
    margin-bottom: 0 !important;
}

.item-packages .thumbnail-image {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    border: 1px solid #ddd;
    margin-right: 5px;
}

.tabber-nav {

}

.tabber-nav > .tabber-nav-item {
    display: inline-block;
    cursor: pointer;
    padding: .5em;
    border-bottom: 3px solid transparent;
    color: #666;
}

.tabber-nav > .tabber-nav-item.active {
    border-color: #446084;
    color: #111;
}

.tabber-nav > .tabber-nav-item.hover, .tabber-nav > .tabber-nav-item.unhover.hover, .tabber-nav > .tabber-nav-item.active.unhover.hover {
    border-color: #446084;
    /*color: #111;*/
}

.tabber-nav > .tabber-nav-item.unhover, .tabber-nav > .tabber-nav-item.active.unhover {
    /*color: #666;*/
    border-color: transparent;
}

.tabber-panel .tabber-panel-item {
    background-color: #f8f8f8;
    padding: 1em 0;
    display: none;
}

.tabber-panel .tabber-panel-item.active {
    display: block;
}

@media (max-width: 850px) {
    #top-bar {
        display: none !important;
    }
}

.mobile-header-cart-icon {
    color: #446084;
    position: relative;
}

.mobile-header-cart-icon > strong {
    position: absolute;
    top: -8px;
    right: -4px;
    display: inline-block;
    border-radius: 100%;
    background-color: rgba(178, 0, 0, .8);
    color: #fff;
    font-size: 12px !important;
    min-width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
}

.shop-container {
    padding-bottom: 50px;
    font-family: "Roboto", "Lato", sans-serif;
}

fieldset.debug {
    display: block;
    margin-inline-start: 2px;
    margin-inline-end: 2px;
    padding-block-start: 0.35em;
    padding-inline-start: 0.75em;
    padding-inline-end: 0.75em;
    padding-block-end: 0.625em;
    min-inline-size: min-content;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    border-image: initial;
    background-color: #f1f1f1;
}

fieldset.debug legend {
    display: block;
    width: unset;
    font-size: unset;
    text-transform: capitalize;
    padding-inline-start: 2px;
    padding-inline-end: 2px;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    margin: unset;
    padding: 0 5px;
    background-color: #fff;
}

pre.debug {
    background-color: #f1f1f1;
    border: 1px solid #ddd;
    padding: 20px;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 1.3em;
}

fieldset.debug pre {
    margin-top: 0;
    border: 0;
    padding: 0;
    text-align: left;
}


span.woocommerce-Price-amount {
    white-space: nowrap;
}

.product-quick-view-container .flexslider .slides .slider-wrap img, .product-images .flexslider .slides .slider-wrap img {
    width: auto;
    margin: auto;

}

.product-quick-view-container .flexslider iframe {
    width: 100%;
    height: 100%;
}

tr.shipping__list_info {
    display: none;
}

tr.shipping__list_info td {
    text-align: left !important;
    font-size: 12px;
    padding: 10px;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec
}

.wpcf7-form-control-wrap.wpcf7-form-control-icon {
    position: relative;
}

.wpcf7-form-control-wrap.wpcf7-form-control-icon > i {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: .7em;
    vertical-align: middle;
    /*background-color: red;*/
    cursor: pointer;
    color: grey;
}

.wpcf7-form-control-wrap.wpcf7-form-control-icon > i.fa-eye-slash {
    color: #333;
}

.wpcf7-form-control-wrap.wpcf7-form-control-icon > i:hover {
    color: #333;
}

#enroll-carts.eroll-carts-icon > .woocommerce {
    position: relative;
    border: 2px dashed #446084;
    padding: 15px 30px;
}

#enroll-carts.eroll-carts-icon > .woocommerce:after {
    width: 32px;
    height: 32px;
    font-size: 28px;
    color: #446084;
    position: absolute;
    top: -29px;
    right: 0;
    font-family: 'Simple-Line-Icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#enroll-carts.eroll-carts-icon.enroll-carts-icon-order > .woocommerce:after {
    content: "\e04e";
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

#enroll-carts.eroll-carts-icon.enroll-carts-icon-autoship > .woocommerce:after {
    content: "\e081";
}

.select2-container--default.wpcf7-not-valid .select2-selection--single {
    border-color: #b20000 !important;
}

#reviews .avatar.photo {
    display: inline-block;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#reviews .avatar.photo.product {
    border-radius: 0;
}

.rating-stars {
    display: inline-block;
    margin-bottom: 1rem;
}

.rating-stars > i {
    font-family: "fl-icons" !important;
    font-weight: normal !important;
    font-style: normal !important;
}

.rating-stars > i:after {
    display: block;
    content: '\e006';
    color: #d26e4b;
    font-size: 22px;
    line-height: 1em;
    letter-spacing: 0;
    float: left;
    padding: 2px;
}

.rating-stars > i.active:after, .rating-stars > i.current:after {
    content: '\e005';
}

textarea#comment {
    resize: none;
    overflow-y: scroll;
    min-height: 10rem;
}

#reviews .badge {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25rem;
    width: unset;
    height: unset;
}

#reviews .badge.badge-warning {
    color: #f7b84b;
    background-color: rgba(247, 184, 75, .18);
    box-shadow: none;
}

#reviews .badge.badge-danger {
    color: #f1556c;
    background-color: rgba(241, 85, 108, .18);
    box-shadow: none;
}

.is-full .header .header-main .header-diver {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.diver {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.content-inner {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.image-buffer {
    position: fixed !important;
    left: -100% !important;
    bottom: -100% !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    z-index: -9999 !important;
}

.modal.ads-modal {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    width: auto !important;
    max-width: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    -o-box-shadow: unset;
    -ms-box-shadow: unset;
    box-shadow: unset;
}

.modal.ads-modal .close-modal {
    top: -30px;
    right: 0;
    background-image: url("/img/icon/close-white.png");
}

.modal.ads-modal .ads-content {
    -webkit-box-shadow: 0 0 10px #000;
    -moz-box-shadow: 0 0 10px #000;
    -o-box-shadow: 0 0 10px #000;
    -ms-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
}

.modal.ads-modal .ads-footer {
    padding-top: .5rem;
    text-align: center;
}

.modal.ads-modal .ads-footer a {
    color: #fff;
    font-size: 1.25rem;
}

.flex-row.full-height {
    align-items: stretch;
}

@media (max-width: 1280px) {
    .flex-row.flex-res {
        display: block;
    }

    .flex-row.flex-res > .flex-col {
        margin: 0 0 25px 0 !important;
        display: block;
        width: 100%;
    }
}

#v2 .nav-search-btn {
    background-color: #000 !important;
}

#v2 .enroll-wrap {
    display: flex;
    justify-content: center;
}

#v2 .enroll-box {
    flex: 1;
    width: 100%;
    padding: 25px;
    margin-top: .75rem;
    margin-bottom: 25px;
    align-items: stretch;
    position: relative;
    max-width: 33.333333%;
}

#v2 .enroll-box-divider {
    width: 2px;
    background-color: #ddd;
    display: flex;
    align-items: stretch;
    margin-left: 2.5rem;
}

#v2 .enroll-box-ibo {
    border: 3px solid #000;
}

#v2 .enroll-box .enroll-box-title {
    text-align: center;
    font-weight: bold;
    margin-bottom: 1rem;
}

#v2 .enroll-box-ibo .enroll-box-title {
    color: #000;
}

#v2 .enroll-box-customer {
    border: 3px solid #000;
    margin-left: 2.5rem;
}

#v2 .enroll-box-customer .enroll-box-title {
    color: #000;
}

#v2 .enroll-box-content {
    text-align: center;
    margin-bottom: 64px;
    min-height: 256px;
}

#v2 .enroll-box-content .bullet-item {
    padding: 8px 0;
    border-bottom: 1px solid #ececec;
}

#v2 .enroll-box-content .bullet-item:last-child {
    border-bottom: 0;
}

#v2 .enroll-box-footer {
    text-align: center;
    min-height: 48px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 1.75rem;
}

#v2 .ernoll-box-button {
    text-transform: uppercase;
    padding: .2rem 2.25rem;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border-radius: 0 !important;
    margin: 0;
}

#v2 .enroll-box-ibo .ernoll-box-button {
    background-color: #000;
}

@media (max-width: 1280px) {
    #v2 .enroll-wrap {
        display: block;
    }

    #v2 .enroll-box {
        max-width: unset;
    }

    #v2 .enroll-box-divider {
        display: block;
    }

    #v2 .enroll-box-customer {
        margin-left: 0;
    }
}

.hover-dropdown .hover-dropdown-menu {
    display: none;
    position: absolute;
}

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

.item-box-pc-price {
    display: inline-block;
    border-left: 1px solid #408E6D;
    font-size: 14px;
    color: #408E6D;
    padding: 2px 0 2px 4px;
    margin-left: 2px;
    text-transform: uppercase;
    /*word-wrap: normal;*/
    white-space: nowrap;
}


/*윤수: 아이템 디테일 페이지*/
@media screen and (min-width: 1080px) {
    .x-large-1 {
        max-width: 8.33333%;
        -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%
    }

    .x-large-2 {
        max-width: 16.66667%;
        -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%
    }

    .x-large-3 {
        max-width: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%
    }

    .x-large-4 {
        max-width: 33.33333%;
        -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%
    }

    .x-large-5 {
        max-width: 41.66667%;
        -ms-flex-preferred-size: 41.66667%;
        flex-basis: 41.66667%
    }

    .x-large-6 {
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .x-large-7 {
        max-width: 58.33333%;
        -ms-flex-preferred-size: 58.33333%;
        flex-basis: 58.33333%
    }

    .x-large-8 {
        max-width: 66.66667%;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%
    }

    .x-large-9 {
        max-width: 75%;
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%
    }

    .x-large-10 {
        max-width: 83.33333%;
        -ms-flex-preferred-size: 83.33333%;
        flex-basis: 83.33333%
    }

    .x-large-11 {
        max-width: 91.66667%;
        -ms-flex-preferred-size: 91.66667%;
        flex-basis: 91.66667%
    }

    .x-large-12 {
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }
}

.product-main .flex-control-paging li a {
    background-color: rgba(255, 255, 255, .5);
    border: 2px solid #686868;
}

.product-main .flex-control-paging li a.flex-active {
    background-color: #686868;
}

.product-quick-view-container .flexslider.is-quick {
    margin-top: 50px;
}

@media (max-width: 850px) {
    .product-main .flexslider {
        width: 100%;
    }

    .product-quick-view-container .flexslider.is-quick {
        margin-top: 0;
    }

    .product-main .row.item-detail-images {
        display: block;
    }

    .product-main .row.item-detail-images > .large-7 {
        max-width: 100% !important;
        width: 100% !important;
    }
}

.vslider {
    display: flex;
}

.vslider.is-quick {
    display: none !important;
}

.vslider-control-thumbs {
    position: relative;
}

.vslider-control-thumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    /*position: relative;*/
}

.vslider-control-thumbs li {
    width: 115px;
    height: 115px;
    line-height: 115px;
    text-align: center;
    border: 1px solid #E7E7E7;
    margin-bottom: 5px;
    position: relative;
}

.vslider-control-thumbs li.active {
    border-color: #686868;
}

.vslider-control-thumbs li.active > img {
    opacity: 1;
}

.vslider-control-thumbs li > img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    opacity: .5;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.vslider-control-thumbs li.is-video:after {
    content: "\f144";
    display: inline-block;
    font-size: 64px;
    font-family: 'Line Awesome Free';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
    position: absolute;
    top: 0;
    left: 0;
    color: #5E5D60;
    width: 115px;
    height: 115px;
    line-height: 118px;
    text-align: center;
    z-index: 2;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.vslider-control-thumbs li.is-video.active:after {
    color: #333;
    /*background-color: rgba(0, 0, 0, .25);*/
}

.vslider-control-thumbs li.is-video.active > img {
    opacity: .5;
}

.vslider-thumbs-inner {
    width: 115px;
    height: 475px;
    overflow: hidden;
    margin-top: 27px;
}

.vslider-nav-prev, .vslider-nav-next {
    width: 115px;
    height: 22px;
    line-height: 18px;
    text-align: center;
    background-color: #F4F4F4;
    cursor: default;
    color: #ccc;
    z-index: 2;
}

.vslider-nav-prev.active, .vslider-nav-next.active {
    color: #666;
    cursor: pointer;
}

.vslider-nav-prev.active:hover, .vslider-nav-next.active:hover {
    background-color: #eee;
}

.vslider-nav-prev {
    position: absolute;
    top: 0;
    left: 0;
}

.vslider-nav-next {
    margin-top: 5px;
}

.vslider-nav-prev:after {
    content: "\f0d8";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.vslider-nav-next:after {
    content: "\f0d7";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}

.vslider-viewport {
    flex: 1;
    border: 1px solid #f5f5f5;
    height: 502px;
    margin-left: 30px;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    display: none;
    display: flex;
}

.vslider-viewport-images {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    display: none;
}

.vslider-viewport-images > img {
    max-width: 96%;
    max-height: 96%;
}

.vslider-viewport-video {
    width: 100%;
    height: 100%;
    display: none;
}

.product-v2 .product-small .col-inner {
    border: 1px solid #EAEAEA;
    margin: 0 8px;
    padding: 12px;
    height: 100%;
    display: block;
    font-family: "Roboto", "Lato", sans-serif;
}

.product-v2 .product-small .product-title a {
    color: #111;
    font-weight: 700;
}

.product-v2 .product-small .product-rates {
    padding: .25rem 0;
}

.product-v2 .product-small .star-rating {
    display: inline-block;
    margin: 0;
}

.star-rating:before, .woocommerce-page .star-rating:before {
    color: #ccc;
}

.product-v2 .product-small .product-rates > span {
    line-height: 24px;
    display: inline-block;
    position: relative;
    top: -2px;
    font-size: 13px;
    margin-left: 4px;
}

.product-v2 .product-small .badge-container {
    margin: 1rem;
}

.product-v2 .product-small .badge-container img {
    max-width: 40px;
}

.product-v2 .product-small .box-text .price-wrapper {
    border-top: 1px solid #EAEAEA;
}

.product-v2 .product-small .price-wrapper .price {
    color: #111;
}

.product-v2 .product-small .retail-price {
    margin-bottom: .25rem;
    font-size: 13px;
}

.product-v2 .product-small .retail-price > b {
    margin-left: .5rem;
    font-size: 14px;
    font-weight: 700;
    /*font-family: "Arial Black", serif;*/
}

.product-v2 .product-small .preferred-price .preferred-info {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 4px;
}

.product-v2 .product-small .preferred-price .preferred-info:hover .info-wrap {
    display: block;
}

.product-v2 .product-small .info-wrap {
    position: absolute;
    left: 12px;
    top: -4px;
    background-color: #F1F1F1;
    z-index: 999;
    padding: 1rem;
    min-width: 240px;
    cursor: default;
    display: none;
}

.product-v2 .product-small .info-wrap h3 {
    display: block;
    color: #111;
    margin-bottom: 1rem;
}

.product-v2 .product-small .info-wrap p {
    color: #555;
    font-size: 14px;
    margin-bottom: 1rem;
}

.product-v2 .product-small .info-wrap ul {
    color: #555;
    font-size: 14px;
}

.product-v2 .product-small .info-wrap .btn {
    background-color: #111;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    text-decoration: none;
    padding: .5rem 1rem;
}

.product-v2 .product-small .info-wrap h3 span {
    display: block;
    font-weight: normal;
}

.product-v2 .product-small .preferred-price img {
    height: 12px;
    vertical-align: middle;
}

.product-v2 .product-small .preferred-price {
    font-size: 13px;
}

.product-v2 .product-small .preferred-price > b {
    color: #9F234D;
    margin-left: .5rem;
    font-size: 22px;
    font-weight: 800;
}

.product-v2 .product-small .preferred-price > b i {
    font-style: normal;
}

.product-v2 .product-small .preferred-price > b span {
    font-size: 14px;
    font-weight: 700;
}

.product-v2 .product-small .quantity {
    margin-top: .5rem;
}

.product-v2 .product-small .quantity > input {
    height: 36px;
    max-height: 36px;
    min-height: unset;
    line-height: 34px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 0;
    vertical-align: middle;
}

.product-v2 .product-small .quantity > input[type=number] {
    width: 7.25rem;
    max-width: 50%;
    border: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

.product-v2 .product-small .quantity > input[type=button] {
    padding-left: .5rem;
    padding-right: .5rem;
    border: 0;
    background-color: #eee;
    color: #111;
    width: 32px !important;
    text-align: center;
}

.product-v2 .product-small .price-wrapper .product-list-btn-group > .button {
    border-color: #111;
    color: #111;
    height: 40px;
    line-height: 38px;
    border-radius: 5px;
    font-weight: 700;
    padding-left: 0;
    padding-right: 0;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.product-v2 .product-small .price-wrapper .product-list-btn-group > .button:disabled {
    cursor: default;
}

.product-v2 .product-small button.add-to-cart:hover {
    color: #fff !important;
    border-color: #9F234D !important;
    background-color: #9F234D !important;
}

.product-v2 .product-small button.autoship:hover {
    color: #fff !important;
    border-color: #4672D0 !important;
    background-color: #4672D0 !important;
}

.product-v2 .product-small .price-wrapper .product-list-btn-group > .button.addon i {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

.product-v2 .product-small .price-wrapper .product-list-btn-group > .button.addon i:before {
    content: "\f058";
}

.product-v2 .product-small button.add-to-cart.addon, .product-v2 .product-small button.add-to-cart.addon:hover {
    border-color: #9F234D !important;
    background-color: #9F234D !important;
    color: #fff !important;
}

.product-v2 .product-small button.autoship.addon, .product-v2 .product-small button.autoship.addon:hover {
    border-color: #4672D0 !important;
    background-color: #4672D0 !important;
    color: #fff !important;
}

.product-v2 .breadcrumbs a {
    color: #222;
    font-weight: 700;
}

.product-v2 .page-title-inner {
    color: #222;
    background-position: center;
}

.product-v2 .res-total {
    flex: 1;
}

.product-v2 .page-title-inner select {
    width: 100%;
    color: #222;
    height: 40px;
    border: 1px solid #585858;
    border-radius: 0;
    padding: 0 1.5rem 0 1rem;
    text-align: center !important;
}

.product-v2 .res-total {
    height: 30px;
    line-height: 30px;
    vertical-align: bottom;
    padding-top: 30px;
}

.product-v2 .res-page {
    margin-left: .5rem;
}

.product-v2 .product-list-filter {
    margin-left: 1rem;
}

.nav-pagination > li > .current, .nav-pagination > li > span:hover, .nav-pagination > li > a:hover {
    border-color: #000;
    background-color: #000;
}

.nav-pagination > li > span, .nav-pagination > li > a {
    border-color: #DADADA;
    background-color: #DADADA;
    color: #fff !important;
}

@media (max-width: 1200px) {
    .product-v2 .product-small .price-wrapper .product-list-btn-group > .button span {
        display: none;
    }
}

.product-v2 .product-small.col {
    width: 50%;
    padding-bottom: 36px;
}

@media (max-width: 849px) {
    .product-v2 .product-small .col-inner {
        margin: 0;
        padding: 8px;
    }

    .product-v2 .product-small.product-ad .col-inner {
        height: 50vw;
    }

    .product-v2 .breadcrumbs a . {
        color: #222;
        font-weight: 700;
    }

    .product-v2 .product-small .price-wrapper .product-list-btn-group > .button span {
        display: inline;
    }

    .product-v2 .product-small .preferred-price > b {
        font-size: 16px;
        /*margin-left: 0.25rem;*/
    }

    .product-v2 .product-small .retail-price > b {

    }

    .product-v2 .product-small .preferred-price > b i {
        /*display: none;*/
    }

    .product-v2 .product-small .preferred-price > b span {
        display: block;
        font-size: 12px;
        /*text-align: right;*/
        padding-left: 60px;
        padding-top: 4px;
    }

    .product-v2 .product-small .retail-price, .product-v2 .product-small .preferred-price {
        font-size: 12px;
    }

    .product-v2 .product-small .preferred-price.ibo-price > b {
        margin-left: 18px;
    }

    .product-v2 .product-small .preferred-price.ibo-price > b span {
        padding-left: 42px;
    }

    .product-v2 .product-small button.add-to-cart {
        width: 100%;
        display: block;
        margin: 0 0 .5rem !important;
    }

    .product-v2 .product-small button.autoship {
        width: 100%;
        margin: 0 !important;
        display: block;
    }

    .product-v2 .product-list-btn-group {
        display: block;
    }

    .product-v2 .product-small .quantity {
        margin-right: 0;
        width: 100%;
    }

    .product-v2 .product-small .quantity > input[type=number] {
        width: calc(100% - 64px);
        max-width: unset;
        background-color: #fafafa;
        box-shadow: none;
    }

    .product-v2 .product-small .preferred-price .preferred-info {
        display: none;
    }

    .product-v2 .product-small .quantity > input {
        height: 28px !important;
        line-height: 28px !important;
    }

    .product-v2 .page-title-inner {
        display: block;
        position: relative;
    }

    .product-v2 .res-total {
        padding-bottom: 30px;
        padding-top: 15px;
    }

    .product-v2 .res-sort {
        width: 100%;
        color: #585858;
    }

    .product-v2 .res-sort p {
        color: inherit;
    }

    .product-v2 .res-page {
        margin-left: 0;
        position: absolute;
        top: 0;
        right: 0;
    }

    .product-v2 .res-page select {
        width: auto;
        min-width: 100px;
    }

    .product-v2 .medium-text-center {
        text-align: left !important;
    }

    .product-v2 .col.product-ad {
        width: 100% !important;
        max-width: 100% !important;
        -ms-flex-preferred-size: 100% !important;
        flex-basis: 100% !important;
    }

    .product-v2 .product-list-filter {
        margin-left: 0;
    }

    .woocommerce-pagination ul.links li:first-child, .woocommerce-pagination ul.links li:last-child {
        display: inline-block;
    }

    ul.links li:first-child, .woocommerce-pagination ul.links li:last-child {
        display: inline-block;
    }

    .product-v2 .row-small > .col {
        padding: 0 10px 15px 7.5px;
    }

    .product-v2 .row-small > .col:nth-child(2n - 1) {
        padding: 0 7.5px 15px 10px;
    }

    .product-v2 .product-small .box-text .price-wrapper {
        padding-bottom: 0;
    }

}

.dynamic-ad {
    min-height: 34px;
    line-height: 34px;
    background-color: #F4F8FF;
    font-size: 14px;
    color: #666;
    font-family: "Roboto", "Lato", sans-serif;
}

.dynamic-ad .wrap {
    max-width: 720px;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.dynamic-ad a {
    color: #4672D0;
}

.dynamic-ad li {
    text-align: center;
    padding: 0;
    word-wrap: break-word;
    word-break: normal;
    margin-bottom: 0;
}

.dynamic-ad li p {
    margin-bottom: 0 !important;
}

.dynamic-ad .flex-direction-nav a {
    width: 34px;
    height: 34px;
    opacity: 1 !important;
    color: #B0B0B0;
    vertical-align: top;
    display: block;
    margin-top: 0;
    top: 0;
}

.dynamic-ad .flex-direction-nav a > i {
    font-size: 18px;
    vertical-align: middle;
}

@media (max-width: 849px) {

    .dynamic-ad .wrap {
        width: calc(100% - 1rem);
        padding: 0.5rem;
        line-height: 24px;
    }

    .dynamic-ad li {
        padding: 0;
    }

    .dynamic-ad .flex-direction-nav a {
        top: 35%;
    }

    .dynamic-ad .flex-direction-nav a.flex-prev {
        left: -8px !important;
    }

    .dynamic-ad .flex-direction-nav a.flex-next {
        right: -8px !important;
    }
}

.item-grid-link {
    color: #111;
    font-weight: 700;
}

.item-grid-thumb {
    /*display: inline-block;*/
    /*width: 100%;*/
    /*height: 100vw;*/
}

#top-bar .nav > li > a {
    font-size: 1rem;
    font-weight: 700 !important;
    line-height: unset !important;
}

.hr-or {
    text-align: center;
}

.hr-or > span {
    display: inline-block;
    background-color: #fff;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

.hr-or:after {
    content: "";
    display: block;
    height: 1px;
    background-color: #000;
    position: relative;
    top: -12px;
    z-index: 1;
}

.button-light {
    color: #000;
    border: 2px solid #000;
    background-color: #fff;
}

.button-light:hover, .button-light:active, .button-light:focus {
    color: #000;
    border: 2px solid #000;
    background-color: #fff;
    box-shadow: none;
}

.button-dark {
    color: #fff;
    background-color: #000;
}

.modal.modal-light {
    border-radius: 0;
}

.modal.modal-light .modal-header {
    padding: 45px 15px 15px;
    text-align: center;
    border-bottom: 0;
    font-size: 24px;
    font-weight: normal;
    color: #000;
}

.modal.modal-light a.close-modal {
    color: #000;
    background-color: transparent;
    top: 5px;
    right: 5px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    background-image: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    text-indent: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.modal.modal-light a.close-modal:after {
    content: "\f00d";
}

.i-btn {
    display: inline-block;
    margin: 0 2px;
    font-size: 16px;
    cursor: pointer;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    min-height: 36px;
    transition: transform .3s, border .3s, background .3s, box-shadow .3s, opacity .3s, color .3s;
    vertical-align: middle;
    padding: 0;
    border: 0;
    overflow: hidden;
    color: #333;
}

a.i-btn {
    line-height: 42px;
}

.cursor-pointer {
    cursor: pointer
}

.share-carts-list-table td {
    line-height: 36px;
}

.cart-share-items-ul {
    color: #666;
    margin-bottom: 0;
    font-size: 13px;
    display: none;
}

.cart-share-items-ul > li {
    padding-top: 2px;
    color: #888;
    line-height: 1.5;
}

.cart-banner-1 {
    color: #000;
    text-align: center;
    background-color: #F6F6F6;
    margin-bottom: 50px;
    padding: 30px;
    font-size: 18px;
}

.cart-banner-1 span {
    font-size: 24px;
}

.cart-banner-1 a {
    color: #000;
    padding: 10px 20px;
    font-size: 20px;
    border-radius: 8px;
    border: 2px solid #000;
    margin-left: 50px;
}

.cart-banner-2 {
    color: #000;
    background-color: #F6F6F6;
    padding: 10px;
    margin-top: 30px;
}

.cart-banner-2 tr th:first-child {
    text-transform: capitalize;
    border-bottom: 2px solid #000;
    padding-bottom: 15px;
}

.cart-banner-2 tr th:last-child {
    text-transform: capitalize;
    color: #732443;
    font-size: 18px;
    border-bottom: 2px solid #000;
    text-align: right;
    padding-bottom: 15px;
}

.cart-banner-2 tr td:first-child {
    text-align: left;
    color: #888;
    border-bottom: 0;
    padding-top: 15px;
}

.cart-banner-2 tr td:last-child {
    font-size: 14px;
    border-bottom: 0;
    text-align: right;
    padding-top: 15px;
}

.cart-banner-2 tr td:last-child a {
    color: #000;
    padding: 8px 16px;
    border-radius: 5px;
    border: 2px solid #000;
    white-space: nowrap;
}

#enroll2, .from2 {
    color: #000;
    font-family: "Roboto", "Lato", sans-serif;
}

#enroll2 * {
    /*font-family: inherit;*/
    /*color: inherit;*/
}

#enroll2 h1, .from2 h1 {
    color: #000;
    font-size: 32px;
    font-weight: 800;
    font-family: "Roboto", "Lato", sans-serif;
}

.from2 h1 {
    font-size: 40px;
}

#enroll2 h2, .from2 h2 {
    color: #000;
    font-size: 26px;
    font-weight: 800;
    font-family: "Roboto", "Lato", sans-serif;
}

#enroll2 h2 > .la.fs-36, .form2 h2 > .la.fs-36 {
    position: relative;
    top: 2px;
}

#enroll2 h3, .form2 h3 {
    color: #000;
    font-weight: 700;
    font-family: "Roboto", "Lato", sans-serif;
}

#enroll2 h4, .form2 h4 {
    color: #000;
    font-weight: 700;
    font-family: "Roboto", "Lato", sans-serif;
}

#enroll2 p, .form2 p {
    color: #000;
    font-weight: 400;
    font-family: "Roboto", "Lato", sans-serif;
}

#enroll2 label, .form2 label {
    font-weight: 400;
}

.enroll2-type-box {
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
    border: 3px solid #000;
    border-radius: 32px;
    padding: 30px 0;
    display: flex;
}

.enroll2-type-box * {
    cursor: default;
}

.enroll2-type-box-l {
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 48px;
}

.enroll2-type-box-r {
    padding-left: 5px;
}

.enroll2-type-box-r h2 {
    margin-bottom: 5px;
}

.enroll2-type-box-r h3 {
    line-height: 1.2;
    margin-bottom: 5px;
}

#enroll2 a {
    color: #000;
    text-decoration: underline;
}

#enroll2 .b500 {
    font-weight: 500 !important;
}

@media screen and (min-width: 850px) {
    .enroll2-type-box {
        max-width: 98%;
        height: 100%;
        margin-bottom: 0;
    }
}

.enroll2-type-radio, .form2-radio {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 3px solid #000;
    border-radius: 50%;
}

.form2-radio {
    /*vertical-align: middle;*/
}

.enroll2-type-radio:after, .form2-radio:after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    margin: 9px;
    background-color: #000;
    border-radius: 50%;
    opacity: 0;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    -moz-transform: scale(.1, .1);
    -webkit-transform: scale(.1, .1);
    -o-transform: scale(.1, .1);
    transform: scale(.1, .1);
}

.enroll2-type-radio.checked:after, .form2-radio.checked:after {
    opacity: 1;
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}

.enroll2-type-radio input[type=radio], .form2-radio input[type=radio] {
    display: none;
}

.enroll2-type-radio.sm, .form2-radio.sm {
    width: 36px;
    height: 36px;
    border: 2px solid #000;
}

.enroll2-type-radio.sm:after, .form2-radio.sm:after {
    margin: 4px;
}

.enroll2-type-radio-group, .form2-radio-group {
    display: inline-block;
    text-align: center;
    vertical-align: bottom;
}

.enroll2-type-radio-group label, .form2-radio-group label {
    font-weight: 400;
}

.enroll2-type-checkbox-group, .form2-checkbox-group {
    display: inline-block;
}

.enroll2-type-checkbox, .form2-checkbox {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #666;
    vertical-align: text-bottom;
    z-index: 1;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.enroll2-type-checkbox.checked, .form2-checkbox.checked {
    border-color: #000;
}

.enroll2-type-checkbox:after, .form2-checkbox:after {
    content: "";
    display: block;
    width: 25px;
    height: 15px;
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    position: absolute;
    left: -2px;
    bottom: 8px;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    opacity: 0;
}

.enroll2-type-checkbox.checked:after, .form2-checkbox.checked:after {
    opacity: 1;
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.enroll2-type-checkbox input[type=checkbox], .form2-checkbox input[type=checkbox] {
    display: none;
}

.enroll2-wizard {
    height: 48px;
    line-height: 48px;
    display: flex;
}

.enroll2-wizard > div {
    flex: 1;
    text-align: center;
    color: #fff;
    background-color: #BCBABA;
    font-weight: 400;
    font-family: "Roboto", "Lato", sans-serif;
    position: relative;
}

.enroll2-wizard > div.active, .enroll2-wizard > div.over {
    background-color: #000;
}

.enroll2-wizard a {
    color: #fff !important;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none !important;
}

.enroll2-wizard > div.active:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    border-left: 24px solid #000;
    border-top: 24px solid #BCBABA;
    border-bottom: 24px solid #BCBABA;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.enroll2-wizard > div:last-child.active:after {
    border-top: 24px solid #fff;
    border-bottom: 24px solid #fff;
}

@media (max-width: 850px) {
    .enroll2-wizard {
        background-color: #BCBABA;
    }

    .enroll2-wizard > div {
        display: none;
    }

    .enroll2-wizard > div.active {
        display: block;
        flex: unset;
        width: 50%;
    }

    .enroll2-wizard > div:last-child.active:after {
        border-left: 24px solid #000;
        border-top: 24px solid #BCBABA;
        border-bottom: 24px solid #BCBABA;
    }
}

.enroll2-account-form {
    max-width: 960px;
}

.enroll2-form-control, .form2-control {
    color: #000 !important;
    font-size: 18px !important;
    font-family: "Roboto", "Lato", sans-serif;
    height: 48px !important;
    border: 2px solid #000 !important;
    box-shadow: unset !important;
    padding: 0 1rem !important;
    vertical-align: middle;
    margin: 0;
}

.enroll2-form-control:read-only, .form2-control:read-only {
    cursor: default;
}

.enroll2-form-control:disabled, .form2-control:disabled {
    cursor: default;
    border-color: #fff !important;
    color: #333 !important;
}

label {
    color: #000;
    font-size: 16px;
}

.enroll2-form-control-group, .form2-control-group {
    position: relative;
}

.enroll2-form-control-group > i, .form2-control-group > i {
    position: absolute;
    width: 48px;
    height: 48px;
    line-height: 48px;
    top: 0;
    right: 48px;
    font-size: 24px;
    color: #888;
    text-align: center;
    cursor: pointer;
    z-index: 2;
}

.enroll2-form-control-group > i.info, .form2-control-group > i.info {
    color: #000;
    right: 0;
    font-size: 36px;
    cursor: default;
}

.enroll2-btn, .form2-btn {
    font-size: 24px;
    font-weight: 800;
    padding: 0 4rem;
    border-radius: 10px;
    margin: 0;
}

.form2-btn {
    border-radius: 0;
    display: inline-block;
}

@media (max-width: 850px) {
    .form2-btn {
        font-size: 24px;
        padding: 0 2rem;
        border-radius: 10px;
    }
}

.enroll2-btn.dark, .form2-btn.dark {
    color: #fff;
    background-color: #000;
}

.enroll2-btn.sm, .form2-btn.sm {
    font-size: 22px;
    max-height: 50px;
    min-height: 50px;
    line-height: 50px;
    vertical-align: middle;
}

.enroll2-btn.xs, .form2-btn.xs {
    font-size: 14px;
    font-weight: 500;
    padding: 0 1.5rem;
    min-height: 28px;
    line-height: 28px;
    letter-spacing: .01em;
}

.enroll2-btn.white, .form2-btn.white {
    color: #000 !important;
    border: 2px solid #000;
}

.enroll2-account-form {
    position: relative;
}

.enroll2-account-form select option[disabled] {
    color: #888;
}

.enroll2-account-form .select2-container--default .select2-selection--single {
    color: #000 !important;
    font-size: 18px;
    font-family: "Roboto", "Lato", sans-serif;
    height: 48px !important;
    line-height: 48px !important;
    border: 2px solid #000 !important;
    box-shadow: unset !important;
    padding: 0 1rem !important;
}

.enroll2-account-form .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    padding-left: 0;
}

.enroll2-account-form .select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #fff !important;
}

.enroll2 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #333;
    font-size: 18px;
}

.enroll2 .select2-container.select2-container--disabled .select2-selection {
    background-image: none;
}

.enroll2-form-error, .form2-error {
    color: #D15757 !important;
    margin-bottom: 0;
    font-size: 15px;
    display: none;
}

.enroll2-text-input {
    font-size: 18px;
    display: inline-block;
    height: 48px;
    line-height: 44px;
    width: 66%;
    border: 2px solid #000 !important;
    box-shadow: unset !important;
    padding: 0 1rem !important;
    position: relative;
    vertical-align: middle;
    margin-right: 20px;
}

.enroll2-text-input.disabled {
    border-color: #fff !important;
}

@media (max-width: 850px) {
    .enroll2-text-input {
        width: 100%;
        margin-right: 0;
    }

    .mobi-w100 {
        width: 100% !important;
    }
}

.enroll2-text-input > input {
    height: 44px;
    color: #000 !important;
    font-size: 18px;
    font-family: "Roboto", "Lato", sans-serif;
    box-shadow: unset;
    border: 0;
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    background-color: transparent !important;
    padding-left: 175px;
}

.enroll2-text-input > input:focus, .enroll2-text-input > input:active {
    box-shadow: unset;
    background-color: transparent;
}

#enroll2 span.check-replicate-site {
    color: #D15757;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    vertical-align: middle;
}

#enroll2 span.check-replicate-site > i {
    font-size: 36px;
    margin-right: 5px;
    vertical-align: middle;
}

#enroll2 span.check-replicate-site.error {
    color: #D15757;
}

#enroll2 span.check-replicate-site.available {
    color: #32AA69;
}

.ibo-list-wrap {
    padding: 15px;
    background-color: #F5F8FE;
}

.ibo-list-wrap .wrapper {
    padding: 15px 15px 0 15px;
    background-color: #fff;
}

.ibo-list-wrap table thead th {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 2px solid #ccc;
    padding: 1rem;
}

.ibo-list-wrap table tbody td {
    padding: 1rem;
    color: #000;
    font-size: 16px;
    vertical-align: middle;
}

@media (max-width: 768px) {
    #enroll2 .ibo-list-wrap .wrapper {
        padding: 0 10px;
    }

    .ibo-list-wrap table tbody, .ibo-list-wrap table, .ibo-list-wrap table tr {
        max-width: 100%;
    }

    .ibo-list-wrap table tbody td {
        padding: 16px 0;
        max-width: 100%;
    }

    .ibo-list-wrap table tbody td > div {
        max-width: 100%;
        white-space: normal;
        word-break: break-all;
        font-size: 14px;
    }
}

.ibo-list-wrap table tbody td .la {
    color: #666;
    font-size: 40px;
}

.enroll2-find-ibo-input {
    display: inline-block;
    width: 66%;
    margin-right: 20px;
    position: relative;
}

.enroll2-find-ibo-input > .clear, .enroll2-find-ibo-input > .close {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #000;
    cursor: pointer;
}

.enroll2-find-ibo-input > .clear {
    display: none;
}

@media (max-width: 850px) {
    .enroll2-find-ibo-input {
        width: 100%;
        margin-right: 0;
    }
}

.enroll2 .select2-dropdown {
    border: 2px solid #000;
    border-top: 0;
}

.enroll2 .select2-search--dropdown {
    border-bottom: 2px solid #000;
}

.enroll2 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0;
    box-shadow: unset;
}

.enroll2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #000;
}

.enroll2 .select2-results__option--selectable {
    color: #000;
    font-family: "Roboto", "Lato", sans-serif;
}

.enroll2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: 18px;
}

.enroll2-user-photo {
    display: inline-block;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #eee;
}

.enroll2-pagination ul {
    display: flex;
    width: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.enroll2-pagination li {
    list-style: none;
    padding: 0;
}

#enroll2 .enroll2-pagination a, .enroll2-pagination .current {
    width: 44px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 2px solid #000;
    margin: 0 2px;
}

#enroll2 .enroll2-pagination a {
    cursor: pointer;
}

.enroll2-pagination li.disabled {
    margin: 0 2px;
}

.enroll2-pagination .current, #enroll2 .enroll2-pagination a:hover {
    color: #fff;
    background-color: #000;
}

.enroll2-connect-box {
    display: inline-flex;
    border: 2px solid #000;
    padding: 20px;
}

.enroll2-connect-box > .enroll2-connect-box-l {
    text-align: center;
    margin-right: 40px;
}

.enroll2-connect-photo {
    display: block;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #eee;
    margin: 0 auto 15px auto;
}

.enroll2-connect-box-r >label{
    font-size: 13px;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .enroll2-btn.xs {
        padding: 0 .5rem;
        max-width: 100%;
    }

    .enroll2-connect-box {
        padding: 15px;
    }

    .enroll2-connect-box > .enroll2-connect-box-l {
        margin-right: 10px;
    }

    .enroll2-connect-photo {
        width: 96px;
        height: 96px;
    }
}

.enroll2-free-box {
    padding: 20px 30px;
    background-color: #F7F7F7;
}

.enroll2-free-box > div {
    display: flex;
}

.enroll2-free-box > div > h2 {
    width: 100px;
}

.enroll2-free-box .enroll2-product-progress {
    flex: 1;
}

.enroll2-free-box .enroll2-product-progress .bar {
    height: 28px;
    background-color: #ACACAC;
    border-radius: 14px;
    position: relative;
    overflow: hidden;
}

.enroll2-free-box .enroll2-product-progress .bar > div {
    position: absolute;
    top: 0;
    left: 0;
    /*border-radius: 14px;*/
    height: 28px;
    background-color: #000;
    width: 0;
}

.enroll2-free-box .enroll2-product-progress .point {
    display: flex;
}

.enroll2-free-box .enroll2-product-progress .point > div {
    font-size: 18px;
    width: 36px;
    text-align: center;
    position: relative;
}

.enroll2-free-box .enroll2-product-progress .point > .num:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    top: -24px;
    left: 8px;
}

.enroll2-free-box .enroll2-product-progress .point > .num.none:after{
    display: none;
}

.enroll2-free-box .enroll2-product-progress .nil {
    flex: 1;
}

.enroll2-item-box {
    margin-bottom: 30px;
}

.enroll2-item-box .enroll2-item-box-body {
    border: 1px solid #000;
    padding: 15px 15px 0 15px;
}


.enroll2-item-box .enroll2-item-box-body span.a {
    display: inline-block;
    padding: 10px;
}

.enroll2-item-box .enroll2-item-box-footer {
    border: 1px solid #000;
    border-top: 0;
    font-size: 15px;
    padding: 15px 15px 0 15px;
    height: 0;
    overflow: hidden;
    margin-top: -16px;
    opacity: 0;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.enroll2-item-box .enroll2-item-box-footer.show {
    height: auto;
    margin-top: 0;
    opacity: 1;
}

.enroll2-item-box .enroll2-item-box-footer span.a {
    line-height: 0;
    font-size: 14px !important;
    text-decoration: none;
    /*position: relative;*/
    /*top: 5px;*/
    display: inline-block;
    padding: 10px 10px 5px 10px;
}

.enroll2-item-box .enroll2-item-box-footer span.a > i {
    font-size: 24px;
    /*position: relative;*/
    /*bottom: 10px;*/
    display: block;
}

.enroll2-item-box-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.enroll2-item-box-image > img {
    max-width: 100%;
    max-height: 100%;
}

.enroll2-item-box-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.enroll2-item-box-price {
    display: flex;
    font-size: 18px;
}

.enroll2-item-box-price-type {
    margin-right: 20px;
}

.enroll2-item-box-price-amount {
    font-weight: 600;
    flex: 1;
    text-align: right;
}

.enroll2-item-box-qty {
    display: flex;
    border: 1px solid #000;
    height: 36px;
    max-width: 125px;
}

.enroll2-item-box-qty > i {
    font-style: normal;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    color: #000;
    text-align: center;
    background-color: #00000029;
    font-size: 24px;
    border-right: 1px solid #000;
    font-weight: 600;
    cursor: pointer;
}

.enroll2-item-box-qty > i.plus {
    border-right: 0;
    border-left: 1px solid #000;
}

.enroll2-item-box-qty > input {
    flex: 1;
    font-size: 18px;
    height: 34px;
    border: 0;
    box-shadow: unset;
    text-align: center;
    cursor: default;
    font-weight: 500;
}

.enroll2-btn.enroll2-item-box-btn {
    font-size: 16px;
    width: 100%;
    padding: 0;
}


.enroll2-btn.enroll2-item-box-btn i {
    font-size: 28px;
}

#enroll2 .enroll2-item-box a {
    font-size: 16px;
    font-weight: 500;
}

span.a {
    color: #000;
    text-decoration: underline;
    font-family: "Roboto", "Lato", sans-serif;
    cursor: pointer;
}

#enroll2 .enroll2-item-box span.a {
    font-size: 16px;
    font-weight: 500;
}

.enroll2-total-box, .form2-total-box {
    border: 1px solid #000;
    margin-bottom: 10px;
}

.enroll2-total-box-header, .form2-total-box-header {
    margin-bottom: 0;
    padding: 5px 20px;
}

.form2-total-box-header, .form2-total-box-header a {
    color: #000;
}

.enroll2-total-box-header > span, .form2-total-box-header > span {
    float: right;
}

.enroll2-total-box-header > span > i, .form2-total-box-header > span > i {
    font-size: 32px;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    bottom: 1px;
    margin-left: 8px;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.enroll2-total-box-body, .form2-total-box-body {
    margin: 0 20px;
    height: 0;
    overflow: hidden;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

@media (max-width: 768px) {
    .enroll2-total-box-body, .form2-total-box-body {
        margin: 0 10px;
        width: calc(100% - 20px);
    }

    .enroll2-total-box-item-price, .form2-total-box-item-price {
        margin-right: 0 !important;
    }

    .enroll2-total-box-item-qty, .form2-total-box-item-qty {
        width: 80px !important;
    }
}

.enroll2-total-box.active .enroll2-total-box-body, .form2-total-box.active .form2-total-box-body {
    padding: 0 0 20px 0;
    border-top: 2px solid #000;
    height: auto;
}

.enroll2-total-box.active .enroll2-total-box-header > span > i, .form2-total-box.active .form2-total-box-header > span > i {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.enroll2-total-box-item, .form2-total-box-item {
    display: flex;
    border-bottom: 1px solid #000;
    padding: 15px 0;
}

.form2-total-box-item {
    border-bottom: 1px solid #ddd;
}

.form2-total-box-item:last-child {
    border-bottom: 0;
}

.enroll2-total-box-item-l, .form2-total-box-item-l {
    width: 128px;
    margin-right: 10px;
}

.form2-total-box-item-l {
    width: 96px;
}

.enroll2-total-box-item-r, .form2-total-box-item-r {
    width: calc(100% - 138px);
    position: relative;
}

.enroll2-total-box-item-wrap, .form2-total-box-item-wrap {
    display: flex;
    align-items: end;
    justify-content: flex-end;
    width: 100%;
}

.enroll2-total-box-item-qty, .form2-total-box-item-qty {
    display: flex;
    width: 90px;
    height: 32px;
    border: 2px solid #000;
}

.enroll2-total-box-item-qty > i, .form2-total-box-item-qty > i {
    display: block;
    width: 24px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    font-style: normal;
    font-size: 14px;
    /*font-weight: 400;*/
    border-right: 2px solid #000;
    cursor: pointer;
}

.enroll2-total-box-item-qty > i.plus, .form2-total-box-item-qty > i.plus {
    border-right: 0;
    border-left: 2px solid #000;
}

.enroll2-total-box-item-qty > input, .form2-total-box-item-qty > input {
    flex: 1;
    height: 28px;
    text-align: center;
    padding: 0;
    font-size: 15px;
    box-shadow: none;
    border: 0;
    font-weight: 500;
    cursor: default;
}

.enroll2-total-box-item-name, .form2-total-box-item-name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form2-total-box-item-name, .form2-total-box-item-amount {
    color: #000;
}

.enroll2-total-box-item-price, .form2-total-box-item-price {
    flex: 1;
    text-align: right;
}
.enroll2-total-box-item-amount > del {
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
}

.enroll2-total-box-item-action > i, .form2-total-box-item-action > i {
    font-size: 28px;
    cursor: pointer;
    margin-left: 5px;
}

.enroll2-total-box-remove, .form2-total-box-remove {
    font-size: 28px;
    position: absolute;
    right: 0;
    bottom: 0;
    cursor: pointer;
}

.enroll2-total-box-coupon input, .enroll2-total-box-coupon input:focus, .form2-total-box-coupon input, .form2-total-box-coupon input:focus {
    border: 2px solid #000;
    font-size: 18px;
    box-shadow: unset;
    height: 36px;
}

.enroll2-total-box-coupon, .form2-total-box-coupon {
    display: flex;
    padding: 15px 0;
    border-bottom: 2px solid #000;
}

.form2-total-box-coupon {
    border-top: 2px solid #000;
}

.enroll2-total-box-apply, .form2-total-box-apply {
    margin-left: 1rem;
    padding: 0 1rem;
    margin-bottom: 0;
}

.form2-total-box-apply {
    color: #000;
}

.enroll2-total-box-total-row, .form2-total-box-total-row {
    display: flex;
}

.enroll2-total-box-total-row[data-promotion] {
    gap: 8px;
    align-items: flex-start;
}

.enroll2-total-box-total-row.bt, .form2-total-box-total-row.bt {
    border-top: 2px solid #000;
}

.enroll2-total-box-total-title, .form2-total-box-total-title {
    font-weight: 500;
    font-size: 16px;
}

.enroll2-total-box-total-row[data-promotion] .promotion-title {
    flex: 1 1 auto;
    min-width: 0;
    white-space: normal;
    overflow-wrap: anywhere;
}

.form2-total-box-total-title, .form2-total-box-total-amount {
    color: #000;
}

.enroll2-total-box-total-amount, .form2-total-box-total-amount {
    flex: 1;
    text-align: right;
    font-size: 16px;
}

.enroll2-total-box-total-row[data-promotion] .enroll2-total-box-total-amount {
    flex: 0 0 auto;
    white-space: nowrap;
}

.enroll2-total-box-total-subtotal, .form2-total-box-total-subtotal {
    flex: 1;
    text-align: right;
    font-weight: 500;
    font-size: 18px;
}

.form2-total-box-total-subtotal {
    color: #000;
}

.enroll2-total-box-total-l, .form2-total-box-total-l {
    font-size: 16px;
    font-style: italic;
    flex: 1;
}

.enroll2-total-box-total-r .form2-total-box-total-r {
    font-size: 16px;
    flex: 1;
    text-align: right;
    font-style: italic;
    padding-right: 3px;
}

.form2-total-box-total-l, .form2-total-box-total-r {
    color: #000;
}

.enroll2 .swal2-actions {
    display: block !important;
}

.enroll2 .swal2-actions .button.white {
    color: #000 !important;
    background-color: #fff !important;
    border: 2px solid #000;
    font-family: "Roboto", "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    vertical-align: top;
}

.enroll2 .swal2-actions .button.white:hover {
    background-color: #fff !important;
    box-shadow: none !important;
}

.enroll2 .swal2-actions .button.secondary, .enroll2 .swal2-actions .button.success {
    background-color: #000;
    font-family: "Roboto", "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
    vertical-align: top;
}

.enroll2-date-input {
    display: inline-block;
    max-width: 200px;
    height: 40px;
    font-size: 18px;
    border: 2px solid #000;
    position: relative;
}

.enroll2-date-input > input {
    height: 36px;
    border: 0;
    box-shadow: none;
    padding-right: 48px;
    text-align: center;
    cursor: default;
    color: #000;
}

.enroll2-date-input > input:focus {
    border: 0;
    box-shadow: none;
}

.enroll2-date-input > i {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #000;
    color: #fff;
    font-size: 32px;
    cursor: default;
    padding: 0;
    border-left: 2px solid #000;
}

.enroll2 .ui-widget.ui-widget-content {
    background-color: #fff;
    padding: 0;
    border: 2px solid #000;
    border-radius: 5px;
    /*box-shadow: 0 3px 0 rgba(0, 0, 0, .75);*/
}

.enroll2 .ui-datepicker .ui-datepicker-header {
    border: 0;
    border-bottom: 0;
    font-family: "Roboto", "Lato", sans-serif;
    font-size: 16px;
    font-weight: 500;
    border-radius: 5px 5px 0 0;
    color: #000;
    padding: .5em 0;
    background-color: #fff;
}

.enroll2 .ui-datepicker table {
    margin-bottom: 0;
    border-radius: 0 0 5px 5px;
}

.enroll2 .ui-datepicker th {
    color: #000;
    border: 1px solid #fff;
    font-weight: 400;
    color: #666;
}

.enroll2 .ui-datepicker td {
    border: 1px solid #fff;
    padding: 0;
}

.enroll2 .ui-state-default, .enroll2 .ui-widget-content .ui-state-default {
    border: 0;
    color: #000;
    background-color: transparent;
    font-size: 16px;
    padding: 1px;
    margin: 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    display: block;
    border-radius: 50px;
}

.enroll2 .ui-widget-content .ui-state-hover {
    color: #fff;
    background-color: #000;
}

.enroll2 .ui-datepicker .ui-datepicker-next {
    width: 40px;
    height: 40px;
}

.enroll2 .ui-widget-header .ui-icon {
    font-family: 'Line Awesome Free';
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    background-image: none;
    color: #000;
    text-indent: 0;
    font-size: 24px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    left: 0;
    top: 0;
}

.enroll2 .ui-datepicker .ui-datepicker-prev span:before {
    content: "\f104";
}

.enroll2 .ui-datepicker .ui-datepicker-next span:before {
    content: "\f105";
}

.enroll2 .ui-widget-content .ui-widget-header .ui-state-hover {
    color: #000;
    background-color: transparent;
    border-color: transparent !important;
    right: 3px;
    top: 1px;
}

.enroll2 .ui-datepicker-top {
    border: 1px solid #000;
    border-bottom: 0;
    background-color: #fff;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    font-family: "Roboto", "Lato", sans-serif;
    border-radius: 3px 3px 0 0;
    padding: .5rem .75rem;
}

.enroll2 .button.back-to-top:hover {
    background-color: #000;
    border-color: #000;
}

.dc-cart-title {
    color: #000;
    font-weight: normal;
    font-size: 16px;
    text-transform: uppercase;
}

.dc-cart-info {
    display: flex;
    color: #999;
    font-size: 15px;
    font-weight: 700;
    position: relative;
}

.dc-cart-info > div {
    line-height: 20px;
    padding: 0;
    margin: 0;
}

.dc-cart-dot {
    display: inline-block;
    background-color: #999;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.dc-cart-bar {
    position: relative;
}

.dc-cart-bar > .bar {
    position: absolute;
    top: 24px;
    left: 0;
    width: 100%;
    height: 14px;
    border-radius: 7px;
    overflow: hidden;
}

.dc-cart-bar > .bar:before {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    border-radius: 7px;
    background-color: #eee;
}

.dc-cart-bar > .bar > div {
    height: 14px;
    background-color: #333;
    position: absolute;
    left: 0;
    top: 0;
}

.line-or {
    position: relative;
    text-align: center;
}

.line-or:before {
    content: "";
    display: block;
    background-color: #ccc;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 15px;
    z-index: 1;
}

.line-or span {
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    position: relative;
    z-index: 2;
}

.button.dark {
    font-size: 16px;
    color: #fff;
    background-color: #000;
    border-radius: 5px;
}

.button.rn {
    border-radius: 0;
}

.button.dark.is-outline {
    border-color: #000;
    color: #000;
    background-color: #fff;
}

.button.dark.is-outline:hover {
    border-color: #000;
    color: #000;
    background-color: #fff;
}

.enroll2-coupon-remove {
    font-size: 24px;
    cursor: pointer;
    vertical-align: middle;
    margin-left: 5px;
}

.lh-48 {
    line-height: 48px;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.enroll2-hr {
    opacity: 1;
    border-top-color: #999;
}

.d-flex {
    display: flex;
}

.pl10 {
    padding-left: 10px !important;
}

.d-hide {
    display: none;
}

.enroll2-form-control.enroll2-autoship-date2, .form2-control.form2-autoship_date {
    font-size: 26px !important;
}

.enroll2-form-control.enroll2-autoship-date2.disabled, .form2-control.form2-autoship_date.disabled {
    color: #000;
}

.pure-datepicker {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .25);
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    opacity: 0;
}

.pure-datepicker.show {
    opacity: 1;
}

.pure-datepicker-card {
    background-color: #fff;
    border: 2px solid #000;
    border-radius: 8px;
    max-width: 480px;
    width: 90%;
}

.pure-datepicker-header {
    padding: 20px 15px;
}

.pure-datepicker-header-title {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}

.pure-datepicker-header-description {
    padding-top: 5px;
    color: #EE0000;
    font-size: 15px;
    line-height: 1.25;
}

.pure-datepicker-body {
    /*align-items: unset;*/
    /*justify-content: unset;*/
}

.pure-datepicker-title {
    padding: 0 15px;
    display: flex;
    margin-bottom: 15px;
}

.pure-datepicker-title .pure-datepicker-date {
    flex: 1;
    font-size: 22px;
    line-height: 36px;
    color: #000;
}

.pure-datepicker-action {
    display: block;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: left;
    font-size: 28px;
    color: #999;
}

.pure-datepicker-action.pure-datepicker-next {
    text-align: right;
}

.pure-datepicker-action.pure-datepicker-active {
    color: #000;
    cursor: pointer;
}

.pure-datepicker-body table {
    margin-bottom: 10px;
    width: 100%;
}


.pure-datepicker-body tbody {
    height: 350px;
}

.pure-datepicker-body th, .pure-datepicker-body td {
    text-align: center;
    border-bottom: 0;
    width: 14.28571428571429%;
    font-size: 18px;
    padding: 0.25em 0;
}

.pure-datepicker-body th {
    color: #666;
    font-weight: normal;
}

.pure-datepicker-body td span {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 18px;
    cursor: pointer;
}

.pure-datepicker-body td.disabled span {
    color: #999 !important;
}

.pure-datepicker-body td.today span {
    border-color: #000;
}

.pure-datepicker-body td.today.disabled span {
    border-color: #999 !important;
}

.pure-datepicker-body td.active span {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.pure-datepicker-body td span:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.pure-datepicker-body td.disabled span:hover {
    color: #999;
    border-color: #fff;
    background-color: #fff;
    cursor: default !important;
}

.pure-datepicker-body td.today span:hover, .pure-datepicker-body td.today.disabled span:hover {
    color: #fff;
    border-color: #000;
    background-color: #000;
}

.pure-datepicker-body td.today.disabled span:hover {
    color: #999 !important;
    border-color: #999 !important;
    background-color: #fff !important;
}

.pure-datepicker-body td.active.disabled span, .pure-datepicker-body td.today.active.disabled span {
    color: #fff !important;
    border-color: #000 !important;
    background-color: #000 !important;
}

.enroll2-tab, .form2-tab {
    border: 2px solid #000;
}

.enroll2-tab-header, .form2-tab-header {
    padding: 5px 15px;
    border-bottom: 2px solid #000;
}

.enroll2-tab .enroll2-tab-rows:last-child .enroll2-tab-header, .form2-tab .form2-tab-rows:last-child .form2-tab-header {
    border-bottom: 0;
}

.enroll2-tab-body, .form2-tab-body {
    border-top: 0;
    background-color: #F5F8FE;
    height: 0;
    overflow: hidden;
    position: relative;
    top: -25px;
    -moz-transition: all 0.15s ease-in;
    -webkit-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
}

.enroll2-tab-body-content, .form2-tab-body-content {
    padding: 0 15px;
    border-top: 2px solid #000;
}

.enroll2-tab-body.show, .form2-tab-body.show {
    opacity: 1;
    height: auto;
    top: 0;
}

.enroll2-complete {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 180px 0;
    background-color: #fff
}

#enroll2 .enroll2-complete h1 {
    color: #000;
    font-weight: 400;
    font-size: 48px;
    margin-bottom: 5px;
}

#enroll2 .enroll2-complete .btw, #enroll2 .enroll2-complete .btb {
    display: inline-block;
    color: #000;
    background-color: #fff;
    font-size: 20px;
    height: 48px;
    line-height: 48px;
    width: 240px;
    text-align: center;
    margin: 0 10px 10px;
    border-radius: 10px;
    text-decoration: none;
    border: 1px solid #000;
}

#enroll2 .enroll2-complete .btb {
    color: #fff;
    background-color: #000;
}

@media (max-width: 768px) {
    .enroll2-complete {
        padding: 120px 20px;
    }

    #enroll2 .enroll2-complete h1 {
        font-size: 36px;
        margin-bottom: 15px;
    }
}

.enroll2-form-zipcode, .form2-zipcode {
    position: relative;
    z-index: 1;
}

.enroll2-form-zipcode i, .form2-zipcode i {
    position: absolute;
    top: 32px;
    right: 15px;
    cursor: pointer;
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px;
    text-align: center;
    z-index: 2;
}

#total-aside {
    /*-o-transition: all .2s ease-in;*/
    /*-webkit-transition: all .2s ease-in;*/
    /*-moz-transition: all .2s ease-in;*/
    /*transition: all .2s ease-in;*/
}

.enroll2-item-search-input {
    margin-top: 30px;
    display: flex;
    max-width: 100%;
    width: 40%;
}

@media (max-width: 768px) {
    .enroll2-item-search-input {
        margin-top: 30px;
        display: flex;
        max-width: 100%;
        width: 100%;
    }
}

.enroll2-item-search-input input {
    padding-right: 36px !important;
}

.enroll2-item-search-input button {
    max-height: 48px;
    min-height: unset;
    line-height: unset;
    border: 0;
    height: 48px;
    border-radius: 0;
    padding: 0 1rem;
}

.enroll2-item-search-input button > i {
    position: relative;
    top: -2px;
}

.enroll2-item-search-input-wrap {
    position: relative;
    display: inline-block;
    width: 50%;
    flex: 1;
    margin-right: 0;
}

.enroll2-item-search-input .enroll2-item-search-close {
    font-size: 24px;
    position: absolute;
    top: 12px;
    right: 6px;
    cursor: pointer;
    display: none;
}

.enroll2-payment-total-mobile {
    margin-bottom: 25px;
}

.enroll2-payment-total-mobile .enroll2-total-box-body, .enroll2-payment-total-mobile .enroll2-total-box.active .enroll2-total-box-body {
    margin: 0;
    width: 100%;
    padding: 0;
}

.form2-payment-total-mobile .form2-total-box-body, .form2-payment-total-mobile .form2-total-box.active .form2-total-box-body {
    margin: 0;
    width: 100%;
    padding: 0;
}


.enroll2-payment-total-mobile .enroll2-total-box-items, .enroll2-payment-total-mobile .enroll2-total-box-total-row {
    padding: 0 20px;
}

.form2-payment-total-mobile .form2-total-box-items, .form2-payment-total-mobile .form2-total-box-total-row {
    padding: 0 20px;
}

.enroll2-total-box-items, .form2-total-box-items {
    max-height: 310px;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .enroll2-total-box-items, .form2-total-box-items {
        max-height: unset;
        overflow-y: unset;
    }
}

.enroll2-mobile-total {
    display: none;
}

@media (max-width: 768px) {
    .enroll2-mobile-total {
        display: block;
    }

    .total-aside-section {
        margin-top: 0 !important;
    }

    .mobile-p {
        display: block;
    }
}


.enroll2-mobile-total .enroll2-total-box-header, .form2-mobile-total .form2-total-box-header {
    padding: 15px;
    height: 56px;
    max-height: 56px;
    box-shadow: 0 -5px 10px rgba(0, 0, 0, .1);
    color: #000;
}

.enroll2-mobile-total .enroll2-total-box-header small, .form2-mobile-total .form2-total-box-header small {
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
    letter-spacing: 0;
    cursor: pointer;
}

.enroll2-mobile-total .enroll2-total-box, .form2-mobile-total .form2-total-box {
    margin-bottom: 0;
    border: 0;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
}

.form2-mobile-total .form2-total-box-body {
    position: relative;
    overflow-y: auto;
}

.form2-mobile-total .form2-total-box .form2-total-close {
    position: absolute;
    color: #BCBABA;
    top: 10px;
    right: 0;
}

.enroll2-mobile-total .enroll2-total-box.active, .form2-mobile-total .form2-total-box.active {
    height: 100%;
    display: flex;
    flex-flow: row wrap;
}

.enroll2-mobile-total .enroll2-total-box-body, .form2-mobile-total .form2-total-box-body {
    -moz-transition: all 0s ease-in;
    -webkit-transition: all 0s ease-in;
    -o-transition: all 0s ease-in;
    transition: all 0s ease-in;
}

.enroll2-mobile-total .enroll2-total-box.active .enroll2-total-box-body, .form2-mobile-total .form2-total-box.active .form2-total-box-body {
    border: 0;
    padding-bottom: 0;
    position: absolute;
    width: calc(100% - 40px);
    height: calc(100% - 56px);
    top: 0;
    left: 0;
    margin: 0 20px;
    /*overflow-y: auto;*/
}

.enroll2-mobile-total .enroll2-total-box.active .enroll2-total-box-header, .form2-mobile-total .form2-total-box.active .form2-total-box-header {
    position: absolute;
    left: 0;
    bottom: 0;
}

.enroll2-mobile-total .enroll2-total-box.active .enroll2-total-box-header > span > i, .form2-mobile-total .form2-total-box.active .form2-total-box-header > span > i {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.enroll2-total-actions {
    padding-bottom: 15px;
}

.enroll2-total-actions hr {
    border-top: 2px solid #000;
    opacity: 1;
    margin-bottom: 0;
    margin-top: 15px;
}

.enroll2-mobile-total .enroll2-total-box-item:last-child, .form2-mobile-total .form2-total-box-item:last-child {
    border-bottom: 0;
}

.enroll2-mobile-total .enroll2-total-box-coupon, .form2-mobile-total .form2-total-box-coupon {
    border-top: 2px solid #000;
}

.enroll2-mobile-total .enroll2-total-box-item-l, .form2-mobile-total .form2-total-box-item-l {
    width: 96px;
}

.enroll2-mobile-total .enroll2-total-box-remove, .form2-mobile-total .form2-total-box-remove {
    position: unset;
}

.enroll2-ref-btn {
    padding: 0 50px;
    border-radius: 10px;
    min-height: 36px
}

@media (max-width: 768px) {
    .enroll2-ref-btn {
        padding: 0;
        width: 95%;
    }
}

.underline {
    text-decoration: underline;
}

.quick-checkout-step-info {
    margin-top: 25px;
    width: unset;
}

.quick-checkout-step-info th {
    font-weight: normal;
    color: #868686;
    border-bottom: 0;
    text-transform: capitalize;
    padding-right: 15px;
    font-size: 16px;
    width: 80px;
    vertical-align: text-bottom;
}

.quick-checkout-step-info td {
    font-weight: normal;
    color: #000;
    border-bottom: 0;
    font-size: 16px;
    vertical-align: text-bottom;
}

.quick-checkout-step-info th.actions {
    display: none;
}

.quick-checkout-step2-nav {
    display: flex;
    margin-bottom: 40px;
}

.quick-checkout-step2-nav > div {
    flex: 1;
    border: 1px solid #707070;
    text-align: center;
    height: 56px;
    line-height: 56px;
    cursor: pointer;
    margin-left: 10px;
    font-weight: 500;
    font-size: 24px;
    max-width: 50%;
}

.quick-checkout-step2-nav > div:first-child {
    margin-left: 0;
    margin-right: 10px;
}

.quick-checkout-step2-nav > div > i {
    font-size: 28px;
    vertical-align: text-bottom;
    margin-right: 5px;
}

.quick-checkout-step2-nav > div.active {
    border: 2px solid #000;
}

.quick-checkout-step2-content {
    line-height: 36px;
    display: none;
}

.quick-checkout-step2-content.active {
    display: block;
}

.quick-checkout-step2-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.quick-checkout-step2-content li {
    border: 1px solid #707070;
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 18px;
    padding: 15px;
}

.quick-checkout-section {
    padding-left: 40px;
    padding-right: 40px;
}

.quick-checkout-section h1 {
    color: #BCBABA;
}

.quick-checkout-section .active h1, .quick-checkout-section .ok h1 {
    color: #000;
}


.quick-checkout-section .ok h1 i, .quick-checkout-section .ok h1 span {
    display: inline !important;
}

.quick-checkout-info, .quick-checkout-form {
    display: none;
}

.quick-checkout-section .ok .quick-checkout-info {
    display: block;
}

.quick-checkout-section .active .quick-checkout-form {
    display: block;
}

.form2 select option[disabled] {
    color: #888;
}

.form2 .select2-container--default .select2-selection--single {
    color: #000 !important;
    font-size: 18px;
    font-family: "Roboto", "Lato", sans-serif;
    height: 48px !important;
    line-height: 48px !important;
    border: 2px solid #000 !important;
    box-shadow: unset !important;
    padding: 0 1rem !important;
}

.form2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    padding-left: 0;
}

.form2 .select2-container--default.select2-container--disabled .select2-selection--single {
    border-color: #fff !important;
}

.form2 .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    color: #333;
    font-size: 18px;
}

.form2 .select2-container.select2-container--disabled .select2-selection {
    background-image: none;
}

.form2-select2 .select2-dropdown {
    border: 2px solid #000;
    border-top: 0;
}

.form2-select2 .select2-search--dropdown {
    border-bottom: 2px solid #000;
}

.form2-select2 .select2-container--default .select2-search--dropdown .select2-search__field {
    border: 0;
    box-shadow: unset;
}

.form2-select2 .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #000;
}

.form2-select2 .select2-results__option--selectable {
    color: #000;
    font-family: "Roboto", "Lato", sans-serif;
}

.form2-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000;
    font-size: 18px;
}

@media (max-width: 850px) {
    .from2 h1 {
        font-size: 36px;
    }

    .quick-checkout-section {
        padding-left: 0;
        padding-right: 0;
    }

    .quick-checkout-section #step-1, .quick-checkout-section #step-2, .quick-checkout-section #step-3 {
        display: none;
    }

    .quick-checkout-section #step-1 hr, .quick-checkout-section #step-2 hr, .quick-checkout-section #step-3 hr {
        display: none;
    }

    .quick-checkout-section #step-1.active, .quick-checkout-section #step-1.ok {
        display: block;
    }

    .quick-checkout-section #step-2.active, .quick-checkout-section #step-2.ok {
        display: block;
    }

    .quick-checkout-section #step-3.active, .quick-checkout-section #step-3.ok {
        display: block;
    }

    .quick-checkout-step2-nav > div {
        max-width: 100%;
    }

    .quick-checkout-section h1 {
        display: none;
    }

    .quick-checkout-section .active h1 {
        display: block;
    }

    .quick-checkout-section .ok h1 {
        display: none;
    }

    .quick-checkout-section .step-1 {
        border: 1px solid #000;
    }

    .quick-checkout-section .ok {
        padding: 15px;
    }

    .quick-checkout-section .ok.step-1 hr {
        display: none;
    }

    .quick-checkout-section .ok.step-2 hr {
        display: none;
    }

    .quick-checkout-section .ok .quick-checkout-step-info {
        margin: 0;
    }

    .quick-checkout-step-info th.actions {
        display: table-cell;
        text-align: right;
    }

    .quick-checkout-section .ok#step-1.step-2 {
        padding-bottom: 0;
        border: 1px solid #000;
        border-bottom: 0;
    }

    .quick-checkout-section .ok#step-2.step-2 {
        padding-top: 0;
        border: 1px solid #000;
        border-top: 0;
    }

    .quick-checkout-step-info th {
        max-width: 70px;
    }

    .step-1 .quick-checkout-step-info th, .step-1 .quick-checkout-step-info td {
        font-size: 13px;
        border-bottom: 2px solid #eee;
    }

    .step-1 .quick-checkout-step-info tr:last-child th, .step-1 .quick-checkout-step-info tr:last-child td {
        border-bottom: 0;
    }

    .step-2 .quick-checkout-step-info th, .step-2 .quick-checkout-step-info td {
        font-size: 13px;
    }

    .step-2#step-1 .quick-checkout-step-info th, .step-2#step-1 .quick-checkout-step-info td {
        border-bottom: 2px solid #eee;
    }
}

.quick-checkout-result th, .quick-checkout-result td {
    border-bottom: 0;
    vertical-align: top;
    padding: 15px 15px 30px;
}

.quick-checkout-result th {
    text-transform: capitalize;
    font-size: 24px;
    width: unset;
}

.quick-checkout-result td {
    font-size: 16px;
    line-height: 24px;
    color: #868686;
}

.quick-checkout-result td h3 {
    color: #000;
    font-size: 18px;
}

.quick-checkout-bl {
    width: 360px;
    margin-right: 15px;
    padding: 0;
}

.quick-checkout-br {
    width: 360px;
    margin-left: 15px;
    padding: 0;
}

@media (max-width: 850px) {
    .quick-checkout-result th, .quick-checkout-result td {
        display: block;
    }

    .quick-checkout-result th {
        padding-bottom: 0;
    }

    .quick-checkout-result td {
        padding-top: 5px;
    }

    .quick-checkout-bl, .quick-checkout-br {
        margin: 0 0 15px;
        width: 100%;
    }
}

.swal2-confirm.success.is-dark {
    background-color: #000;
}

body {
    overflow: hidden;
}

#drift-widget-container #drift-widget {
    right: 12px !important;
    bottom: 56px !important;
}

.button.back-to-top {
    border-radius: 50% !important;
}

.button.back-to-top:hover {
    color: #fff;
    background-color: #209FAD;
    border-color: #209FAD;
}

.button.back-to-top:hover * {
    color: inherit;
}

#shop-footer {
    font-size: 14px;
}

#shop-footer .icon {
    margin: 0 2px 0;
}

#shop-footer .icon i {
    font-size: 16px;
    /*color: #999;*/
}

#shop-footer ul {
    list-style: none;
}

#shop-footer ul li {
    list-style: inherit;
}

#shop-footer .nav > li > a {
    font-size: 1em;
}

#shop-footer .left {
    float: left;
}

#shop-footer .right {
    float: right;
}

#shop-footer .left, #shop-footer .right {
    width: auto !important;
}

#shop-footer .flex-col-large {
    flex: 1;
}

#shop-footer img.cards {
    max-width: 250px;
}

#shop-footer .flex-row.footer-end {
    border-top: 2px solid #ddd;
    margin-left: 230px;
    padding-top: 10px;
    align-items: flex-start;
}

#shop-footer .flex-col.copyright {
    flex: 1;
    min-width: 400px;
    text-align: right;
    vertical-align: top;
}

@media (max-width: 1280px) {
    #shop-footer .flex-row-large {
        display: block !important;
        padding: 0 50px;
    }

    #shop-footer .flex-col-large {
        display: block !important;
        flex: none;
        padding: 0 !important;
        margin-bottom: 25px;
    }
}

@media (max-width: 849px) {
    #shop-footer .flex-row {
        display: block;
        padding: 0 50px;
    }

    #shop-footer .text-right {
        text-align: left !important;
    }

    #shop-footer .nav-right {
        justify-content: unset;
    }

    #shop-footer .flex-col-large .flex-col > div {
        border: 0 !important;
        padding: 0 !important;
    }

    #shop-footer .nav-right li.current-dropdown:last-child > .nav-dropdown, #shop-footer .nav-right li.has-dropdown:hover:last-child > .nav-dropdown {
        left: -30px;
        right: auto;
    }

    #shop-footer .mobi-block {
        margin-right: 0;
    }

    #shop-footer img.cards {
        max-width: 100%;
    }

    #shop-footer .flex-row.footer-end {
        margin: 0 100px;
        padding: 20px 0 0;
        display: block;
        width: auto !important;
    }

    #shop-footer .flex-col.copyright {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
}

@media (max-width: 549px) {
    #shop-footer .flex-row.footer-end {
        margin: 0 2rem;
        width: calc(100% - 4rem) !important;
        /*word-break: break-all;*/
        word-wrap: break-word;
        display: block !important;
    }
}

.toggle-switch {
    cursor: pointer;
}

.toggle-switch input[type=checkbox] {
    display: none !important;
}

.toggle-switch > label {
    display: inline-block !important;
    vertical-align: middle;
    width: 32px;
    height: 16px;
    border: 2px solid #6c717a;
    background-color: #6c717a;
    border-radius: 10px;
    margin: 0;
    position: relative;
    cursor: pointer;
}

.toggle-switch.checked > label {
    border-color: #2B5B6C;
    background-color: #2B5B6C;
}


.toggle-switch > label:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .25s ease-in;
    -o-transition: all .25s ease-in;
    -webkit-transition: all .25s ease-in;
    -moz-transition: all .25s ease-in;
}

.toggle-switch.checked > label:after {
    left: 16px;
}

.toggle-switch > span {
    font-weight: normal;
    margin-left: 5px;
    font-size: 14px;
    vertical-align: middle;
    color: #999;
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.toggle-switch.checked > span {
    color: #111;
}

.img-twitter {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("/img/icon/twitter.svg?v=1");
    background-color: transparent;
    border-radius: 50%;
}

#top-bar .img-twitter {
    vertical-align: bottom;
    background-image: url("/img/icon/twitter-white.svg?v=1");
}

#shop-footer .img-twitter {
    background-image: url("/img/icon/twitter-gray.svg?v=1");
}

#shop-footer a.twitter:hover .img-twitter {
    background-image: url("/img/icon/twitter.svg?v=1");
}

.social-icons .button.icon:hover .img-twitter {
    background-image: url("/img/icon/twitter-white.svg?v=1");
}

.share-twitter .img-twitter {
    background-color: #fff;
    border: 4px solid #000;
}

.capitalize:first-letter {
    text-transform: uppercase !important;
}

.acc-hr {
    height: 0;
    line-height: 0;
    border-bottom: 2px solid #ddd;
}

.text-bottom {
    vertical-align: text-bottom;
}

.acc-text {
    color: #000;
    font-size: 16px;
}

.acc-h3 {
    color: #000;
    font-size: 24px;
    margin-bottom: 30px;
}

.acc-h4 {
    color: #000;
    font-size: 20px;
}

.modal-ask.modal {

}

.modal-ask.modal .modal-header {
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    padding-top: 0;
    text-align: left;
    text-transform: unset;
}

.modal-ask.modal .modal-content {
    padding: 20px;
}

.modal-ask.modal .modal-footer {
    border-top: 0;
    padding: 0;
}

.modal-ask.modal .modal-footer .btn {
    height: 40px;
    border-radius: 8px;
    border: 2px solid #000;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.modal-ask.modal .modal-footer .btn:hover {
    background-color: #000;
    color: #fff;
}

.modal-ask.modal a.close-modal {
    top: 20px;
    right: 15px;
    background-image: url("/img/icon/close.svg");
}

.text-danger {
    color: #D01A27 !important;
}

.tooltip-hint {
    line-height: 1.5;
}

.spinner {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 3.8px solid #000000;
    animation: spinner-bulqg1 0.96s infinite linear alternate,
    spinner-oaa3wk 1.92s infinite linear;
}

@keyframes spinner-bulqg1 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    }

    12.5% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    }

    25% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    62.5% {
        clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    }

    75% {
        clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    }

    100% {
        clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    }
}

@keyframes spinner-oaa3wk {
    0% {
        transform: scaleY(1) rotate(0deg);
    }

    49.99% {
        transform: scaleY(1) rotate(135deg);
    }

    50% {
        transform: scaleY(-1) rotate(0deg);
    }

    100% {
        transform: scaleY(-1) rotate(-135deg);
    }
}

.aside-menu dl {
    margin: 0;
    padding: 0;
}

.aside-menu dl dt, .aside-menu dl dd {
    display: block;
    text-transform: none;
    margin: 0;
}

.square-image {
    position: relative;
    z-index: 1;
}

.square-image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

.square-image > * {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
    object-position: center;
}

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

.sidebar {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.25);
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.sidebar.active {
    opacity: 1;
}

.sidebar .sidebar-wrap {
    width: 100%;
    height: 100%;
    max-width: 360px;
    background-color: #fff;
    position: relative;
    margin-left: -100%;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.sidebar.active .sidebar-wrap {
    margin-left: 0;
}

.sidebar .close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #000;
    font-size: 18px;
    cursor: pointer;
    z-index: 9;
}

.coffee-for-life-bar {
    display: flex;
}

.coffee-for-life-banner {
    flex: 1;
}

.coffee-for-life-banner img {
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.coffee-for-life-detail {
    padding: 1rem 1rem .5rem;
    border: 1px solid #DDD;
    background: #F5F1EC;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.coffee-for-life-shop .coffee-for-life-detail {
    width: calc(33.333333% - 10px);
}

.coffee-for-life-detail h1 {
    color: #000 !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 24px;
    margin-bottom: .5rem;
    text-align: center;
}

.coffee-for-life-detail h1 i {
    margin-left: .25rem;
}

.coffee-for-life-detail h1 img {
    vertical-align: text-bottom;
    width: 18px;
    height: 18px;
    margin-left: .25rem;
}

.coffee-for-life-detail hr {
    border-top-color: #E1D3C4;
    margin: .5rem 0;
    opacity: 1;
}

.coffee-for-life-row {
    display: flex;
    padding: 0 .5rem;
    align-items: end;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.coffee-for-life-row small {
    display: block;
    text-transform: uppercase;
    color: #6D6D6D;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 0;
}

.coffee-for-life-row img {
    vertical-align: middle;
}

.coffee-for-life-row > div:first-child {
    flex: 1;
}

.coffee-for-life-row > div:last-child {
    margin-left: .5rem;
}

.coffee-for-life-free .coffee-for-life-detail.qualified .coffee-for-life-row, .coffee-for-life-free .coffee-for-life-detail.qualified hr {
    display: none !important;
}

.coffee-for-life-ok {
    display: none;
    background: #E1D3C4;
    padding: .75rem .5rem;
    margin-top: .25rem;
}

.coffee-for-life-detail.qualified .coffee-for-life-ok {
    display: flex;
}

.coffee-for-life-ok span {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    display: block;
    flex: 1;
}

.coffee-for-life-ok b {
    font-weight: 700;
}

.coffee-for-life-ok img {
    height: 24px;
    vertical-align: middle;
}

.coffee-for-life-header-cart .coffee-for-life-detail h1 {
    margin-bottom: 0;
}

.coffee-for-life-header-cart .coffee-for-life-ok {
    padding: .5rem;
    margin-top: 0;
}

.coffee-for-life-total .coffee-for-life-row {
    margin: 0.25rem 2rem;
}

.coffee-for-life-total hr {
    margin: 0 2rem;
}

.enroll2 #total-aside > div:first-child {
    margin-top: 100px;
}

@media (max-width: 849px) {
    .coffee-for-life-bar {
        flex-direction: column;
    }

    .coffee-for-life-bar .coffee-for-life-detail {
        width: 100%;
    }

    .coffee-for-life-bar .coffee-for-life-detail .coffee-for-life-row {
        margin: 0.25rem 2rem;
    }

    .coffee-for-life-bar .coffee-for-life-detail hr {
        margin: 0 2rem;
    }
}

@media (max-width: 1079px) {
    .enroll2 #total-aside > div:first-child {
        margin-top: 0;
    }
}


#coffee-for-life-tooltip {
    text-align: left !important;
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    padding: 1rem;
}

#coffee-for-life-tooltip p {
    margin-bottom: 0;
}

#coffee-for-life-tooltip b {
    font-weight: 700;
}

.coffee-for-life-detail.qualified .coffee-for-life-row > div > div {
    display: none;
}

.coffee-for-life-detail.qualified .coffee-for-life-row small {
    color: #6D6D6D;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.coffee-for-life-detail.qualified .coffee-for-life-row > div:nth-child(2) {
    display: none;
}

.coffee-for-life-quick-shop {
    padding: 0 40px;
}

.coffee-for-life-quick-shop .coffee-for-life-detail {
    width: calc(33.333333% - 55px);
}

@media (max-width: 849px) {
    .coffee-for-life-quick-shop {
        padding: 0 25px;
    }

    .coffee-for-life-quick-shop .coffee-for-life-detail {
        width: 100%;
    }

    .coffee-for-life-quick-shop .coffee-for-life-bar .coffee-for-life-detail .coffee-for-life-row, .coffee-for-life-quick-shop .coffee-for-life-bar .coffee-for-life-detail hr {
        margin-left: 0;
        margin-right: 0;
    }
}

.acc-fp-autoship {
    border-radius: 8px;
    border: 1px solid #DADADA;
    padding: 1.5rem 2rem;
    min-height: 180px;
    display: flex;
    align-items: center;
}

.acc-fp-autoship .wrap {
    width: 100%;
}

.acc-fp-autoship .col {
    text-align: center;
}

.acc-fp-autoship .col:first-child {
    text-align: left;
}

.acc-fp-autoship .col-inner {
    display: inline-block;
    text-align: left;
    width: auto;
    justify-content: center;
}

.acc-fp-autoship h1 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 1rem;
}

.acc-fp-autoship label {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
}

.acc-fp-autoship label i {
    display: none;
    font-style: normal;
}

.acc-fp-autoship h2 {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.acc-fp-autoship span {
    font-weight: 600;
}

.acc-fp-autoship p {
    margin-bottom: 0;
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
}

.acc-fp-items {
    clear: both;
}

.acc-fp-items p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    margin-bottom: 1rem;
}

.text-hover-underline:hover {
    text-decoration: underline;
}

.acc-fp-items .item-box {
    border: 1px solid #EBEBEB;
    background: #FFF;
    padding: 1rem .75rem;
    display: flex;
    flex-flow: column;
    height: 100%;
    position: relative;
}

.acc-fp-items .item-box .checked-icon {
    position: absolute;
    top: -12px;
    right: -12px;
}

.acc-fp-items .item-box-title {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-top: 2rem;
    margin-bottom: .5rem;
}

.acc-fp-items .item-box-btn {
    display: flex;
    height: 40px;
    width: 100%;
    padding: 10px 0;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    border: 2px solid #000;
    background: #FFF;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    text-transform: capitalize;
    margin: 0;
}

.acc-fp-items .item-box-btn:disabled {
    border: 2px solid #DDD;
    background: #DDD;
    color: #8C8C8C;
}

.acc-fp-swal button {
    flex: 1;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
}

.acc-fp-swal .swal2-confirm {
    color: #fff;
    border: 2px solid #000;
    background: #000;
    margin-right: .5rem;
    margin-left: 3rem;
}

.acc-fp-swal .swal2-cancel {
    color: #000;
    border: 2px solid #000;
    background: #FFF;
    margin-left: .5rem;
    margin-right: 3rem;
}

.acc-fp-alert .swal2-confirm {
    display: flex;
    width: 100%;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    color: #fff;
    border: 2px solid #000;
    background: #000;
    margin-right: 2rem;
    margin-left: 2rem;
}

@media (max-width: 849px) {
    .acc-fp-autoship {
        padding: 1rem;
        min-height: unset;
    }

    .acc-fp-autoship .col {
        text-align: left;
    }

    .acc-fp-autoship h1 {
        margin-bottom: 0;
    }

    .acc-fp-autoship .col-inner {
        display: flex;
    }

    .acc-fp-autoship label {
        word-break: keep-all;
        white-space: nowrap;
        line-height: 24px;
        margin-right: .5rem;
        font-weight: 600;
    }

    .acc-fp-autoship label i {
        display: inline;
    }

    .acc-fp-autoship h2 {
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 0;
        line-height: 24px;
    }

    .acc-fp-autoship span {
        margin-top: .5rem;
    }

    .acc-fp-swal .swal2-actions {
        display: block !important;
    }

    .acc-fp-swal .swal2-confirm {
        display: block !important;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: .5rem;
    }

    .acc-fp-swal .swal2-cancel {
        display: block !important;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .acc-fp-alert button {
        margin-left: 0;
        margin-right: 0;
    }

    .acc-fp-alert .swal2-confirm {
        margin-left: 0;
        margin-right: 0;
    }
}

.button.button-clipboard {
    width: 100%;
    max-width: 480px;
    font-size: 16px;
    font-weight: 600;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.button.button-clipboard > span {
    display: none;
}

.button.button-clipboard > span > i {
    margin-right: 4px;
}

.button.button-clipboard.active {
    background-color: #494949;
}

.button.button-clipboard.active > b {
    display: none;
}

.button.button-clipboard.active > span {
    display: inline;
}

.has-dropdown:hover .nav-dropdown{
    opacity: 1;
    max-height: inherit;
    left: -15px;
}

.has-dropdown:hover .nav-dropdown.nav-dropdown-end{
    left: unset;
    right: 0;
}

.legacy-badge, .legacy-badge-lg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #000;
    color: var(--Brand-Colors-Cream);
    text-align: center;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}
.legacy-badge {
    height: 16px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 20px;
}
.legacy-badge-lg {
    max-height: 28px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 28px;
}

/* Cart Saved Modal - Mobile */
@media (max-width: 549px) {
    #cart-saved-modal .modal-header {
        font-size: 18px;
    }
}

/* Server-rendered FAQ accordion. Native details/summary keeps every answer in
   initial HTML while remaining compact and usable without JavaScript. */
.faq-server-content {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.faq-server-content > h2 {
    margin-bottom: 24px;
}

.faq-server-item {
    border-top: 1px solid #ddd;
}

.faq-server-item:last-child {
    border-bottom: 1px solid #ddd;
}

.faq-server-question {
    padding: 18px 36px 18px 0;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
}

.faq-server-answer {
    padding: 0 0 20px;
}



:root {
    --color-white: #fff;
    --color-brown: #352711;
    --color-brown-10: rgba(53, 39, 17, 0.10);
    --color-gold: #B7926C;
    --color-teal: #2B5B6C;
    --color-beige: #E1D3C4;
    --font-ivy-mode: "IvyMode";
    --font-ivy-epic: "IvyEpic";
    --font-didot: "Didot";
    --font-helvetica-neue: "Helvetica Neue";
    --Brand-Colors-Gold: #B7926C;
    --Brand-Colors-Teal: #2B5B6C;
    --Brand-Colors-Beige: #E1D3C4;
    --Solid-Teal: var(--Brand-Colors-Teal, #2B5B6C);
    --brand-colors-shades-teal-60: rgba(43, 91, 108, 0.60);
}

* {
    font-family: "IvyEpic", "Lato", sans-serif;
}

body,
html {
    font-weight: 400;
}

.w-100 {
    width: 100% !important;
}

.h-100 {
    height: 100% !important;
}

label,
legend {
    font-weight: 400 !important;
    font-style: italic;
}

input[type=checkbox] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    outline: none;
    content: none;
    display: inline-block;
    width: 24px;
    height: 24px;
    /*border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);*/
    overflow: hidden;
    background-image: url("/bcustomer/img/icon/checkbox-no.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: text-bottom;
    padding: 0;
    margin: 0;
}

.header-left-submenu dl {
    text-transform: unset;
}

.header-left-nav, .aside-menu dd {
    /*position: relative;*/
}

.aside-menu dd p {
    top: 12px;
!important
}

.ivypresto {
    font-style: italic !important;
    font-family: "ivypresto-headline" !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.heading-font,
.footer-heading,
.search-heading,
.sidebar-heading,
.off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "IvyEpic", "Lato", sans-serif;
}

b,
.bold {
    font-weight: 600;
}

.normal {
    font-weight: 400 !important;
}

.loader {
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid var(--Brand-Colors-Teal, #2B5B6C);
    border-left: 1.1em solid var(--Brand-Colors-Teal, #2B5B6C);
}

.icon-tooltip-info {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    aspect-ratio: 1/1;
    fill: var(--Brand-Colors-Teal, #2B5B6C);
    background-image: url("/bcustomer/img/icon/info-circle.svg");
}

.legacy-badge, .legacy-badge-lg {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #2B5B6C;
    color: var(--Brand-Colors-Cream, #F5F1EC);
    text-align: center;
    font-family: IvyEpic;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

.legacy-badge {
    height: 16px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 20px; /* 200% */
}

.legacy-badge-lg {
    max-height: 28px;
    padding: 4px 8px;
    font-size: 14px;
    line-height: 28px; /* 200% */
}

.d-flex-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.link {
    color: var(--Brand-Colors-Gold);
    text-decoration: underline;
}

.a-link {
    color: var(--Brand-Colors-Gold, #B7926C) !important;
    text-decoration: underline !important;
}

.button.back-to-top {
    bottom: 8px;
}

.button {
    display: inline-block;
    padding: 0 2rem;
    height: 48px;
    line-height: 48px;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    color: var(--Brand-Colors-Gold, #B7926C);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid var(--Brand-Colors-Gold, #B7926C);
    background-color: #fff;
    margin-bottom: 0;
}

.button.block {
    display: block;
}

.button:hover,
.button:active,
.button:focus {
    color: var(--Brand-Colors-Gold, #B7926C);
}

.button.primary {
    color: #F5F1EC;
    background-color: var(--Brand-Colors-Gold, #B7926C);
}

.button.full {
    width: 100%;
}

input[type=checkbox]:checked {
    background-image: url("/bcustomer/img/icon/checkbox-ok.svg");
}

.bottom-border {
    border-bottom: 1px solid #CFD2D7 !important;
}

.fw200 {
    font-weight: 200 !important;
}

.fw300 {
    font-weight: 300 !important;
}

.fw400 {
    font-weight: 400 !important;
}

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

.fs3 {
    font-size: 4px !important;
}

.fs4 {
    font-size: 4px !important;
}

.fs5 {
    font-size: 5px !important;
}

.fs6 {
    font-size: 6px !important;
}

.fs7 {
    font-size: 7px !important;
}

.fs8 {
    font-size: 8px !important;
}

.fs9 {
    font-size: 9px !important;
}

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

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

.fs13 {
    font-size: 13px !important;
}

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

.fs15 {
    font-size: 15px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs17 {
    font-size: 17px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs26 {
    font-size: 26px !important;
}

.fs28 {
    font-size: 28px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fs35 {
    font-size: 35px !important;
}

.fs40 {
    font-size: 40px !important;
}

.fs45 {
    font-size: 45px !important;
}

.fs50 {
    font-size: 50px !important;
}

.fs60 {
    font-size: 60px !important;
}

.fs70 {
    font-size: 70px !important;
}

.fs80 {
    font-size: 80px !important;
}

.fs90 {
    font-size: 90px !important;
}

.fs100 {
    font-size: 100px !important;
}

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}

input::-ms-reveal,
input::-ms-clear {
    display: none;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-end {
    justify-content: end;
}

.nav > li > a {
    /*font-family: "Inter", sans-serif;*/
}

.bcustomer .header {
    z-index: 999;
}

.bcustomer .header-main {
    background-color: #fff;
    position: relative;
}

.bcustomer .top-bar {
    color: #2D2726;
    font-size: 16px;
    background-color: #DCC3AF !important;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

.bcustomer .header-bg-color,
.bcustomer .header-wrapper {
    background-color: unset;
    box-shadow: none !important;
}

.bcustomer .topbar {
    background: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
}

.bcustomer .topbar span {
    color: #C2A78C;
}

.bcustomer .header-cart-count {
    display: none;
}

.bcustomer .header-cart-link > span {
    margin-left: 5px;
    text-transform: capitalize;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.bcustomer .header-cart-link > b {
    right: -8px;
    background-color: rgba(178, 0, 0, 1);
}

.bcustomer .header-search {
    width: 268px;
    height: 40px;
    line-height: 40px;
    padding: 0 5px;
    background-color: #fff;
    border: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.bcustomer .header-search img {
    height: 24px;
    vertical-align: middle;
    margin-left: 10px;
}

.bcustomer .header-search input {
    border: 0;
    box-shadow: none;
    vertical-align: middle;
    font-size: 14px;
    padding: 0 0 0 4px;
    margin: 0;
    height: 30px !important;
    min-height: unset;
    cursor: pointer;
}

.bcustomer .pn-btn {
    width: 48px;
    height: 48px;
    line-height: 48px;
    border-radius: 50%;
    text-align: center;
    color: #000000;
    position: absolute;
    font-size: 32px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    background-color: #fff;
    cursor: pointer;;
}

.bcustomer .pn-btn.slick-arrow {
    background-color: #fff !important;
    color: #000000 !important;
}

.bcustomer .pn-btn.slick-arrow.slick-disabled {
    background-color: #F5F5F5 !important;
    color: #CACACA !important;
}

.bcustomer .pn-btn.disabled {
    background-color: #F5F5F5;
    color: #CACACA;
}

.bcustomer #logo a {
    display: inline-block;
}

.bcustomer #logo img {
    height: 60px;
}

.bcustomer .header-inner-left {
    height: 100%;
}

.bcustomer .header-inner-left,
.bcustomer .header-inner-right {
    flex: 1;
}

.bcustomer .header-inner-right {
    text-align: right;
}

.bcustomer .header-left-nav {
    font-size: 14px;
    display: block;
    text-align: center;
    color: var(--Brand-Colors-Gold, #B7926C);
    padding: 0 15px;
    cursor: pointer;
    height: 100%;
    float: left;
}

.bcustomer .header-left-nav > a,
.bcustomer .header-left-nav > span {
    color: inherit;
    line-height: 100px;
}

.bcustomer .header-left-nav:hover .header-left-submenu {
    display: block;
}


.bcustomer .header-left-submenu {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100px;
    background-color: #fff;
    z-index: 2;
    border-top: 1px solid #E1D3C4;
    border-bottom: 1px solid #E1D3C4;
}

.bcustomer .header-left-submenu dl {
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
}

.bcustomer .header-left-submenu .container {
    text-align: left;
    padding: 3rem 0;
}

.bcustomer .header-left-submenu dt,
.bcustomer .header-left-submenu dd {
    display: block;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.bcustomer .header-left-submenu dl > dd {
    margin-top: 1rem;
}

.bcustomer .header-left-submenu a {
    color: inherit;
}

.bcustomer .header-left-submenu a:hover {
    color: inherit;
}

.bcustomer .header-left-menu {
    font-size: 16px;
    text-align: center;
    color: var(--Brand-Colors-Gold, #B7926C);
    padding: 0 20px;
    cursor: pointer;
    display: none;
    line-height: 70px;
}

.bcustomer .header-right-nav {
    font-size: 16px;
    display: inline-block;
    text-align: center;
    color: var(--Brand-Colors-Gold, #B7926C);
    padding: 0 10px;
    cursor: pointer;
    position: relative;
}

.bcustomer .header-right-nav > .header-cart-count {
    position: absolute;
    top: -10px;
    right: -5px;
    background-color: #93282C;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    text-align: center;
    height: 20px;
    line-height: 22px;
    min-width: 20px;
    border-radius: 10px;
    display: none;
    overflow: hidden;
}


.bcustomer .header-category {
    background-color: #F5EBDD;
    text-align: center;
    /*padding: 15px 0;*/
    position: relative;
}

.bcustomer .header-category .menu-item {
    display: inline-block;
}

.bcustomer .header-category .menu-item > a {
    display: inline-block;
    padding: 0 50px;
    text-align: center;
    color: #000;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
}

.bcustomer .header-category .menu-item > a:after {
    content: "";
    display: none;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 45px;
    right: 45px;
    background-color: #000;
}

.bcustomer .header-category .menu-item:hover > a:after {
    display: block;
}

.bcustomer .header-category .menu-sub {
    position: absolute;
    width: 100%;
    left: 0;
    top: 48px;
    right: 0;
    background-color: #F5EBDD;
    display: none;
}

.bcustomer .header-category .menu-item:hover .menu-sub {
    display: block;
}

.bcustomer .container {
    padding: 0 20px;
}

.bcustomer .header-category .menu-sub .container {
    display: flex;
    padding: 20px 0;
    justify-content: center;
}

.bcustomer .header-category .menu-sub .container > dl {
}

.bcustomer .header-category .menu-sub .container > dl:first-child {
    margin-left: 60px;
}

.bcustomer .header-category .menu-sub .container > dl dt,
.bcustomer .header-category .menu-sub .container > dl dd {
    display: block;
}

.bcustomer .header-category .menu-sub .container > dl a,
.bcustomer .header-category .menu-sub .container > dl span {
    display: block;
    text-align: left;
    padding: 10px 50px 10px 25px;
    color: #000;
    font-size: 14px;
    text-transform: none;
    cursor: pointer;
}

.bcustomer #shop-footer {
    color: #fff;
    background: var(--Brand-Colors-Teal, #2B5B6C);
    padding: 50px 0;
}


.bcustomer #shop-footer .footer-logo {
    width: 100%;
    max-width: 200px;
}

.bcustomer #shop-footer .dropdown {
    position: relative;
    width: 200px;
    margin: 30px auto;
}

.bcustomer #shop-footer .dropdown > .dropdown-toggle {
    display: block;
    height: 40px;
    line-height: 36px;
    border: 2px solid var(--Brand-Colors-Gold, #B7926C);
    color: var(--Brand-Colors-Gold, #B7926C);
    font-size: 14px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    cursor: pointer;
    width: 100%;
    font-weight: 700;
}

.bcustomer #shop-footer .dropdown > .dropdown-toggle .region {
    display: none;
}

.bcustomer #shop-footer .dropdown > .dropdown-toggle span i {
    font-style: normal;
    text-transform: uppercase;
    margin-right: 4px;
}

.bcustomer #shop-footer .dropdown > .dropdown-menu {
    display: none;
    position: absolute;
    left: 0;
    top: 40px;
    background-color: #F5F1EC;
    border-radius: 0 0 24px 24px;
    z-index: 1;
    width: 100%;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    padding: 0;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-toggle,
.bcustomer #shop-footer .dropdown.open > .dropdown-toggle {
    color: #F5F1EC;
    background-color: var(--Brand-Colors-Gold, #B7926C);
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-toggle .region,
.bcustomer #shop-footer .dropdown.open > .dropdown-toggle .region {
    display: block;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-toggle .current,
.bcustomer #shop-footer .dropdown.open > .dropdown-toggle .current {
    display: none;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-menu,
.bcustomer #shop-footer .dropdown.open > .dropdown-menu {
    display: block;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-menu > .menu-item,
.bcustomer #shop-footer .dropdown.open > .dropdown-menu > .menu-item {
    margin-bottom: 0;
    line-height: 30px;
    cursor: pointer;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-menu > .menu-item i,
.bcustomer #shop-footer .dropdown.open > .dropdown-menu > .menu-item i {
    font-style: normal;
    text-transform: capitalize;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-menu > .menu-item:hover,
.bcustomer #shop-footer .dropdown.open > .dropdown-menu > .menu-item:hover {
    font-weight: 700;
}

.bcustomer #shop-footer .dropdown[data-trigger=hover]:hover > .dropdown-menu > .menu-item.active,
.bcustomer #shop-footer .dropdown.open > .dropdown-menu > .menu-item.active {
    font-weight: 700;
}

.bcustomer #shop-footer dl,
.bcustomer #shop-footer dt,
.bcustomer #shop-footer dd {
    display: block;
    padding: 0;
    margin: 0;
}

.bcustomer #shop-footer dl {
    margin-bottom: 40px;
}

.bcustomer #shop-footer dt {
    color: var(--Brand-Colors-Gold, #B7926C);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
}

.bcustomer #shop-footer dd {
    margin-top: .5rem;
}

.bcustomer #shop-footer dd a {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

.bcustomer #shop-footer dd a:hover {
    text-decoration: underline;
}

.bcustomer #shop-footer h1, .bcustomer #shop-footer h2, .bcustomer #shop-footer .footer-heading {
    color: #FFF;
    font-family: "ivypresto-headline";
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.bcustomer #shop-footer .sns {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    padding: 0;
    margin: 0 12px 0 0;
    background-color: var(--Brand-Colors-Gold, #B7926C);
    border-radius: 16px;
    vertical-align: middle;
}

.bcustomer #shop-footer .sns > img {
    vertical-align: middle;
}

.bcustomer #shop-footer .enter-email {
    display: flex;
    height: 40px;
    line-height: 36px;
    border: 2px solid var(--Brand-Colors-Gold, #B7926C);
    font-size: 14px;
    padding: 0 10px;
    margin: 0;
    cursor: pointer;
    margin-bottom: 20px;
}

.bcustomer #shop-footer .enter-email span {
    color: #fff;
    flex: 1;
}

.bcustomer #shop-footer .footer-line {
    border-bottom: 2px solid var(--Brand-Colors-Gold, #B7926C);
}

.bcustomer #shop-footer .enter-email img {
    width: 24px;
}

.bcustomer #shop-footer .term-link {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-right: 30px;
    cursor: pointer;
}

.bcustomer #shop-footer .term-link:hover {
    text-decoration: underline;
}

.bcustomer #shop-footer .footer-bot {
    padding: 20px 0 30px 0;
}

.bcustomer #shop-footer .footer-bot p {
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    margin-top: 20px;
}

.bcustomer #shop-footer .footer-bot .copyright {
    text-align: right;
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

@media (max-width: 845px) {
    .shop-container {
        margin-top: 50px;
    }

    .medium-logo-center .logo {
        order: unset;
    }

    .bcustomer .topbar {
        font-size: 12px;
    }

    #logo img {
        max-height: 60px;
    }

    .bcustomer .header-left-nav {
        display: none;
    }

    .bcustomer .header-left-menu {
        display: inline-block;
        padding: 0 10px;
    }

    .bcustomer .header-right-nav {
        padding: 0 5px;
    }

    .bcustomer #shop-footer .dropdown {
        width: 100%;
    }

    .bcustomer #shop-footer .footer-bot .copyright {
        text-align: center;
    }
}

.bcustomer-breadcrumbs i {
    margin: 0 8px;
}

.bcustomer-breadcrumbs span {
    color: #334862;
}

.nav-search-wrap {
    display: none !important;
}

.nav-search-btn-m {
    cursor: pointer;
}

.search-form-m {
    display: none;
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1000;
    box-shadow: 0 10px 25px rgba(0, 0, 0, .1);
}

.search-form-m.active {
    display: block;
    top: 36px;
}

.search-form-m .search-box {
    border-bottom: 1px solid var(--Brand-Colors-Gold, #B7926C);
}

.search-form-m .search-box .container {
    display: flex;
    line-height: 32px;
    padding: 30px 0;
}

.search-form-m .search-box img {
    vertical-align: middle;
    width: 32px;
    height: 32px;
    display: inline;
    margin-right: 50px;
    cursor: pointer;
}

.search-form-m .search-box img.loading {
    display: none;
}

.search-form-m .search-box > div {
    /*width: 30px;*/
    /*cursor: pointer;*/
}

.search-form-m .search-box .close {
    display: none;
}

.search-form-m .search-box input {
    background-color: transparent;
    border: 0;
    color: rgba(29, 36, 51, 0.80);
    box-shadow: none;
    vertical-align: middle;
    display: inline-block;
    height: 36px;
    font-size: 16px;
    padding: 0;
    line-height: 36px;
    position: relative;
    overflow: hidden;
}

.search-form-m .search-box input::placeholder {
    color: rgba(43, 91, 108, 0.60);
}

.search-form-m .search-box input:focus {
    box-shadow: none;
}

.search-form-m .header-search-result {
    padding: 25px 0 25px 80px;
}

.search-form-m .header-search-result .bot {
    margin-top: 15px;
}

.search-form-m .header-search-result .bot a {
    color: #000;
    text-decoration: underline;
    font-weight: 600;
    font-size: 15px;
}

.search-form-m .header-search-result .header-search-noresult {
    color: #000;
    margin-top: 15px;
    padding: 15px 0;
    font-size: 16px;
}

.search-form-m h1, .search-form-m .search-heading {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* flatsome.css's h1 rule supplied margin: 0 0 .5em while this was an <h1>;
       the demoted div must carry it explicitly. */
    margin: 0 0 .5em;
}

.search-form-m .star-rating span:before {
    color: #474F5A;
}

.search-form-m .item-row {
    display: flex;
    margin-top: 15px;
}

.search-form-m .item-row img {
    width: 92px;
    height: 92px;
    object-fit: cover;
}

.search-form-m .item-row > div {
    margin-left: 20px;
}

.search-form-m .item-row a {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
    margin-top: 20px;
}

.search-form-m .item-row .star-rating {
    margin: 0;
}


.search-form-m .header-search-item {
    display: flex;
    margin-top: 15px;
}

.search-form-m .header-search-item img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center;
}

.search-form-m .header-search-item a {
    display: block;
    line-height: 40px;
    padding: 0;
    margin: 0 0 0 15px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-weight: normal;
}

#header .header-inner .header-left {
    display: none;
}

#header .header-inner {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 100%;
}


#header .header-inner .header-user-info {
    margin-left: 20px;
    margin-right: 20px;
}

#header .header-inner > div {
    margin: unset;
}


#header .header-inner .header-center {
    margin-right: 75px;
}

.footer {
    padding-top: 60px;
    background-color: #DACDBE;
}

.footer-sns {
    padding: 40px 0;
    text-align: center;
}

.footer-sns a {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 30px;
    border-radius: 16px;
    text-align: center;
    margin: 0 10px;
    background-color: #000;
}

.footer-sns a > img {
    max-width: 100%;
    max-height: 100%;
}

.footer-terms {
    color: #fff;
    text-align: center;
    padding: 15px 0;
    background-color: #2D2B2D;
}

.footer-terms a {
    color: #fff;
}

.footer-terms i {
    font-style: normal;
    margin: 0 20px;
}

.footer-body .container {
    display: flex;
    justify-content: center;
}

.footer-body .footer-col {
    margin: unset;
    width: 25%;
}

.footer-body .footer-col h4 {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.footer-body .footer-col ul {
    list-style: none;
}


.footer-body .footer-col li {
    margin-bottom: 15px;
}

.footer-body .footer-col li a {
    color: #000;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 15px;
}

.off-canvas-right .mfp-content,
.off-canvas-left .mfp-content {
    width: 360px;
    max-width: 90%;
}

.mfp-container {
    padding: 0;
}

.mobile-sidebar {
    display: none;
    height: 100%;
    position: relative;
    background-color: #FFFFFF;
}

.mfp-content .mobile-sidebar {
    display: block;
}

.mobile-sidebar .aside-menu {
    background-color: #FFFFFF;
}

.aside-menu dl {
    opacity: 1;
}

.aside-menu dl dt {
    border-bottom: 1px solid #E1D3C4;
}

.aside-menu dl dd {
    color: #000;
    border-bottom: 1px solid #E1D3C4;
}

.aside-menu dl a {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    flex: 1;
    line-height: 20px;
    font-size: 15px;
    display: flex;
    font-weight: 500;
    cursor: pointer;
    padding: 20px 20px 20px 37px;
}

.aside-menu dl a.has-back {
    padding-left: 10px;
}

.aside-menu dl dt > a {
    color: #fff;
    height: 60px;
    padding-top: 0;
    padding-bottom: 0;
    align-items: center;
}

.aside-menu dl dt span {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.aside-menu .aside-submenu dl dt span {
    color: var(--Brand-Colors-Gold, #B7926C);
    font-weight: 600;
}

.aside-menu dl span {
    flex: 1;
    line-height: 20px;
    font-size: 14px;
    display: block;
    font-weight: 500;
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.aside-menu dl dd a > img {
    position: relative;
    bottom: 2px;
    margin-right: 4px;
}

.aside-menu dl dt span {
    font-weight: 400;
}


.aside-menu dl dt a span > b {
    display: block;
    color: inherit;
    margin-bottom: 5px;
    font-weight: 700;
}

.aside-menu dl a i {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.aside-menu dl dt a i {
    color: var(--Brand-Colors-Gold, #B7926C);
}

.aside-menu .aside-submenu {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: -100%;
    bottom: 0;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    z-index: 2;
}

.aside-menu .aside-submenu.active {
    left: 0;
}

.aside-menu .aside-submenu dd a {
    padding: 20px 20px 20px 37px;
}

.aside-menu .aside-submenu dd .aside-submenu-li a {
    padding: 12px 10px 12px 20px;
    font-weight: 500;
}

.aside-menu .aside-submenu dd .aside-submenu-li a.is-sm {
    font-weight: 400;
}

.aside-menu .aside-submenu dt {
    background: #F5F1EC;
}

.aside-menu .aside-submenu dt a {
    text-align: center;
}

.aside-menu .aside-submenu dd.submenu a {
    padding-left: 50px;
    font-weight: 400;
}

.aside-menu .aside-submenu dd.submenu a span {
    font-weight: 400;
}

.aside-submenu .las {
    font-size: 20px;
    margin-right: 12px;
    width: 20px;
    vertical-align: middle;
}

@media (max-width: 850px) {
    #top-bar {
        display: block !important;
    }

    .bcustomer #logo {
        width: 100px;
        margin-left: 25px;
    }

    .bcustomer .medium-logo-center .flex-left {
        flex: unset;
    }

    .nav-search-wrap {
        display: block !important;
    }

    /*#header .header-inner {*/
    /*    justify-content: unset;*/
    /*}*/
    /*#header .header-inner > div {*/
    /*    flex: 1;*/
    /*}*/
    /*#header .header-inner .header-left {*/
    /*    display: block;*/
    /*}*/
    /*#header .header-inner .header-center {*/
    /*    margin-right: 0;*/
    /*}*/
    /*.header-category {*/
    /*    display: none;*/
    /*}*/
    /*#header .header-inner .header-user-info {*/
    /*    margin-left: 0;*/
    /*    margin-right: 0;*/
    /*}*/
    .search-form-m .search-box .container {
        padding: 20px;
    }

    .search-form-m .search-box img {
        margin-right: 10px;
    }

    .search-form-m .header-search-result {
        padding-left: 42px;
    }

    .footer-body .container {
        flex-flow: column;
        padding: 0 70px;
    }

    .footer-body .footer-col {
        width: 100%;
        margin-bottom: 30px;
    }

    .footer-sns {
        padding-top: 0;
    }
}

.breadcrumbs {
    font-weight: 400;
}

.breadcrumbs a {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
}

.breadcrumbs span {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
}


.breadcrumbs i {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    vertical-align: middle;
    margin: 0 5px;
}

@media (max-width: 850px) {
    .breadcrumbs i {
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
    }

    .breadcrumbs i.la-angle-right:before {
        content: "/";
    }
}

.product-list .filter-by:after {
    content: "";
    display: block;
    height: 120px;
}

.product-list .search-info {
    color: #000;
    font-size: 18px;
    padding: 30px 0;
    text-align: center;
    border-bottom: 1px solid #D5D8DC;;
}

.product-list .filter-by h3 {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Bold */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 156.25% */

    margin-top: 40px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.product-list .filter-by h4 {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Bold */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    /* 156.25% */
    margin-bottom: 10px;
    text-transform: capitalize;
}

.product-list .filter-by label {
    font-weight: 400;
    margin-bottom: 10px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    opacity: .6;
    font-style: normal;
}

.product-list .filter-by label.active {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    opacity: 1;
}

.product-list .filter-by label i {
    font-style: normal;
    margin-left: 4px;
}

.product-list .filter-by label input {
    position: relative;
    top: 2px;
    margin-right: .25rem;
}

.product-list .products-header {
    display: flex;
    align-items: end;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--Brand-Colors-Gold, #B7926C);
}

.product-list .products-header h1 {
    flex: 1;
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Header 7 */
    font-family: IvyEpic;
    font-size: 23px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    margin-bottom: 0;
}

.product-list .products-header small {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph sm/Regular */
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin-left: 14px;
}

.product-list .products-header > div {
    display: flex;
    flex-flow: column;
}

.product-list .products-header label {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
}

.product-list .products-header select {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    margin-bottom: 0;
    height: 40px;
    line-height: 40px;
    padding: 0 30px 0 10px;
    border-radius: 8px;
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    background-color: transparent;
    box-shadow: none !important;
    background-image: url("/bcustomer/img/icon/arrow-bottom.svg");
}

.product-list .products-body {
    padding-top: 30px;
    margin-left: -3rem !important;
    margin-right: -3rem !important;
}

.product-list .products-body .col {
    padding: 0 3rem !important;
    margin-bottom: 60px;
}

.product-list .product-name a {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
    line-height: 22px;
}

.product-list .product-box.empty .square-image {
    font-size: 96px;
    color: #fff;
    background-color: #eee;
}

.product-list .product-box.empty .product-name {
    height: 48px;
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
    margin: 4px 0 0 0;
}

.product-list .product-rates {
    display: flex;
    margin-bottom: 15px;
}

.product-list .product-rates .star-rating {
    margin: 0;
}

.product-list .product-rates .star-rating:before {
    color: #E1D3C4;
    opacity: .5;
    content: '\e005\e005\e005\e005\e005';
}


.product-list .product-rates .star-rating span:before {
    color: var(--Brand-Colors-Gold, #B7926C);
}

.product-list .product-rates > span {
    line-height: 18px;
    margin-left: 5px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.product-list .product-price {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 5px;
}

.product-list .product-actions .quantity {
    display: flex;
    margin-right: 0;
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    border-radius: 8px;
    margin-bottom: 8px;
    align-items: center;
    justify-content: center;
}

.product-list .product-actions .quantity input[type=button] {
    text-shadow: none;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    border: 0;
    background-color: transparent;
    padding: 0 24px;
}

.product-list .product-actions .quantity input[type=button]:hover {
    background-color: transparent;
    box-shadow: none !important;
}

.product-list .product-actions .quantity input[type=number] {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    flex: 1;
    border: 0;
    background-color: transparent;
    box-shadow: none !important;
    width: 100%;
    max-width: unset;
}

.product-list .product-actions > .button {
    /*display: block;*/
    /*width: 100%;*/
    /*margin: 0;*/
    /*color: #000;*/
    /*font-size: 16px;*/
    /*font-weight: 500;*/
    /*text-transform: capitalize;*/
    /*border: 1px solid #000;*/
    /*border-radius: 8px;*/
    /*background-color: #fff;*/
}

.product-list .product-actions > .button:hover {
    /*color: #000;*/
    /*background-color: #fff;*/
}

.product-list .product-actions > .button > svg {
    vertical-align: text-top;
}

.product-list .products-footer {
    margin-bottom: 60px;
}

.product-list .products-footer .page-info {
    float: right;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}

.filter-sort {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 8px;
    padding: 5px 40px;
    margin: 30px 0;
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    display: none;
}

.product-sidebar h1, .product-sidebar .sidebar-heading {
    padding: 50px 30px 15px 30px;
    border-bottom: 1px solid #D9D9D9;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.product-sidebar h1 img, .product-sidebar .sidebar-heading img {
    position: relative;
    bottom: 2px;
    margin-right: 5px;
}

.product-sidebar .sidebar-wrap {
    display: flex;
    flex-flow: column;
}

.product-sidebar .sidebar-body {
    flex: 1;
    overflow-y: auto;
}

.product-sidebar .sidebar-footer {
    width: 100%;
    height: 80px;
    border-top: 1px solid #000;
    display: flex;
    justify-content: space-between;
    padding: 0 25px;
    align-items: center;
    background-color: #fff;
}

.product-sidebar .sidebar-footer a {
    cursor: pointer;
    text-decoration: underline;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.product-sidebar .sidebar-footer button {
    margin: 0;
    border-radius: 4px;
    height: 44px;
    background-color: #2D2B2D;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 0 15px;
}

.product-sidebar .accordion-header {
    display: flex;
    padding: 25px;
    color: #333133;

    font-size: 16px;
    font-weight: 500;
}

.product-sidebar .accordion-header > span {
    display: block;
    flex: 1;
}

.product-sidebar .accordion-header > i {
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.product-sidebar .accordion-body {
    padding: 0 25px;
    height: 0;
    overflow: hidden;
    border-bottom: 1px solid #D9D9D9;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.product-sidebar .accordion-body > * {
    opacity: 0;
}

.product-sidebar .accordion.open .accordion-header > i {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}


.product-sidebar .accordion.open .accordion-body {
    padding-bottom: 25px;
    height: auto;
}


.product-sidebar .accordion.open .accordion-body > * {
    opacity: 1;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}


.product-sidebar .accordion-body > label {
    display: flex;
    margin-bottom: 10px;
    font-weight: 400;
    color: #999;
}

.product-sidebar .accordion-body > label.active {
    color: #000;
}

.product-sidebar .accordion-body > label > * {
    font-weight: 400;
    font-style: normal;
}

.product-sidebar .accordion-body > label > b {
    flex: 1;
}

.product-sidebar .accordion-body > label > input {
    position: relative;
    bottom: 2px;
}

.product-sidebar .accordion-body > label:last-child {
    margin-bottom: 0;
}

@media (max-width: 850px) {
    .product-list .filter-by {
        display: none;
    }

    .product-list .products-header h1 {
        display: flex;
    }

    .product-list .products-header small {
        flex: 1;
        /*display: block;*/
        text-align: right;
    }

    .product-list .products-body {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    .product-list .products-body .col {
        padding: 0 15px !important;
    }

    .filter-sort {
        display: inline-block;
    }
}

.conn {
    display: none;
    margin: 100px auto 75px auto;
}

.conn.login {
    display: block;
}

.login > div {
    width: 50%;
}

.login .sign-up {
    float: right;
}

.login .wrap {
    padding: 10px 30px;
}

.login .sign-in .wrap {
    border-right: 1px solid #CFD2D7;
}

.login-form h1, .login-form h2 {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.form-label {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.form-group {
    width: 100%;
    height: 48px;
    border-radius: 8px;
    background: #FFF;
    display: block;
    align-items: center;
    position: relative;
}

.form-label {
    display: none;
}

.form-error, .enroll-card .form-label.form-error {
    display: flex;
    color: #93282C;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
}

.form-success, .enroll-card .form-label.form-success {
    display: flex;
    color: #4A783C;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-top: 4px;
}


.form-error i {
    vertical-align: text-top;
    font-size: 18px;
    margin-right: 5px;
}

.form-group > input {
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    color: var(--Brand-Colors-Teal, #2B5B6C);
    background-color: transparent;
    box-shadow: none;
    width: 100%;
    height: 100%;
    padding: 0 15px;
    /* border: 0; */
    border-radius: 8px;
    flex: 1;
    z-index: 1;
}

.form-group > input:focus,
.form-group > input:active,
.form-group > input:hover {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    background-color: transparent;
    box-shadow: none;
}

.form-group > input::placeholder {
    color: var(--Brand-Colors-Teal, #2B5B6C) 99;
}

.form-group > select {
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    color: var(--Brand-Colors-Teal, #2B5B6C);
    background-color: transparent;
    border-radius: 8px;
    height: 100%;
    width: 100%;
    padding: 0 15px;
    box-shadow: none;
    margin: 0;
}

.form-group > select:focus,
.form-group > select:active,
.form-group > select:hover {
    background-color: transparent;
    box-shadow: none;
}

.form-group > i {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 22px;
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 12px;
    z-index: 2;
}

.form-group.start > i {
    right: unset;
    left: 12px;
}

.form-group.start > input {
    padding-left: 44px;
}

.form-group.autoship-date i {
    z-index: 1;
}

.form-group.autoship-date input {
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.form-static {
    display: flex;
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.form-static > span {
    flex: 1;
}

label.form-checkbox {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
}

label.form-checkbox input[type=checkbox] {
    /*accent-color: #000;*/
    /*-ms-transform: scale(1.4); !* IE *!*/
    /*-moz-transform: scale(1.4); !* FF *!*/
    /*-webkit-transform: scale(1.4); !* Safari and Chrome *!*/
    /*-o-transform: scale(1.4); !* Opera *!*/
    /*transform: scale(1.4);*/
    /*position: relative;*/
    /*top: 1px;*/
    position: relative;
    top: 4px;
}

.login-form p {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.login-form .button {
    display: block;
    width: 100%;
    margin: 0;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    background-color: #2D2B2D;
    height: 48px;
    line-height: 48px;
    padding: 0;
    text-decoration: none;
}

.login-form a {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: underline;
    cursor: pointer;
}

.login-form .pin-code {
    text-align: center;
}

.login-form .pin-code > input {
    display: inline-block;
    border-radius: 8px;
    border: 1px solid var(--Brand-Colors-Gold, #B7926C);
    background: #FFF;
    width: 32px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    margin: 0 4px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    box-shadow: none !important;
}

.login-form input:-webkit-autofill,
.login-form input:-webkit-autofill:hover,
.login-form input:-webkit-autofill:focus,
.login-form input:-webkit-autofill:active {
    background-color: transparent !important;
}

.forgot-password-new .la {
    font-size: 18px;
    width: 18px;
}

.forgot-password-new .la.la-check-circle {
    color: #08875D;
}

.forgot-password-new .la.la-info-circle {
    color: #E02D3C;
}

@media (max-width: 850px) {
    .conn {
        margin-top: 40px;
        margin-bottom: 40px;
    }

    .login > div {
        width: 100%;
    }

    .login .sign-up {
        float: unset;
        margin-bottom: 30px;
    }

    .login .wrap {
        padding-left: 15px;
        padding-right: 15px;
    }

    .login .sign-in .wrap {
        border-right: 0;
    }

    .forgot-password {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.enroll-wizard {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px 25px 0;
    position: relative;
}

.enroll-wizard:before {
    content: "";
    width: 65%;
    height: 2px;
    background-color: #E1D3C4;
    position: absolute;
    top: 50%;
    left: 17.5%;
    right: 17.5%;
    z-index: 1;
}

.enroll-wizard-item {
    flex: 1;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.enroll-wizard-item i {
    display: inline-block;
    width: 52px;
    height: 52px;
    line-height: 32px;
    border-radius: 50%;
    text-align: center;
    font-style: normal;
    background-color: #E1D3C4;
    color: #FFF;
    font-size: 16px;
    font-weight: 700;
    border: 10px solid #F6F6F6;
    vertical-align: middle;
}

.enroll-wizard-item p {
    color: #E1D3C4 !important;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
    position: relative;
    margin-bottom: 0;
}

.enroll-wizard-item.active i {
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
}


.enroll-wizard-item.ok i {
    background-color: #5E8800;
}

.enroll-wizard-item.active p {
    color: var(--Brand-Colors-Teal, #2B5B6C) !important;
}

.enroll-wizard-item.ok p {
    color: #5E8800 !important;
}

.enroll-wizard-empty {
    flex: 1;
}

.enroll-total .enroll-card > h1 {
    display: flex;
}

.enroll-total .enroll-card > h1 span {
    flex: 1;
}

.enroll-total .enroll-card > h1 small {
    color: #000;
    margin-right: 10px;
}

.enroll-total .enroll-card > h1 b {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
}

.enroll-total .enroll-card > h1 i {
    color: var(--Brand-Colors-Gold, #B7926C);
    font-size: 16px;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 28px;
    cursor: pointer;
}

.enroll-label > label {
    border-bottom: 1px solid #E1D3C4;
    padding: 10px 0;
    display: flex;
    margin-bottom: 0;
}

.enroll-label.enroll-pay-label > label {
    border-bottom: 0;
    padding: 5px 0;
    font-style: normal;
}

.enroll-label > label > input {
    transform: scale(1.25);
    position: relative;
    bottom: 2px;
}

.enroll-label > label > span {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    flex: 1;
    font-size: 16px;
    font-weight: 700;
}

.enroll-label > label > span > small {
    margin-left: 5px;
    font-size: 14px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-weight: 400;
}

.enroll-label > label > b {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-weight: 400;
    font-size: 16px;
    text-transform: capitalize;
}

.enroll-form h2 {
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}

.enroll-total-items {
    overflow-y: auto;
    margin-bottom: 16px;
    border-bottom: 1px solid #E1D3C4;
}

.enroll-total-item {
    display: flex;
    padding: 14px 0;
    border-bottom: 1px solid #E1D3C4;
    min-height: 100px;
}

.enroll-total-items .enroll-total-item:last-child {
    border-bottom: 0;
}

.enroll-total-item .square-image {
    width: 72px;
    height: 72px;
    margin-right: 5px;
    min-width: 72px;
    min-height: 72px;
}

.enroll-total-item-info {
    flex: 1;
}

.enroll-total-item-title {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 142.857% */
    width: 100%;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}

.enroll-total-item-props {
    display: flex;
    margin-top: 10px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.enroll-total-item-props > b {

    color: #000;

    /* Paragraph md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    flex: 1;
    text-align: right;
    font-weight: 400;
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.enroll-total-item-props > span {
    color: #000;

    /* Paragraph md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    flex: 1;
}

.capitalize {
    text-transform: capitalize;
}

.letter-spacing-0 {
    letter-spacing: 0;
}

.enroll-item-tag {
    display: inline-flex;
    width: 60px;
    height: 16px;
    padding: 4px 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 100px;
    background: #EDEDED;
    color: #2B5B6C;
    text-align: center;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 200% */
    letter-spacing: 0.2px;
    text-transform: capitalize;
}

.brand-beige-divider {
    background: var(--Brand-Colors-Beige);
    height: 1px;
}

.brand-gold-divider {
    background: var(--Brand-Colors-Gold);
    height: 1px;
}

.enroll-total-amount {
    display: flex;
    margin-bottom: 5px;
}

.enroll-total-amount b {
    flex: 1;
    color: #000;

    /* Paragraph md/Medium */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.enroll-total-amount span {
    flex: 1;
    text-align: right;
    color: #000;

    /* Paragraph md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.enroll-total-amount.is-discount span {
    color: #CE3F41;
}

.enroll-total-footer {
    display: flex;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    padding-top: 15px;
    border-top: 1px solid #E1D3C4;
    margin-top: 15px;
}

.enroll-total-footer b {
    flex: 1;
    color: #000;

    /* Paragraph md/Bold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.enroll-total-footer span {
    flex: 1;
    color: #000;
    text-align: right;

    /* Paragraph md/Bold */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
}

.enroll-container {
    border-radius: 8px;
    border: 1px solid #CFD2D7;
    padding: 16px;
}

.enroll-container-header {
    display: flex;
}

.enroll-container h3 {
    color: #000;
    font-family: "Helvetica Neue";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.enroll-container-header h3 {
    flex: 1;
}

.enroll-form .enroll-container-header > a {
    color: #2F6FED;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    text-decoration: none;
    cursor: pointer;
}

.enroll-card .form-label {
    color: #000;

    /* Paragraph md/Regular */
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.enroll-container p {
    color: #000;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 2px;
}

.enroll-container h4 {
    color: #000;
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-bottom: 8px;
}

.enroll-box-flex {
    display: flex;
}

.enroll-box-flex > div {
    flex: 1;
    width: 45%;
}

.enroll-form .enroll-box-flex > div p {
    word-break: break-all;
}

.enroll-box-flex > span {
    display: block;
    width: 15%;
}

@media (max-width: 850px) {
    .enroll-wizard {
        padding: 25px 0 0;
    }

    .enroll-wizard-item i {
        border-width: 5px;
        width: 42px;
        height: 42px;
    }

    .enroll-wizard-item i {
        font-size: 14px;
    }
}

.enroll-form {
    padding-bottom: 150px;
}

.enroll-footer {
    border-top: 1px solid #000;
    background: #FFF;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0;
    z-index: 2;
    min-height: 48px;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.enroll-footer > button {
    display: inline-block;
    height: 48px;
    padding: 0 75px;
    color: #F5F1EC;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 48px;
    text-transform: uppercase;
    background-color: var(--Brand-Colors-Gold, #B7926C);
    border-radius: 24px;
    border: 0;
    margin: 0;
    min-width: 320px;
    text-shadow: none;
}

.enroll-footer > button:hover,
.enroll-footer > button:active,
.enroll-footer > button:focus {
    color: #F5F1EC;
}

.enroll-footer > button[disabled] {
    opacity: 1;
    color: #8C8C8C;
    background: #DDDDDD;
}

.enroll-footer > button[disabled]:hover {
    color: #F5F1EC;
}

.enroll-footer > div {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0;
    display: none;
}

.enroll-footer > div#paypal-button {
    display: block;
    margin: 5px auto 0;
}

@media (max-width: 850px) {
    .enroll-footer {
        position: unset;
        border-top: 0;
        background-color: transparent;
        margin-top: 10px;
    }

    .enroll-footer > div {
        display: block;
    }

    .enroll-wizard-item p {
        font-size: 14px !important;
    }
}

.enroll-form h1 {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-family: "Helvetica Neue";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border-bottom: 1px solid #cfd2d7;
    margin-bottom: 24px;
}

.enroll-form h1 span {
    color: #57585e;
    font-family: "Helvetica Neue";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.enroll-form h2 > i {
    margin-left: 5px;
}

.enroll-form p {
    color: #000;
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.enroll-form a {
    color: #000;
    font-size: inherit;
    font-weight: 600;
    line-height: 24px;
    text-decoration: underline;
    cursor: pointer;
}

.enroll-card {
    background-color: #fff;
    margin-top: 30px;
    padding: 32px;
    border-radius: 8px;
}

.enroll-card .credit-card {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.enroll-bp-input {
    height: 48px;
    /*border-radius: 8px;*/
    /*border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);*/
    display: flex;
}

.enroll-bp-input > i {
    display: block;
    width: 10px;
    text-align: center;
    height: 46px;
    line-height: 46px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    margin-left: 10px;
    font-style: normal;
}

.enroll-bp-input > input {
    flex: 1;
    height: 100%;
    padding: 0 20px;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    font-size: 16px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-weight: 400;
    border-radius: 8px 0 0 8px;
    border-top: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    border-bottom: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    border-left: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
}

.enroll-bp-input > i + input {
    padding-left: 2px;
}

.enroll-bp-input > input:focus,
.enroll-bp-input > input:active,
.enroll-bp-input > input:hover {
    background-color: transparent;
    box-shadow: none;
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.enroll-bp-input > input::placeholder {
    color: var(--Brand-Colors-Teal, #2B5B6C) 99;
}

.enroll-bp-input > button {
    padding: 0 15px;
    height: 100%;
    background-color: transparent;
    box-shadow: none;
    text-transform: uppercase;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 0 8px 8px 0;
    margin: 0;
    text-align: center;
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
}

.enroll-bp-input > button:focus,
.enroll-bp-input > button:active,
.enroll-bp-input > button:hover {
    background-color: transparent;
    box-shadow: none;
}

.modal.modal-light#modal-bp-search {
    border-radius: 10px;
}

#modal-bp-search .modal-header h3 {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 12px;
    text-transform: none;
}

#modal-bp-search .modal-header p {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    text-transform: none;
}

#modal-bp-search .modal-body {
    padding: 0 20px 20px 20px;
}

#modal-bp-search table {
    margin-bottom: 0;
}

#modal-bp-search td {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    padding: 8px;
    border: 0;
}

#modal-bp-search tr.is-mobile {
    display: none;
}

#modal-bp-search tr.is-mobile td {
    padding: 0 5px 15px 5px;
}

#modal-bp-search tbody tr.is-mobile:last-child td {
    padding-bottom: 0;
}

#modal-bp-search td .td-photo {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border-radius: 50%;
    object-position: center;
    object-fit: cover;
    background-color: #E1D3C4;
    font-style: normal;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-weight: 500;
}

#modal-bp-search td img.td-photo {
    background-color: #eee;
}

#modal-bp-search thead th {
    background-color: #F5F1EC;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    padding: 12px 8px;
    text-transform: none;
    border: 0;
}

#modal-bp-search thead th:first-child {
    border-radius: 8px 0 0 0;
}

#modal-bp-search thead th:last-child {
    border-radius: 0 8px 0 0;
}

#modal-bp-search tbody tr:nth-child(4n) {
    background-color: #F5F1EC;
}

#modal-bp-search tbody td > button {
    border-radius: 8px;
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    height: 38px;
    line-height: 38px;
    padding: 0 12px;
    min-height: unset;
}

#modal-bp-search tbody td > button:hover {
    color: #fff;
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
}

#modal-bp-search .modal-footer {
    display: flex;
    border-top: 0;
}

#modal-bp-search .modal-footer > span {
    display: block;
    flex: 1;
    color: rgba(29, 36, 51, 0.80);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    text-align: left;
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

#modal-bp-search .modal-footer > span i {
    font-style: normal;
}

.modal.modal-payments {
    padding: 30px;
}

.modal.modal-payments .close-modal {
    display: none;
}

.modal.modal-payments .modal-header {
    padding: 0;
    border-bottom: 1px solid #E1D3C4;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.modal.modal-payments .modal-body {
    padding: 10px 0;
}

.modal.modal-payments .modal-content.list .modal-body label {
    display: flex;
    border: 1px solid #E1D3C4;
    border-radius: 8px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    padding: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

.modal.modal-payments .modal-content.list .modal-body label.active {
    background-color: #F5F1EC;
}

.modal.modal-payments .modal-content.list .modal-body label > span:first-child {
    flex: 1;
}

.modal.modal-payments .modal-body label input[type=radio] {
    transform: scale(1.25);
    margin: 0;
    vertical-align: middle;
}

.modal.modal-payments .modal-content.list .modal-body label input[type=radio] {
    /*accent-color: var(--Brand-Colors-Gold, #B7926C);*/
    margin-right: 10px;
}

.modal.modal-payments .modal-content.form .modal-body label input[type=radio] {
    margin-right: 10px;
}

.modal.modal-payments .modal-content.list .modal-body label img {
    vertical-align: middle;
    margin: 0 5px 0 0;
}

.modal.modal-payments .modal-content.list .modal-body label span {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}

.modal.modal-payments .modal-content.form .modal-body label {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.modal.modal-payments .modal-content.form .modal-body .row {
    margin-left: 0;
    margin-right: 0;
}

.modal.modal-payments .modal-content.form .modal-body label.form-label {
    line-height: 20px;
}

.modal.modal-payments .modal-content.form .modal-body label img {
    vertical-align: middle;
}

.modal.modal-payments .modal-body a.add {
    color: var(--Brand-Colors-Gold, #B7926C);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 20px;
    cursor: pointer;
}

.modal.modal-payments .modal-body p {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    margin: 0 0 15px;
}

.modal.modal-payments .modal-body p input {
    position: relative;
    top: 2px;
}

.modal.modal-payments .modal-footer {
    border: 0;
    padding: 0;
    display: flex;
}

.modal.modal-payments .modal-footer > div {
    flex: 1;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    width: 100%;
}

.modal.modal-payments .modal-footer > div:first-child {
    margin-right: 5px;
}

.modal.modal-payments .modal-footer > div:last-child {
    margin-left: 5px;
}

.modal.modal-payments .modal-footer button {
    margin: 0;
    width: 100%;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    /*margin-right: 5px;*/
    /*margin-left: 0;*/
}

.modal.modal-payments .modal-footer button.brown {
    /*margin-right: 0;*/
    /*margin-left: 5px;*/
}

.c-pagination {
    display: flex;
}

.c-pagination > i {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    flex: 1;
    display: block;
    text-align: left;
    background-color: unset;
    font-style: normal;
    line-height: 32px;
}

.c-pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.c-pagination li {
    margin-bottom: 0;
}

.c-pagination li.is-mobile {
    display: none;
}

.c-pagination a,
.c-pagination span {
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
    text-align: center;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    cursor: pointer;
    background-color: #F5F1EC;
    margin: 0 4px;
}

.c-pagination .current a {
    color: #fff;
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
}

.enroll-ref-box {
    border-radius: 8px;
    /*border: 1px solid #E9E9E9;*/
    background-color: #F5F1EC;
    padding: 1.5rem;
    display: flex;
}

.enroll-ref-box .left {
    width: 125px;
    margin-right: 1.5rem;
}

.enroll-ref-box .right {
    flex: 1;
}

.enroll-ref-box .photo {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    display: block;
    width: 125px;
    height: 125px;
    line-height: 125px;
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    margin-right: 0;
    background-color: #E1D3C4;
    border-radius: 50%;
    font-style: normal;
}

.enroll-ref-box h4 {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 0;
    word-break: break-word;
}


.enroll-ref-box h5 {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
    word-break: break-word;
}

.enroll-ref-box p {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 0;
    word-break: break-word;
}

.enroll-ref-box a {
    color: var(--Brand-Colors-Gold, #B7926C);
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-decoration-line: underline;
}

.enroll-ref-box .actions {
    margin-top: 15px;
}

#modal-bp-search .enroll-ref-box .actions {
    display: none;
}

#modal-bp-search .enroll-ref-box h4 {
    font-weight: 500;
}

.bmodal.modal {
    max-width: 550px !important;
}

.bmodal .modal-header,
.bmodal .modal-body,
.bmodal .modal-footer {
    background-color: #fff !important;
    border: 0 !important;
    height: unset !important;
}

.bmodal .icon {
    display: flex;
    gap: 8px;
}

.bmodal .icon div {
    align-self: center;
}

.bmodal .icon svg {
    display: block;
}

.bmodal.modal.modal-small {
    max-width: 350px;
}

.bmodal .btn {

    margin: 0 !important;
    border-radius: var(--corner-base, 8px) !important;
    color: #000;
    text-align: center;

    /* button/200 */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;*/

    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    text-transform: capitalize;
    padding: 10px 12px !important;

}

.bmodal .btn.btn-sm {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 12px;
    /* 100% */
    letter-spacing: 0.24px;
    text-transform: capitalize;
}

.bmodal .btn-group {
    display: flex;
    gap: 8px;
    justify-content: right;
}

.bmodal .btn.btn-white {
    border: 1px solid #000;
}

.bmodal .btn.btn-black {
    background: var(--bg-bold-default, #1F2122);
    color: #fff;
}

.bmodal .modal-header {
    color: var(--text-icon-primary-black, #1D2433) !important;

    /* Headline sm/Bold */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;*/
    font-size: 20px !important;
    font-style: normal;
    font-weight: 700 !important;
    line-height: 30px !important;
    /* 150% */
    padding: 16px 16px 0 !important;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.bmodal.p-32px .modal-header {
    padding: 32px 32px 0 !important;;
}

.bmodal .modal-body {
    padding: 16px !important;
    border-radius: 8px !important;
}

.bmodal.p-32px .modal-body {
    padding: 32px !important;
}

.bmodal .modal-header + .modal-body {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.bmodal .modal-footer + .modal-body {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.bmodal .modal-body * {
    /*font-family: Inter, "Roboto", "Lato", sans-serif;*/
}

.bmodal .modal-body p {
    color: var(--text-icon-secondary-black, rgba(29, 36, 51, 0.80));
    /* Paragraph sm/Regular */
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin-bottom: 0;
}

.bmodal .modal-footer {
    padding: 0 16px 16px !important;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.bmodal.p-32px .modal-footer {
    padding: 0 32px 32px !important;
}

.modal.autoship-cancel .la.modal-close {
    top: 21px !important;
    right: 16px !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    font-size: 20px !important;
}

.modal.p-32px.autoship-cancel .la.modal-close {
    top: 32px !important;
    right: 32px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    font-size: 24px !important;
}

/* Cart */
.cart-go-back {
    padding: 1.25rem 0;
    margin-top: 1.25rem;
    margin-bottom: 2.5rem;
}

.cart-go-back > a {
    font-size: 16px;
    display: none;
}

.cart-go-back > a > i {
    margin-right: .5rem;
}

.cart-items-title {

    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Header 6 - Bold */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 166.667% */
    letter-spacing: 2.7px;
    text-transform: uppercase;

    display: flex;
    gap: 8px;
    align-items: center;

}


.cart-items-title-sub {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;

    /* Paragraph 6 (Semibold) */
    font-family: IvyEpic;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px; /* 200% */
    letter-spacing: 0.2px;
    text-transform: capitalize;

    padding: 0 8px;
    border-radius: 100px;
    background: #EDEDED;
}

.cart-banner-login-notice {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    background-color: #F5F1EC;
    margin: 1.25rem 0;
    padding-left: 1rem;
    padding-top: .75rem;
    padding-bottom: .75rem;
    font-size: 16px;
    font-weight: 400;
}

.cart-banner-login-notice > a {
    font-weight: 600;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-decoration: underline;
}

.cart.shop_table th {
    font-weight: normal !important;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
}

.cart-container .dc-cart-title {
    text-transform: inherit;
}

.cart-container {
    margin-bottom: 5rem;
}

.cart-container .row-divided > .col + .col:not(.large-12) {
    border: 0;
}

.cart-container .product-name a {
    color: #000;
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* 150% */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.cart-container .product-name a.item-remove {
    font-size: 12px;
    font-weight: 400;
}

.cart-container .product-name a.item-remove > i {
    font-size: 16px;
    vertical-align: text-bottom;
}

.cart-container span.amount {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));
    text-align: right;

    /* Paragraph 3 - Regular */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
}

.cart-container .line-or {
    margin: 1.25rem 0;
}

.cart.shop_table tr:last-child td {
    border-bottom: 0;
}

.cart.shop_table .cart_item td > select {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    border-color: var(--Brand-Colors-Teal, #2B5B6C);
    box-shadow: none !important;
}

.cart.shop_table .cart_item td > select:active,
.cart.shop_table .cart_item td > select:focus {
    box-shadow: none !important;
}

.cart.shop_table .cart_item td {
    padding: 15px 0;
}

.cart.shop_table .cart_item td .cart-subscribe {
    margin: 15px 0 0 0;
}

.cart.shop_table .cart_item td .cart-subscribe img {
    vertical-align: text-bottom;
    margin-right: 4px;
    position: relative;
    top: -5px;
}


.cart.shop_table .cart_item td a,
.cart.shop_table .cart_item td a:hover {
    color: var(--Brand-Colors-Teal, #2B5B6C);


    display: flex;
    align-items: center;
    gap: 4px;

    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));
    text-align: center;
    font-family: IvyEpic;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px; /* 166.667% */
}

.cart.shop_table .cart_item td a.cart-item-name,
.cart.shop_table .cart_item td a.cart-item-name:hover {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
}

.cart_totals tbody th,
.cart-subtotal th {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Regular */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    border-bottom: 0;
    padding: 0.25em 0.5em;
}


.cart-subtotal td {
    border-bottom: 0;
    padding: .25em .5em;
}

.cart-subtotal hr {
    color: #E1D3C4;
    opacity: 1;
    margin: 1rem 0;
}

#dc-cart {
    padding: 1rem;
    margin-bottom: 2.5rem;
    background-color: #FCFCFC;
    border: 1px solid #E6E6E6;
    border-radius: .5rem;
}

#dc-cart table {
    margin: 0;
}

@media (max-width: 850px) {
    .cart-go-back {
        padding: 0;
        margin-top: 1.75rem;
        margin-bottom: 2.5rem;
    }

    .cart-items-title {
        justify-content: space-between;
        margin-bottom: 1.25rem;
    }

    .cart-product-title {
        display: none;
    }

    #dc-cart {
        margin-bottom: 1.25rem;
    }

    table.cart {
        border-top: 1px solid #CFD2D7;
        border-bottom: 1px solid #CFD2D7;
    }

    .shop_table .cart_item td {
        padding: 1.25rem 0;
        vertical-align: top;
    }

    .shop_table .cart_item td.product-action {
        padding-top: 1.5rem;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .cart-product-body .product-name a {
        display: inline-block;
        height: unset;
        text-overflow: ellipsis;
    }

    .cart-product-body .product-subtotal-sm {
        margin-top: 2.25rem;
    }
}

/* END: Cart */
/* Checkout - Shipping */

.checkout-stepper-horizontal {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.checkout-stepper-horizontal .checkout-step {
    display: table-cell;
    position: relative;
    padding: 1.5rem 2.25rem;
}

.checkout-stepper-horizontal .checkout-step:active {
    border-radius: 15% / 75%;
}

.checkout-stepper-horizontal .checkout-step:first-child:active {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.checkout-stepper-horizontal .checkout-step:last-child:active {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.checkout-stepper-horizontal .checkout-step:first-child .checkout-step-bar-left,
.checkout-stepper-horizontal .checkout-step:last-child .checkout-step-bar-right {
    display: none;
}

.checkout-stepper-horizontal .checkout-step .checkout-step-circle {
    width: 1.75rem;
    height: 1.75rem;
    margin: 0 auto;
    background-color: #909090;
    border-radius: 50%;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
}

.checkout-step-circle span {
    color: #FFFFFF;
}

.checkout-stepper-horizontal .checkout-step.active .checkout-step-circle {
    background-color: rgb(0, 0, 0);
}

.checkout-stepper-horizontal .checkout-step.done .checkout-step-circle:before {
    font-family: 'FontAwesome';
    font-weight: 100;
    content: "\f00c";
}

.checkout-stepper-horizontal .checkout-step.done .checkout-step-circle *,
.checkout-stepper-horizontal .checkout-step.editable .checkout-step-circle * {
    display: none;
}

.checkout-stepper-horizontal .checkout-step.editable .checkout-step-circle {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.checkout-stepper-horizontal .checkout-step.editable .checkout-step-circle:before {
    font-family: 'FontAwesome';
    font-weight: 100;
    content: "\f040";
}

.checkout-stepper-horizontal .checkout-step .checkout-step-title {
    font-size: 14px;
    font-weight: 600;
}

.checkout-stepper-horizontal .checkout-step.active .checkout-step-title {
    font-weight: 600;
    color: rgba(0, 0, 0, 1);
}

.checkout-stepper-horizontal .checkout-step.active.done .checkout-step-title,
.checkout-stepper-horizontal .checkout-step.active.editable .checkout-step-title {
    font-weight: 600;
}

.checkout-stepper-horizontal .checkout-step .checkout-step-bar-left,
.checkout-stepper-horizontal .checkout-step .checkout-step-bar-right {
    position: absolute;
    top: 36px;
    height: 1px;
    border-top: 1px solid #DDDDDD;
}

.checkout-stepper-horizontal .checkout-step .checkout-step-bar-right {
    right: 0;
    left: 50%;
    margin-left: 1.25rem;
}

.checkout-stepper-horizontal .checkout-step .checkout-step-bar-left {
    left: 0;
    right: 50%;
    margin-right: 1.25rem
}

.checkout-card {
    background-color: #fff;
    padding: 2rem;
    border-radius: .5rem;
    color: #000000;
}

.checkout-breadcrumbs {
    padding: 0 0 1rem 0;
}

.checkout-card-title {
    font-size: 20px;
    color: #57585E;
    margin-bottom: 1.5rem;
}

.checkout-card-section-title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 1.25rem;
}

.checkout-card-section-subtitle {
    font-size: 14px;
    color: #404040;
    margin-bottom: 1.5rem;
}

.checkout-footer {
    border-top: 1px solid var(--Brand-Colors-Gold, #B7926C);
    background: #FFF;
    text-align: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 15px 0;
    z-index: 2;
}

.checkout-footer > button {
    display: inline-block;
    height: 48px;
    line-height: 50px;
    padding: 0 75px;
    border-radius: 24px;
    color: #F5F1EC;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    border: 0;
    margin: 0;
    min-width: 320px;
    text-shadow: none !important;
    background: var(--Brand-Colors-Gold, #B7926C);
}

.checkout-footer > button:hover,
.checkout-footer > button:active,
.checkout-footer > button:focus {
    color: #F5F1EC;
}

.checkout-footer > button:disabled {
    background-color: #666666;
}

.checkout-footer > button:disabled:hover {
    color: #F5F1EC;
}

.checkout-footer .help {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0;
    display: none;
}

.checkout-footer .help b {
    font-weight: 500;
}

.checkout-shipping-item-row {
    padding: .75rem 0;
    border-bottom: 0.01rem solid #8A898E;
}

.checkout-radio {
    height: 1.25rem;
    width: 1.25rem;
    /* hiding browser el */
    appearance: none;
    /* Safari support */
    -webkit-appearance: none;
    border: 0.2rem solid #fff;
    background-color: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #000000;
    margin-bottom: 0.15rem;
}

/* keyboard navigation focus appearance */
.checkout-radio:focus-visible {
    outline-offset: 0;
}

.checkout-radio:hover {
    box-shadow: 0 0 0 1px #000000;
    background-color: #000000;
}

.checkout-radio:checked {
    box-shadow: 0 0 0 1px #000000;
    background-color: #000000;
    border-width: 0.2rem;
}

.shipping_method_name {
    font-weight: 600;
    font-size: 16px;
}

.shipping_method_desc {
    padding-left: 8px;
    font-weight: 400;
    font-size: 14px;
}

.shipping_method_price {
    font-weight: 400;
    font-size: 16px;
}

.address-wrapper select {
    border: 0;
    padding-left: .5rem;
    box-shadow: none;
    margin: 0 auto;
    width: 97%;
    height: 100%;
}

.address-wrapper input[type=search] {
    border: 0;
    box-shadow: none;
    margin: 0 auto;
    width: 95%;
    height: 100%;
}

.address-wrapper .zipcode-submit-button {
    margin-right: 0;
    font-size: 1.2em;
    padding: 0 0.5em;
    height: 100%;
    vertical-align: center;
}

.autoship-list .p1 {
    color: #3B3B3B !important;
    /*font-family: "Helvetica Neue", Inter, "Roboto", "Lato", sans-serif !important;*/
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    border-bottom: 1px solid #cfd2d7 !important;
    margin-bottom: 24px !important;
    padding-bottom: 15px !important;
}

.address-list .p1 {
    color: #57585E !important;
    /*font-family: "Helvetica Neue", Inter, "Roboto", "Lato", sans-serif !important;*/
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
    border-bottom: 1px solid #cfd2d7 !important;
    margin-bottom: 24px !important;
    padding-bottom: 1px !important;
}

.address-list .p2 {
    color: #000 !important;
    /*font-family: "Helvetica Neue", Inter, "Roboto", "Lato", sans-serif !important;*/
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
    margin-bottom: 12px !important;
}

.address-list .p3 {
    color: #404040;

    /* Paragraph sm/Regular */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    margin-bottom: 4px;
}

.address-list .div1 {
    margin-bottom: 16px;
}

.address-list .label1 {
    color: #000;

    /* Paragraph sm/Medium */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 142.857% */
    margin-bottom: 4px;
}

.address-list .label1 span {
    font-weight: 400;
}

.address-list .div2 {
    margin-bottom: 4px;
}

.address-list .input1 {
    /*margin-bottom: 16px;*/
    border-radius: var(--corner-base, 8px);
    border: 1px solid #666;
    background: #FFF;
    height: 48px;
    padding: 0 14px;
    color: #000;

    /* Paragraph md/Regular */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}


.address-list .div3 {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}

.address-list .div3 div {
    flex: 1;
}

.address-list .div4 {

    padding: 12px 0;
    border-bottom: 0.5px solid #8a898e;
}

.address-list .div4 > label {
    color: #000;

    /* Paragraph md/Semibold */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    margin-bottom: 0;
    display: inline-block;
}

.address-list .div4 > label > span {
    color: #000;

    /* Paragraph sm/Regular */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;;*/
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    display: inline-block;
    margin-left: 8px;
}

.address-list .div4 > span {
    float: right;
    color: #000;
    text-align: right;

    /* Paragraph md/Regular */
    /*font-family: Inter, "Roboto", "Lato", sans-serif;;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.checkout-item-thumbnail {
    margin-right: 0.5rem;
}

.checkout-coupon-wrapper input:focus,
.checkout-coupon-wrapper input {
    border: 0;
    height: 48px;
    box-shadow: none;
    background-color: transparent;
}

.checkout-coupon-wrapper button {
    margin-right: 0;
    height: 48px;
    border-left: 1px solid #000;
}

.checkout-subtotal th,
.checkout-subtotal td {
    font-size: 1rem;
}

/* END: Checkout - Shipping */
.dark .button.is-form:hover,
.button:hover,
input[type='submit']:hover,
input[type='reset']:hover,
input[type='button']:hover {
    box-shadow: none !important;
}

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

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-grow-1 {
    flex-grow: 1 !important;
}

.flex-shrink-1 {
    flex-shrink: 1 !important;
}

.align-items-center {
    align-items: center;
}

.align-items-start {
    align-items: start;
}

.align-items-end {
    align-items: end;
}

.align-content-center {
    align-content: center;
}

.align-content-start {
    align-content: start;
}

.align-content-end {
    align-content: end;
}

.ms-1 {
    margin-inline-start: 0.25rem;
}

.ms-2 {
    margin-inline-start: 0.5rem;
}

.me-1 {
    margin-inline-end: 0.25rem;
}

.me-2 {
    margin-inline-end: 0.5rem;
}

.me-auto {
    margin-right: auto !important;
}

.ms-auto {
    margin-left: auto !important;
}

.text-black {
    color: #000 !important;
}

.bcustomer .button-dark:hover {
    background: rgba(210, 210, 210, 0.5);
}

.bcustomer .button-white:hover {
    background: rgba(0, 0, 0, 1);
}

.bcustomer .button-dark {
    height: 48px;
    border-radius: 8px;
    border: 1px solid #000;
    background: #FFFFFF;
    color: #000;
    /*font-family: Inter, "Roboto", "Lato", sans-serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    text-transform: capitalize;
}

.bcustomer .button-white {
    height: 48px;
    border-radius: 8px;
    background: #2D2B2D;
    color: #FFF;
    /*font-family: Inter, "Roboto", "Lato", sans-serif;*/
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    text-transform: capitalize;
    margin-bottom: 0;
}

@media (max-width: 850px) {
    .jquery-modal.blocker.current {
        padding: 20px 0;
    }

    .enroll-card,
    .checkout-card {
        padding: 15px 15px 20px;
        margin-top: 30px;
    }

    .modal.modal-light .modal-header {
        text-align: left;
    }

    #modal-bp-search thead {
        display: none;
    }

    #modal-bp-search tr {
        display: none;
    }

    #modal-bp-search tr.is-mobile {
        display: table-row;
    }

    #modal-bp-search .col {
        padding: 0;
    }

    #modal-bp-search .modal-body {
        padding: 0 10px 10px 10px;
    }

    #modal-bp-search .modal-footer {
        padding: 0 5px 5px;
    }

    #modal-bp-search .modal-footer > span {
        font-size: 13px;
    }

    .c-pagination li {
        display: none;
    }

    .c-pagination li.is-mobile {
        display: block;
    }

    .checkout-footer {
        position: unset;
        left: unset;
        right: unset;
        bottom: unset;
        margin-top: 25px;
        background-color: transparent;
        border-top: 0;
        padding: 0 20px;
    }

    .checkout-footer > button {
        width: 100%;
    }

    .checkout-footer .help {
        display: block;
    }
}

.order-loader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99999999;
    background-color: rgba(245, 241, 236, 0.85);
    display: none;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.order-loader.active {
    display: flex;
}

.order-loader > div {
    text-align: center;
}

.order-loader .title {
    line-height: 40px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    margin-top: 40px;
}

.order-loader .title .loader {
    position: relative;
    bottom: -3px;
    margin-right: 10px;
}

.order-loader p {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 15px;
}

.order-loader .loader.dark {
    border-top: 1.8em solid var(--Brand-Colors-Teal, #2B5B6C) 66;
    border-right: 1.8em solid var(--Brand-Colors-Teal, #2B5B6C);
    border-bottom: 1.8em solid var(--Brand-Colors-Teal, #2B5B6C);
    border-left: 1.8em solid var(--Brand-Colors-Teal, #2B5B6C);
}

#add-to-cart-modal,
#legacy-remove-item-confirm,
#autoship-legacy-exit {
    padding: 20px 25px;
    border-radius: 8px;
}

.modal#add-to-cart-modal .modal-body,
.modal#legacy-remove-item-confirm, .modal-body,
.modal#autoship-legacy-exit .modal-body {
    padding: 0;
}

.modal.modal-light#add-to-cart-modal a.close-modal,
.modal.modal-light#legacy-remove-item-confirm, a.close-modal,
.modal.modal-light#autoship-legacy-exit a.close-modal {
    top: 20px;
    right: 20px;
    font-size: 28px;
    font-weight: 900;
}

#add-to-cart-modal h1,
#legacy-remove-item-confirm h1,
#autoship-legacy-exit h1 {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Header 6 - Bold */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: 2.7px;
    text-transform: uppercase;

    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E1D3C4;
}

#add-to-cart-modal.modal.modal-light a.close-modal:after,
#legacy-remove-item-confirm.modal.modal-light a.close-modal:after,
#autoship-legacy-exit.modal.modal-light a.close-modal:after {
    color: var(--Brand-Colors-Gold, #B7926C);
}

#add-to-cart-modal .modal-item-box,
#legacy-remove-item-confirm .modal-item-box,
#autoship-legacy-exit .modal-item-box {
    display: flex;
}

#add-to-cart-modal .modal-item-image,
#legacy-remove-item-confirm .modal-item-image,
#autoship-legacy-exit .modal-item-image {
    width: 96px;
    height: 96px;
    position: relative;
    overflow: hidden;
    margin-right: 15px;
}

#add-to-cart-modal .modal-item-image:before,
#legacy-remove-item-confirm .modal-item-image:before,
#autoship-legacy-exit .modal-item-image:before {
    content: "";
    display: block;
    padding-top: 100%;
}

#add-to-cart-modal .modal-item-image img,
#legacy-remove-item-confirm .modal-item-image img,
#autoship-legacy-exit .modal-item-image img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: center;
}

#add-to-cart-modal .modal-item-info,
#legacy-remove-item-confirm .modal-item-info,
#autoship-legacy-exit .modal-item-info {
    flex: 1;
}

#add-to-cart-modal .modal-item-title,
#legacy-remove-item-confirm .modal-item-title,
#autoship-legacy-exit .modal-item-title {
    display: flex;
}

#add-to-cart-modal .modal-item-title h2,
#legacy-remove-item-confirm .modal-item-title h2,
#autoship-legacy-exit .modal-item-title h2 {
    flex: 1;
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 2 - Bold */
    font-family: IvyEpic;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 150% */
    margin: 0;
}

#add-to-cart-modal .modal-item-title span,
#legacy-remove-item-confirm .modal-item-title span,
#autoship-legacy-exit .modal-item-title span {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Regular */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 156.25% */
    margin-left: 15px;
}

#add-to-cart-modal .modal-item-title i,
#legacy-remove-item-confirm .modal-item-title i,
#autoship-legacy-exit .modal-item-title i {
    font-style: normal;
}

#add-to-cart-modal .modal-item-info > b,
#legacy-remove-item-confirm .modal-item-info > b,
#autoship-legacy-exit .modal-item-info > b {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Regular */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 156.25% */

    margin: 8px 0;
    display: block;
}

#add-to-cart-modal .modal-item-info > p,
#legacy-remove-item-confirm .modal-item-info > p,
#autoship-legacy-exit .modal-item-info > p {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Regular */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 156.25% */
    margin: 0;
}

#add-to-cart-modal .modal-item-quantity,
#legacy-remove-item-confirm .modal-item-quantity,
#autoship-legacy-exit .modal-item-quantity {
    border-radius: 8px;
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    background: #FFF;
    height: 48px;
    display: flex;
}

#add-to-cart-modal .modal-item-quantity i,
#legacy-remove-item-confirm .modal-item-quantity i,
#autoship-legacy-exit .modal-item-quantity i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    cursor: pointer;
}

#add-to-cart-modal .modal-item-quantity input,
#legacy-remove-item-confirm .modal-item-quantity input,
#autoship-legacy-exit .modal-item-quantity input {
    flex: 1;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    border: 0 !important;
    background-color: transparent;
    box-shadow: none !important;
    text-align: center;
    height: 48px;
    cursor: default;
}

#add-to-cart-modal .button,
#legacy-remove-item-confirm .button,
#autoship-legacy-exit .button {
    width: 100%;
    color: var(--Brand-Colors-Gold, #B7926C);
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    text-transform: capitalize;
    height: 48px;
    line-height: 48px;
    display: block;
    border-radius: 24px;
}

#add-to-cart-modal .button > i,
#legacy-remove-item-confirm .button > i,
#autoship-legacy-exit .button > i {
    font-style: normal;
}

#add-to-cart-modal .button.dark,
#legacy-remove-item-confirm .button.dark,
#autoship-legacy-exit .button.dark {
    border-radius: 25px;
    border: 1px solid var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));
    background-color: #fff;
    color: var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));
    text-align: center;
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    text-transform: uppercase;

    margin-right: 0;

    display: flex;
    max-width: 314px;
}

#add-to-cart-modal .button.outline,
#legacy-remove-item-confirm .button.outline,
#autoship-legacy-exit .button.outline {
    color: #000;
    border: 1px solid #000;
    background: #FFF;
}

#add-to-cart-modal a.link,
#legacy-remove-item-confirm a.link,
#autoship-legacy-exit a.link {
    color: var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));
    text-align: center;

    /* Large Button Text */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 133.333% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    cursor: pointer;
}

.btn {
    display: flex;
    height: 44px;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}

.btn.brown {
    color: #F5F1EC;
    background-color: var(--Brand-Colors-Gold, #B7926C);
    border-radius: 22px;
}

.text-brown {
    color: var(--Brand-Colors-Gold, #B7926C) !important;
}

.text-green {
    color: var(--Brand-Colors-Teal, #2B5B6C) !important;
}

.text-red {
    color: #F04438 !important;
}

.text-brand-gold {
    color: var(--Brand-Colors-Gold, #B7926C) !important;
}

.text-brand-teal {
    color: var(--Brand-Colors-Teal, #2B5B6C) !important;
}

.text-brand-teal-light {
    color: var(--brand-colors-shades-teal-60, rgba(43, 91, 108, 0.60));
}

.badge {
    width: auto;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    padding: 0 .5rem;
    vertical-align: middle;
    color: #F5F1EC;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    text-transform: capitalize;
    background-color: var(--Brand-Colors-Gold, #B7926C);
}

.back-to-top {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    color: var(--Brand-Colors-Gold, #B7926C) !important;
    border-color: var(--Brand-Colors-Gold, #B7926C) !important;
}

.back-to-top:hover {
    color: #fff !important;
    background-color: var(--Brand-Colors-Gold, #B7926C) !important;
}

.back-to-top i {
    font-size: 32px !important;
}

.top-divider {
    display: none;
}

.line-or:before {
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
}

.line-or span {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.swal2-confirm.success.is-dark {
    color: #F5F1EC;
    background-color: var(--Brand-Colors-Gold, #B7926C);
    border-color: var(--Brand-Colors-Gold, #B7926C);
}

.top-referrer {
    background-color: #F5F1EC;
}

.t-referrer-box {
    width: 50%;
    margin: 0 auto;
    display: flex;
    position: relative;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
    align-items: center;
}

.t-referrer-photo {
    width: 36px;
    height: 36px;
    margin-right: 12px;
    border-radius: 50%;
    background-color: #E1D3C4;
    object-fit: cover;
    object-position: center;
}

.t-referrer-info {
    flex: 1;
}

.t-referrer-info b {
    font-weight: 600;
}

.t-referrer-short {
    margin-right: 8px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    overflow: hidden;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.t-referrer-short span {
    color: var(--Brand-Colors-Gold, #B7926C);
    font-weight: 600;
    text-decoration: underline;
}

.t-referrer-long {
    opacity: 0;
    height: 0;
    overflow: hidden;
    margin-right: 8px;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.t-referrer-long label {
    display: inline-block;
    padding: 4px 8px;
    line-height: 20px;
    border-radius: 14px;
    color: var(--Brand-Colors-Gold, #B7926C);
    background-color: #E1D3C4;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin: 0;
}

.t-referrer-long h1 {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    margin: 8px 0;
}

.t-referrer-long p {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 8px;
}

.t-referrer-action {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.t-referrer-action img {
    width: 100%;
    height: 100%;
    -moz-transition: all 0.25s ease-in;
    -webkit-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in;
}

.t-referrer-box.active {
    padding: 20px 0;
    align-items: start;
}

.t-referrer-box.active .t-referrer-short {
    opacity: 0;
    height: 0;
}

.t-referrer-box.active .t-referrer-long {
    opacity: 1;
    height: auto;
    overflow: unset;
}

.t-referrer-box.active .t-referrer-photo {
    width: 125px;
    height: 125px;
    margin-right: 20px;
}

.t-referrer-box.active .t-referrer-action {
    top: 20px;
    transform: rotate(180deg);
}

@media (max-width: 845px) {
    .t-referrer-box {
        width: 100%;
    }

    .t-referrer-short {
        line-height: 20px;
        font-size: 14px;
    }

    .t-referrer-long p {
        margin-right: -40px;
    }

    .t-referrer-box.active .t-referrer-photo {
        width: 90px;
        height: 90px;
    }
}


.off-canvas .sidebar-menu {
    padding: 0;
}

.off-canvas .nav-vertical > li > a {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.off-canvas .nav-vertical > li button.toggle {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.off-canvas .nav-vertical > li > ul li a {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.off-canvas-left .mfp-content {
    background-color: #fff;
}

.nav-sidebar.nav-vertical > li + li {
    border-top: 1px solid #E1D3C4;
}

.nav-sidebar.nav-vertical > li.menu-item.active,
.nav-sidebar.nav-vertical > li.menu-item:hover {
    background-color: #F5F1EC;
}

.enroll-complete {
    padding: 40px 0 60px 0;
}

.enroll-complete h1 {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}


.enroll-complete p {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.enroll-complete h3 {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    text-transform: uppercase;
}

.enroll-complete .customer-perks {
    margin: 0 auto;
}

.enroll-complete .customer-perks-column {
    text-align: center;
}

.enroll-complete .customer-perks-column .image {
    width: 124px;
    height: 124px;
    line-height: 124px;
    text-align: center;
    border-radius: 50%;
    background-color: #F5F1EC;
    margin: 0 auto;
}

.enroll-complete .customer-perks-column .image img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.enroll-complete .customer-perks-column p {
    padding: 0 25px;
    margin-top: 20px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    word-break: break-word;
}

.enroll-complete .customer-perks-column a {
    color: #000;
    text-decoration: underline;
    cursor: pointer;
}

.enroll-complete .actions {
    padding: 50px 0;
    text-align: center;
}

.enroll-complete .button {
    min-width: 50%;
}

.enroll-complete .actions .button {
    max-width: 40%;
    min-width: unset;

    border-radius: 8px;
    background: #000;
    height: 48px;
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;

    text-transform: capitalize;
}

.enroll-complete hr {
    opacity: 0.5;
    margin: 0;
    border-top-color: #E1D3C4;
}

.enroll-complete h2 {
    color: #2C2D2D;
    text-align: center;
    font-family: "Helvetica Neue";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    /* 150% */
    margin-bottom: 30px;
    margin-top: 50px;
}

.enroll-complete-item {
    padding: 0 15px;
}


@media (max-width: 845px) {
    .enroll-complete .actions .button {
        max-width: 100%;
        min-width: 100%;
    }
}

.item-quantity {
    border-radius: 8px;
    border: 1px solid var(--Brand-Colors-Teal, #2B5B6C);
    background: #FFF;
    height: 48px;
    display: flex;
    overflow: hidden;
}

.item-quantity i {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-size: 24px;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    cursor: pointer;
}

.item-quantity input {
    flex: 1;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    border: 0 !important;
    background-color: transparent;
    box-shadow: none !important;
    text-align: center;
    height: 48px;
    cursor: default;
}

.cart-table .item-quantity {
    height: 32px;
    padding: 0 12px;
    width: 96px;
}

.cart-table .item-quantity i {
    font-size: 18px;
    height: 32px;
    line-height: 30px;
    width: unset;
}

.cart-table .item-quantity input {
    font-size: 16px;
    height: 32px;
    max-height: 30px;
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.cart-table .noresult {
    color: var(--Brand-Colors-Teal, #2B5B6C) 99;
}

.cart-table .noresult td {
    color: inherit;
}


span.wpcf7-not-valid-tip {
    color: #93282C;
}

input.wpcf7-not-valid,
.woocommerce-invalid input {
    border-color: #93282C;
    color: #93282C
}

.forgot-password {
    max-width: 327px;
    margin-right: auto;
    margin-left: auto;
}

.forgot-password h1 {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));
    text-align: center;

    /* Header 6 - Bold */
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: 2.7px;
    text-transform: uppercase;
    margin-bottom: 21px;
}

.forgot-password p {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 3 - Regular */
    font-family: IvyEpic;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 156.25% */
}

.forgot-password .p1 {
    color: var(--Brand-Colors-Teal, var(--Brand-Colors-Teal, #2B5B6C));

    /* Paragraph 4 */
    font-family: IvyEpic;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
}

.forgot-password .p1 a {
    color: var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));

    /* Paragraph 4 (Link) */
    font-family: IvyEpic;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.rating-stars {
    cursor: pointer;
}

.swal2-container .button.dark {
    border-radius: 25px;
    border: 1px solid var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));
    background-color: #fff;
    color: var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));
    text-align: center;
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-transform: uppercase;
    margin-right: 0;
    display: flex;
    margin-bottom: 15px;
    max-width: 314px;
}

.swal2-container .button.dark.is-outline {
    color: var(--Brand-Colors-Gold, var(--Brand-Colors-Gold, #B7926C));
    text-align: center;
    font-family: IvyEpic;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
    text-transform: uppercase;
    cursor: pointer;

    height: 24px;
    border: 0;
    background: transparent;
    min-height: 24px;
    margin: 0;
}

html {
    background-color: transparent;
}

body::-webkit-scrollbar {
    -webkit-appearance: none;
}

body::-webkit-scrollbar:vertical {
    width: 10px;
}

body::-webkit-scrollbar:horizontal {
    height: 10px;
}

body::-webkit-scrollbar-track {
    background-color: #F5F1EC;
    border-left: 1px solid #ddd;
}

body::-webkit-scrollbar-thumb {
    /* border-radius: 8px; */
    background-color: rgba(183, 146, 108, 0.8);
    box-shadow: 0 0 1px rgba(0, 0, 0, .5);
}

.change-cart-type, .change-subscribe {
    margin: 10px 0 0 0;
}

.change-cart-type label, .change-subscribe label {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 25px;
    height: 25px;
    margin: 0;
    cursor: pointer;
    align-items: center;
    gap: 4px;
}

.change-cart-type label.active, .change-subscribe label.active {
    font-weight: 600 !important;
}

.change-cart-type label input[type=radio], .change-subscribe label input[type=radio] {
    transform: scale(1.25);
    accent-color: var(--Brand-Colors-Teal, #2B5B6C);
    margin: 0 5px 0 0;
    position: relative;
    top: 1px;
}

.radio {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/bcustomer/img/icon/radio-no.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    vertical-align: text-bottom;
}

.radio.checked {
    background-image: url("/bcustomer/img/icon/radio-ok.svg");
}

.change-cart-type label.active .radio, .change-subscribe label.active .radio {
    background-image: url("/bcustomer/img/icon/radio-ok.svg");
}

.change-subscribe dl {
    display: none;
    border: 1px solid var(--Brand-Colors-Gold, #B7926C);
    border-radius: 8px;
    margin: 5px 25px;
    padding: .5rem .75rem;
    opacity: 1;
}

.change-subscribe dl.active {
    display: block;
}

.change-subscribe dl dt, .change-subscribe dl dd {
    display: flex;
    align-items: center;
    text-transform: capitalize;
}


.change-subscribe dl dt {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.change-subscribe dl dt i {
    display: inline-block;
    color: #F5F1EC;
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    height: 20px;
    overflow: hidden;
    margin-right: 5px;
    border-radius: 10px;
    padding: 0 10px;
}

.change-subscribe dl dd {
    margin-top: .5rem;
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.change-subscribe dl dd span {
    font-size: 12px;
    font-style: italic;
    padding-top: 2px;
}

.change-subscribe dl dd img {
    margin-right: 5px;
    height: 22px;
    position: relative;
    bottom: 2px;
}

.subscribe-label {
    color: var(--Brand-Colors-Teal, #2B5B6C);
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 15px;
    display: flex;
}

.subscribe-label > i {
    color: #F5F1EC;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    margin-right: 4px;
    display: inline-block;
    background-color: var(--Brand-Colors-Teal, #2B5B6C);
    overflow: hidden;
    height: 20px;
    line-height: 22px;
    padding: 0 12px;
    border-radius: 10px;
    min-width: 96px;
    text-align: center;
}

.has-error .form-label {
    color: #93282C !important;
}

.has-error input {
    border-color: #93282C !important;
    /*color: #93282C !important;*/
}

.has-error input::placeholder {
    color: #93282C66 !important;
}

.enroll-total hr {
    border-top: 1px solid #E1D3C4;
    opacity: 1;
}

.menu-item:hover .sub-menu {
    top: 36px;
    left: 0;
    right: unset;
    max-height: unset;
    opacity: 1;
}

.menu-item:hover .sub-menu.sub-end {
    left: unset;
    right: 0;
}

.bcustomer-item-supplement-facts {
    appearance: none;
    background: transparent;
    border: 0;
    color: var(--Teal, var(--Brand-Colors-Teal, #2B5B6C));
    font-family: "Helvetica Neue";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 175% */
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;

    margin-top: 15px;
    padding: 0;
    cursor: pointer;
    display: block;
    text-align: left;
}

.bcustomer-item-supplement-facts:focus-visible {
    outline: 2px solid var(--Brand-Colors-Teal, #2B5B6C);
    outline-offset: 4px;
}

.bcustomer-supplement-facts-open {
    overflow: hidden;
}

.bcustomer-item-pdr {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 15px;

    a {
        color: var(--Teal, var(--Brand-Colors-Teal, #2B5B6C));
        font-family: "Helvetica Neue";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 175% */
        text-decoration-line: underline;
        text-decoration-style: solid;
        text-decoration-skip-ink: none;
        text-decoration-thickness: auto;
        text-underline-offset: auto;
        text-underline-position: from-font;
    }
}

.bcustomer-item-supplement-facts-modal {
    background: rgba(0, 0, 0, 0.60);
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    padding: 16px;
    z-index: 9999;
}

.bcustomer-item-supplement-facts-modal[hidden] {
    display: none;
}

.bcustomer-item-supplement-facts-modal__content {
    width: 100%;
    max-width: 652px;
    max-height: calc(100dvh - 32px);
    background: var(--Cream, #F5F1EC);
    overflow-y: auto;
    padding: 48px 24px 24px;
    position: relative;
}

.bcustomer-item-supplement-facts-modal__content picture,
.bcustomer-item-supplement-facts-modal__content img {
    display: block;
    width: 100%;
}

.bcustomer-item-supplement-facts-modal__close {
    appearance: none;
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 14px;
    top: 14px;
    width: 44px;
}

.bcustomer-item-supplement-facts-modal__close:focus-visible {
    outline: 2px solid var(--Brand-Colors-Teal, #2B5B6C);
    outline-offset: 2px;
}

.bcustomer-item-supplement-facts-modal__html {
    color: var(--Teal, var(--Brand-Colors-Teal, #2B5B6C));
    font-family: "Helvetica Neue";
    font-size: 14px;
    line-height: 1.45;
    margin-top: 10px;
}

.bcustomer-item-supplement-facts-modal__html table,
.bcustomer-item-supplement-facts-modal__html img {
    max-width: 100%;
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

#shop-footer.simplified {
    padding: 0;
    background-color: #F5F1EC
}

#shop-footer.simplified .footer-bot {
    padding: 35px 0;
    border-top: 2px solid var(--Brand-Colors-Gold, #B7926C)
}

.bcustomer #shop-footer.simplified .footer-bot .term-link {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}

.bcustomer #shop-footer.simplified .footer-bot .copyright {
    color: var(--Brand-Colors-Teal, #2B5B6C);
}


.subscription-badge {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 100px;
    background: var(--Brand-Colors-Teal, #2B5B6C);
    color: var(--Brand-Colors-Cream, #F5F1EC);
    text-align: center;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    height: 16px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 20px; /* 200% */
}

.subscription-badge-gold {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
    border-radius: 100px;
    background: var(--Brand-Colors-Gold);
    color: var(--Brand-Colors-Cream, #F5F1EC);
    text-align: center;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    height: 16px;
    padding: 0 8px;
    font-size: 10px;
    line-height: 20px; /* 200% */
}

.x-remove, .enroll-form a.x-remove {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 8px;
    aspect-ratio: 1/1;
    background-image: url("/bcustomer/img/icon/x.svg");
}

.x-remove:hover, .enroll-form a.x-remove:hover {
    background-image: url("/bcustomer/img/icon/x-on.svg");
}

.is-coupon-item, b.is-coupon-item {
    color: var(--brand-colors-shades-teal-60, rgba(43, 91, 108, 0.60)) !important;
}

.header-newbtn {
    position: absolute;
    top: -18px;
    height: 14px;
    border: 1px solid #B7926C;
    border-radius: 50px;
    font-size: 8px;
    text-align: center;
    color: #B7926C;
    line-height: 1.5;
    padding: 0 4px;
}

.aside-menu .header-newbtn {
    top: -13px;
}

.mt-4 {
    margin-top: 1rem;
}

.california-65 {
    color: #2B5B6C;
}

.california-65 * {
    color: inherit !important;
}

.california-65 .california-title .form-checkbox{
    font-style: normal !important;
    font-weight: 600 !important;
}

.california-65 .california-body {
    margin-bottom: 0;
    padding: 1rem;
    border: 2px dashed #E1D3C4;
}

.california-65 p {
    margin-bottom: 0;
}

/* CMS homepage headings demoted to h2 server-side keep the old h1 box. The
   :where() class contributes no specificity, so each section's existing class
   styling still wins exactly as it did before the semantic tag correction. */
h2:where(.home-secondary-heading) {
    font-size: 1.7em;
    line-height: 1.3;
    margin: 0 0 .5em;
}

@media (max-width: 549px) {
    h2:where(.home-secondary-heading) {
        font-size: 1.4em;
    }
}
html {
    background: none;
}

#top-bar {
    display: block;
}

img {
    max-width: 100%;
    max-height: 100%;
}

.page-slick {
    display: none;
}

.page-slick.is-ready {
    display: block;
}

.page-slick.slider:not(.flickity-enabled) {
    overflow-y: unset;
    overflow-x: unset;
}

.page-slick.slider:not(.flickity-enabled) > * {
    display: block !important;
}

.page-slick .slick-dots {
    bottom: 15px;
}

.page-slick .slick-next, .page-slick .slick-prev {
    z-index: 9;
}

.page-slick .slick-prev {
    left: 5px;
}

.page-slick .slick-next {
    right: 5px;
}

.page-slick .slick-prev:before {
    /*content: "\f104";*/
    content: "";
    font-size: 22px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Line Awesome Free';
}

.page-slick .slick-next:before {
    /*content: "\f105";*/
    content: "";
    font-size: 22px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.8);
    font-family: 'Line Awesome Free';
}

.page-slick .slick-prev > i, .page-slick .slick-next > i {
    font-size: 22px;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.8);
}

.page-slick .slick-prev.slick-disabled > i, .page-slick .slick-next.slick-disabled > i {
    color: rgba(0, 0, 0, 0.3);
}

.page-quantity {
    border: 1px solid #ccc;
    height: 40px;
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
}

.page-quantity input {
    display: block;
    border: 0;
    height: 100%;
    box-shadow: none;
    text-align: center;
    cursor: default;
    flex: 1;
}

.page-quantity input:focus, .page-quantity input:hover, .page-quantity input:active {
    box-shadow: none;
}

.page-quantity .minus, .page-quantity .plus {
    display: flex;
    width: 40px;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-style: normal;
}

.page-tab .ui-tabs-nav {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 40px;
    position: relative;
    top: 1px;
    z-index: 2;
}

.page-tab .tab-nav > li {
    height: 100%;
}

.page-tab .tab-nav > li a {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    cursor: pointer;
    border: 1px solid #ddd;
    margin-right: 5px;
}

.page-tab .tab-nav > li.ui-tabs-active a {
    border-bottom-color: #fff;
}

.page-tab .tab-panel {
    border: 1px solid #ddd;
}

.page-accordion .accordion-header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    line-height: 2;
    cursor: default;
}

.page-accordion .accordion-header:first-child {
    border-top: 1px solid #ddd;
}

.page-accordion .accordion-body {
    border-bottom: 1px solid transparent;
    background-color: #f8f8f8;
    overflow: hidden;
    height: 0;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    opacity: 0;
}

.page-accordion .accordion-body.active {
    height: auto;
    opacity: 1;
    border-bottom: 1px solid #ddd;
}

.page-flexslider {
    border: 0;
    margin: 0;
    padding: 0;
    position: relative;
    background: none;
    opacity: 0;
    height: 0;
}

.page-flexslider.is-ready {
    opacity: 1;
    height: auto;
}

.page-flexslider .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
    text-shadow: none;
}

.page-flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.page-flexslider .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
    text-shadow: none;
}

.page-flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.page-flexslider .slides > li .centered img {
    min-height: 100% !important;
    min-width: 50% !important;
    width: auto !important;
    max-width: none !important;
    display: inline-block !important;
    margin-right: -100% !important;
}

/* Faq */
#text-box-2039329190 {
    width: 60%
}

#text-box-2039329190 .text-box-content {
    font-size: 100%
}

#banner-825498104 {
    background-color: #fff;
    height: 360px;
    position: relative;
    z-index: 2;
}

#banner-825498104 .bg.bg-loaded {
    background-image: url('https://c03.livepure.com/2020/06/gradient-overlay.png')
}

#banner-825498104 .overlay {
    background-color: rgba(0, 0, 0, .44)
}

#banner-825498104 .bg {
    background-position: 32% 28%
}

.faq-crumbs-wrap {
    position: relative;
    width: 100%;
    margin-bottom: 60px;
    padding: 1em 10px;
    font-size: 0.9em;
    list-style-type: none;
    background-color: #e0e9eb;
}

.faq-content-wrap {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
}

.faq-crumbs {
    list-style: none;
    margin-bottom: 0;
}

.faq-crumbs li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.faq-aside {
    width: 25%;
}

.faq-aside ul {
    padding: 25px !important;
    border: 1px solid #d7e2e5;
    border-radius: 3px;
    background-color: #e0e9eb;
}

.faq-aside .faq-aside-menu, .faq-aside .faq-aside-submenu {
    list-style: none;
    padding: 0;
}

.faq-aside .faq-aside-menu {
    margin: 0;
}

.faq-aside .faq-aside-menu li {
    margin-bottom: 0;
}

.faq-section-name {
    cursor: pointer;
    line-height: 39px;
    position: relative;
    height: 39px;
    padding: 0 5px;
}

.faq-aside .faq-aside-menu-item {
    border-bottom: 1px solid #fff;
}

.faq-aside .faq-aside-menu-item:last-child {
    border-bottom: 0;
}

.faq-aside-menu-item.active .faq-section-name {
    background-color: #edf1f3;
}

.faq-section-name:hover {
    background-color: #edf1f3;
}

.faq-section-name .fa {
    margin-right: 4px;
}

.faq-section-name .la {
    position: absolute;
    top: 12px;
    right: 5px;
    -moz-transition: all 0.1s ease-in;
    -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.faq-aside-menu-item.open .faq-section-name .la {
    transform: rotate(90deg);
}

.faq-aside .faq-aside-submenu {
    height: 0;
    opacity: 0;
    overflow: hidden;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    margin: 0 0 0 1rem;
}

.faq-aside ul li.open .faq-aside-submenu {
    height: auto;
    opacity: 1;
}

.faq-aside-submenu a {
    text-decoration: none;
    color: inherit;
    display: block;
    padding: 5px 10px;
}

.faq-aside-menu-item.active .faq-aside-submenu a {
    font-weight: bold;
    color: #333;
}

.faq-aside-submenu li {
    border-left: 1px solid #ddd;
}

.faq-aside-submenu li:hover, .faq-aside-submenu li.active {
    border-left: 1px solid #666;
    background-color: #edf1f3;
}

.faq-main {
    flex: 1;

}

.faq-card-row {
    display: flex;
    margin-bottom: 30px;
}

.faq-card {
    flex: 1;
    margin-left: 30px;
    padding: 20px 20px 60px 20px;
    box-shadow: 0 0 45px rgba(0, 0, 0, 0.08);
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    position: relative;
}

.faq-card-title a {
    font-size: 1.3rem;
    color: inherit;
    font-weight: bold;
    margin-bottom: 1rem;
}

.faq-card-title a:hover {
    color: inherit;
}

.faq-card-title a > i {
    color: #17aacf;
    margin-right: 4px;
}

.faq-list .faq-card-title {
    margin-bottom: 1rem;
}

.faq-list .faq-card-title a {
    font-size: 1.8rem;
    color: #333;
}

.faq-cart-subtitle {
    color: #777;
    font-size: 15px;
}

.faq-cart-subtitle > i {
    margin-right: 4px;
    margin-left: 15px;
}

.faq-cart-subtitle > i:first-child {
    margin-left: 0;
}

.faq-search-row {
    padding: 10px 5px;
    border-bottom: 1px dashed #ddd;
}

.faq-search-row:last-child {
    margin-bottom: 2rem;
}

.faq-search-row:hover {
    cursor: default;
    background-color: #f3f6f7;
}

.faq-search-row-title {
    color: #777;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.faq-search-row-desc {
    font-size: 1rem;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.faq-search-row-desc .faq-bold, .faq-search-row-title .faq-bold {
    font-weight: bold;
    color: #333;
}

.faq-search-row-label {
    padding: 5px 10px;
    border: 1px solid #d0dee1;
    border-radius: 3px;
    font-size: 0.8em;
    line-height: 2.5em;
    background-color: #e0e9eb;
}

.faq-card-row-bot {
    display: flex;
}

.faq-card-row-bot > div {
    flex: 1;
}

.faq-card-content {
    font-size: 1rem;
}

.faq-list .faq-card-link {
    font-size: 1.25rem;
}

.faq-list .faq-card-link:last-child {
    border-bottom: 0;
    margin-bottom: 2rem;
}

.faq-card-link {
    display: block;
    margin: 0;
    padding: 10px 5px;
    border-bottom: 1px dashed #ddd;
    font-size: 1.1em;
    line-height: 1.5;
    color: inherit;
}

.faq-card-link:hover {
    background-color: #f3f6f7;
    color: inherit;
}

.faq-card-view-all {
    position: absolute;
    left: 20px;
    bottom: 15px;
    color: #17aacf;
    text-decoration: none;
    font-size: 1.1rem;
}

.faq-card-view-all:hover {
    color: #17aacf;
    text-decoration: underline;
}

.faq-searchform {
    position: relative;
}

.faq-search-suggest {
    display: none;
    position: absolute;
    left: 0;
    top: 64px;
    width: 100%;
    background-color: #fff;
    z-index: 9;
    text-align: left;
    border-radius: 3px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .15);
}

.faq-search-suggest.show {
    display: block;
}

.faq-search-suggest ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: auto;
}

.faq-search-suggest ul li {
    margin-bottom: 0;
}

.faq-search-suggest li a {
    display: block;
    padding: 20px 15px;
    border-bottom: 1px dashed #ddd;
    font-size: 1rem;
    line-height: 1.5;
}

.faq-search-suggest li a p {
    color: #777;
    margin: 0;
}

.faq-search-suggest li a p .bpress-search-suggest-title {
    font-weight: bold;
}

.faq-search-suggest .faq-mark {
    color: #17aacf;
    font-weight: bold;
}

.faq-search-more {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #e7e7e7;
    background-color: #eee;
    color: #777;
    font-size: 1rem;
    cursor: default;
}

.faq-search-more:hover span {
    text-decoration: underline;
    cursor: pointer;
}

.faq-content {
    padding-left: 30px;
}

@media (max-width: 960px) {
    .faq-content-wrap, .faq-card-row {
        display: block;
    }

    .faq-aside {
        display: none;
    }

    .faq-card {
        margin: 0 15px 15px;
    }
}


/* Modal */
.blocker {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.back-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 999;
    transition: 0.4s;
}

.back-overlay-over {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 9998;
    transition: 0.4s;
}

.copied-alert {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    color: #000;
    width: 500px;
    padding: 30px;
    z-index: -999;
    border-radius: 10px;
}

.copied-alert button {
    background-color: #000;
    color: #fff;
    padding: 0px 20px;
    margin-top: 10px;
}

/* Share Modal */
.share-modal.modal {
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 50%;*/
    margin-top: -10%;
    width: 600px;
    height: auto;
    overflow: auto;
    background-color: #fff;
    box-shadow: none;
    border-radius: 13px;
    transition: all 0.6s ease;
    transform: translate(0, 0);
    z-index: -999;
    padding: 0;
    max-width: 90%;
}

.share-modal-header {
    padding: 13px 0 0 30px;
    position: relative;
    font-size: 20px;
}

.modalclosebtn {
    cursor: pointer;
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 20px;
    top: 0px;
    z-index: 3;
}

.share-modal-content {
    background-color: #fefefe;
    padding: 20px 20px;
}

.share-modal-content .col {
    padding: 0;
    text-align: center;
}

.share-modal-content i {
    font-size: 1.7rem;
    width: 60px;
    height: 60px;
    padding-top: 17px;
    border-radius: 50%;
    margin-bottom: 5px;
    color: #fff;
}

.share-modal.modal a.close-modal {
    display: none;
}

.shareicon {
    cursor: pointer;
}

.share-link i {
    background-color: #E3E3E3;
    color: #666;
}

.share-facebook i {
    background-color: #3B5998;
}

.share-twitter i {
    background-color: #1DA1F2;
}

.share-email i {
    background-color: #888888;
}

.share-pinterest i {
    background-color: #BD081C;
}

.share-linkdin i {
    background-color: #0077B5;
}

@media (max-width: 765px) {
    .share-modal {
        width: 90%;
    }
}

.share-modal.modal.item-share-modal {
    top: 10%;
    width: 500px;
    border-radius: 0;
    font-size: 16px;
}

.share-modal.item-share-modal a.close-modal {
    color: #000;
    background-color: transparent;
    top: 5px;
    right: 5px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    background-image: none;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    text-indent: 0;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}

.share-modal.item-share-modal a.close-modal:after {
    content: "\f00d";
}

.share-modal.modal.item-share-modal .share-modal-title {
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #111 !important;
}

.share-modal.modal.item-share-modal .share-modal-text {
    font-family: "Lato", sans-serif;
    color: #555;
}

.share-modal.modal.item-share-modal .button.icon.circle {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    padding: 0;
}

.star-rating {
    display: inline-block;
    margin: 0;
}

.star-rating:before {
    content: '\e005\e005\e005\e005\e005';
    color: #ccc;
}

.star-rating span:before {
    color: #000;
}

[data-role=page-dropzone] {
    width: 100%;
    border: 2px dashed #aaa;
}

[data-role=page-dropzone] > * {
    cursor: pointer;
}

[data-role=page-dropzone] .dz-preview {
    position: relative;
    overflow: hidden;
}

[data-role=page-dropzone] .dz-details:before {
    content: "";
    display: block;
    padding-top: 100%;
}

[data-role=page-dropzone] .dz-details > img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top center;
}

[data-role=page-dropzone] .dz-remove {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    background-color: #D01A27;
    color: #fff;
    cursor: pointer;
}

[data-role=stars] {
    cursor: default;
}

[data-role=stars] > i {
    font-family: 'Line Awesome Free';
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    cursor: default;
    letter-spacing: 0px;
    font-size: 24px;
}

[data-role=stars] > i.active {
    font-weight: 900;
}

[data-role=stars] > i:before {
    content: "\f005";
}

[data-role=countdown] {
    display: inline-block;
}

[data-role=countdown] .syotimer-cell {
    display: inline-block;
    margin: 0 5px;
    background-color: #eee;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
}

[data-role=countdown] .syotimer-cell__value {
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

[data-role=countdown] .syotimer-cell__unit {
    font-size: 12px;
}

.video-player {
    position: relative;
    overflow: hidden;
    background-color: #000;
}

.video-player:before {
    content: "";
    display: block;
    padding-top: 100%
}

.video-player > div{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.video-player video {
    width: 100%;
    height: 100%;
}

.video-player video[poster]{
    height:100%;
    width:100%;
    object-fit: cover;
    object-position: center;
}

.video-player i {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    font-size: 48px;
    cursor: pointer;
    z-index: 2;
}

.video-player.play i {
    opacity: 0;
}