body[data-v-0c7abf7d] {
    font-family: Roboto,sans-serif;
    color: #333;
    font-size: 14px
}

body .content[data-v-0c7abf7d] {
    margin-top: 94px
}

a.disabled[data-v-0c7abf7d] {
    pointer-events: none
}

.cursor-pointer[data-v-0c7abf7d] {
    cursor: pointer
}

.pointer-event-none[data-v-0c7abf7d] {
    pointer-events: none
}

input[data-v-0c7abf7d]::-ms-clear,input[data-v-0c7abf7d]::-ms-reveal {
    display: none
}

.disabled-card[data-v-0c7abf7d] {
    pointer-events: none;
    opacity: .6
}

.card-active[data-v-0c7abf7d] {
    border: 1px solid #005da6!important;
    background: #f0f8ff
}

.text-xs[data-v-0c7abf7d] {
    font-size: 10px!important
}

.text-sm[data-v-0c7abf7d] {
    font-size: 12px!important
}

.text-md[data-v-0c7abf7d] {
    font-size: 14px!important
}

.text-lg[data-v-0c7abf7d] {
    font-size: 16px!important
}

.text-xl[data-v-0c7abf7d] {
    font-size: 20px!important
}

.text-xlg[data-v-0c7abf7d] {
    font-size: 24px!important
}

.footer-seo-container h1[data-v-0c7abf7d] {
    font-size: 18px!important
}

.img-10[data-v-0c7abf7d] {
    height: 10px
}

.img-16[data-v-0c7abf7d] {
    height: 16px
}

.img-18[data-v-0c7abf7d] {
    height: 18px
}

.img-20[data-v-0c7abf7d] {
    height: 20px
}

.img-24[data-v-0c7abf7d] {
    height: 24px
}

.img-30[data-v-0c7abf7d] {
    height: 30px
}

.img-32[data-v-0c7abf7d] {
    height: 32px
}

.img-40[data-v-0c7abf7d] {
    height: 40px
}

.img-50[data-v-0c7abf7d] {
    height: 50px
}

.img-60[data-v-0c7abf7d] {
    height: 60px
}

.text-neutral-20[data-v-0c7abf7d] {
    color: #f9f9f9!important
}

.text-neutral-30[data-v-0c7abf7d] {
    color: #f1f1f1!important
}

.text-neutral-40[data-v-0c7abf7d] {
    color: #e8e8e8!important
}

.text-neutral-50[data-v-0c7abf7d] {
    color: #d8d8d8!important
}

.text-neutral-60[data-v-0c7abf7d] {
    color: #999!important
}

.text-neutral-70[data-v-0c7abf7d] {
    color: #666!important
}

.text-default[data-v-0c7abf7d] {
    color: #333!important
}

.text-primary[data-v-0c7abf7d] {
    color: #d00b0b!important
}

.text-secondary[data-v-0c7abf7d] {
    color: #005da6!important
}

.text-yellow-70[data-v-0c7abf7d] {
    color: #d4b000
}

.text-yellow-90[data-v-0c7abf7d] {
    color: #8b760b
}

.text-tosca-60[data-v-0c7abf7d] {
    color: #00a993
}

.text-orange-blaze[data-v-0c7abf7d] {
    color: #ff7e00
}

.text-red-10[data-v-0c7abf7d] {
    color: #ffedec
}

.text-red-20[data-v-0c7abf7d] {
    color: #f6cece
}

.fw1[data-v-0c7abf7d] {
    font-weight: 100
}

.fw3[data-v-0c7abf7d] {
    font-weight: 300
}

.fw4[data-v-0c7abf7d] {
    font-weight: 400
}

.fw5[data-v-0c7abf7d] {
    font-weight: 500
}

.fw7[data-v-0c7abf7d] {
    font-weight: 700
}

.fw9[data-v-0c7abf7d] {
    font-weight: 900
}

.bg-neutral-20[data-v-0c7abf7d] {
    background-color: #f9f9f9!important
}

.bg-neutral-30[data-v-0c7abf7d] {
    background-color: #f1f1f1!important
}

.bg-neutral-40[data-v-0c7abf7d] {
    background-color: #e8e8e8!important
}

.bg-neutral-50[data-v-0c7abf7d] {
    background-color: #d8d8d8!important
}

.bg-neutral-60[data-v-0c7abf7d] {
    background-color: #999!important
}

.bg-neutral-70[data-v-0c7abf7d] {
    background-color: #666!important
}

.bg-default[data-v-0c7abf7d] {
    background-color: #333!important
}

.rounded-md[data-v-0c7abf7d] {
    border-radius: 6px!important
}

.rounded-slg[data-v-0c7abf7d] {
    border-radius: 8px!important
}

.rounded-lg[data-v-0c7abf7d] {
    border-radius: 10px!important
}

.rounded-xl[data-v-0c7abf7d] {
    border-radius: 12px!important
}

.margin-auto[data-v-0c7abf7d] {
    margin: auto
}

hr.dashed[data-v-0c7abf7d] {
    border-style: dashed
}

hr.md-wide[data-v-0c7abf7d] {
    border-top: 6px solid #f9f9f9
}

hr.wide[data-v-0c7abf7d] {
    border-top: 10px solid #f9f9f9
}

.btn[data-v-0c7abf7d] {
    border-radius: 8px
}

.btn[data-v-0c7abf7d]:focus {
    box-shadow: none
}

.btn.disabled[data-v-0c7abf7d],.btn[data-v-0c7abf7d]:disabled {
    background-color: #e8e8e8!important;
    color: #999!important;
    border-color: #e8e8e8!important;
    opacity: 1
}

.btn.btn-primary[data-v-0c7abf7d] {
    background-color: #d00b0b;
    border-color: #d00b0b
}

.btn.btn-primary[data-v-0c7abf7d]:active:not(.disabled) {
    background-color: #aa0f0f!important;
    border-color: #aa0f0f!important
}

.btn.btn-secondary[data-v-0c7abf7d]:hover {
    background-color: inherit;
    color: inherit;
    opacity: unset!important
}

.btn.btn-outline-primary[data-v-0c7abf7d] {
    border-color: #d00b0b;
    color: #d00b0b
}

.btn.btn-outline-primary[data-v-0c7abf7d]:hover {
    background: transparent
}

.btn.btn-outline-primary[data-v-0c7abf7d]:active:not(.disabled) {
    background-color: #aa0f0f!important;
    border-color: #aa0f0f!important
}

.btn.btn-outline-red-50[data-v-0c7abf7d] {
    background-color: #fff;
    border-color: #e05c5c;
    color: #e05c5c
}

.dropdown-toggle[data-v-0c7abf7d]:after {
    display: none
}

.dropdown-toggle.btn-link[data-v-0c7abf7d]:hover {
    text-decoration: none;
    color: inherit
}

.dropdown-item.active[data-v-0c7abf7d],.dropdown-item[data-v-0c7abf7d]:active {
    color: #fff;
    text-decoration: none;
    background-color: #d00b0b
}

.badge[data-v-0c7abf7d] {
    font-size: 10px
}

.badge.badge-disc[data-v-0c7abf7d] {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    background: linear-gradient(90deg,#ff7e00,#fb0);
    padding: 8px;
    border-radius: 6px
}

.badge.badge-red[data-v-0c7abf7d] {
    background-color: #d00b0b;
    color: #fff;
    font-weight: 400
}

.badge.badge-yellow[data-v-0c7abf7d] {
    background-color: #fff6cc;
    color: #d4b000
}

.badge.badge-blue[data-v-0c7abf7d] {
    background-color: #e6f4ff;
    color: #005da6
}

.badge.badge-light-blue[data-v-0c7abf7d] {
    background-color: #def9ff;
    color: #00a8cd
}

.badge.badge-green[data-v-0c7abf7d] {
    background-color: #ddfffb;
    color: #00a993
}

.badge.badge-light-red[data-v-0c7abf7d] {
    background-color: #ffedec;
    color: #d00b0b
}

.badge.badge-orange-blaze[data-v-0c7abf7d] {
    background-color: #ffe5cc;
    color: #d46900
}

.badge.badge-purple-amethyst[data-v-0c7abf7d] {
    background-color: #ecedff;
    color: #9866ca
}

.alert-first-atc .close[data-v-0c7abf7d] {
    padding: 4px 10px;
    font-weight: 300;
    font-size: 25px;
    top: 15px;
    right: 6px
}

.alert-first-atc .progress .progress-bar[data-v-0c7abf7d] {
    background: linear-gradient(90deg,#ff7e00,#fb0)
}

.dropdown .dropdown-menu[data-v-0c7abf7d] {
    border: 0;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.08);
    color: #333;
    border-radius: 6px
}

.side-menu-category .cat-header[data-v-0c7abf7d] {
    padding: 12px 1rem;
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff
}

.side-menu-category .cat-header .btn-close[data-v-0c7abf7d] {
    line-height: 1
}

.side-menu-category .cat-body[data-v-0c7abf7d] {
    width: 100%;
    height: calc(100% - 57px);
    margin-top: 57px;
    overflow-y: scroll;
    overflow-x: auto
}

.head-bar .dropdown .dropdown-menu[data-v-0c7abf7d] {
    font-size: 14px
}

.no-menu header[data-v-0c7abf7d] {
    position: relative!important
}

.no-menu header .head-bar[data-v-0c7abf7d],.no-menu header .header-content .text-right a[data-v-0c7abf7d] {
    display: none
}

.no-menu header.m-device[data-v-0c7abf7d] {
    position: fixed!important
}

.no-menu header.m-device .btn-link[data-v-0c7abf7d] {
    display: none
}

.items-answer ol[data-v-0c7abf7d] {
    padding: 0
}

.items-answer ol li[data-v-0c7abf7d] {
    padding-left: 32px;
    position: relative;
    margin-bottom: 8px;
    counter-increment: a;
    list-style-type: none
}

.items-answer ol li[data-v-0c7abf7d]:before {
    content: counter(a);
    margin-right: 20px;
    font-size: 11px;
    background-color: #d8d8d8;
    color: #fefefe;
    font-weight: 400;
    border-radius: 100%;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 21px
}

.items-answer img[data-v-0c7abf7d] {
    max-width: 100%;
    height: 350px;
    display: block;
    margin: 15px auto 25px
}

.toast-update-qty .close[data-v-0c7abf7d] {
    display: none
}

.map-size .gm-style .pac-target-input[data-v-0c7abf7d] {
    background-color: #fff;
    font-size: 12px;
    padding: 8px 10px 8px 31px;
    border-radius: 10px;
    border: 0;
    box-shadow: 2px 5px 7px #e7e7e7;
    top: 15px!important;
    left: 15px!important;
    width: 206px;
    color: #333
}

.map-size~.bi-search[data-v-0c7abf7d] {
    font-size: 16px;
    color: #666;
    position: absolute;
    top: 22px;
    left: 23px;
    z-index: 9999999
}

.modal-delete-item-cart[data-v-0c7abf7d] {
    z-index: 1300!important
}

.arrow-direction.not-collapsed svg[data-v-0c7abf7d] {
    transform: rotate(180deg)
}

.arrow-direction svg[data-v-0c7abf7d] {
    transition-duration: .3s
}

.address-card-container.active[data-v-0c7abf7d] {
    border-color: #d00b0b
}

.form-group label[data-v-0c7abf7d],.form-group legend[data-v-0c7abf7d] {
    font-size: 12px;
    font-weight: 700;
    color: #666;
    margin-bottom: 6px;
    padding: 0
}

.form-group .form-control[data-v-0c7abf7d] {
    height: 32px;
    font-size: 12px;
    color: #333;
    border-radius: 6px
}

.form-group .form-control[data-v-0c7abf7d]::-moz-placeholder {
    color: #d8d8d8
}

.form-group .form-control[data-v-0c7abf7d]:-ms-input-placeholder {
    color: #d8d8d8
}

.form-group .form-control[data-v-0c7abf7d]::placeholder {
    color: #d8d8d8
}

.form-group .input-group .form-control[data-v-0c7abf7d] {
    border-right: 0
}

.form-group .input-group .form-control:focus~.input-group-append[data-v-0c7abf7d] {
    border-color: #80bdff
}

.form-group .input-group .input-group-append[data-v-0c7abf7d] {
    border: 1px solid #ced4da;
    border-radius: 0 6px 6px 0
}

.form-group .input-group .input-group-append .btn-toggle-append[data-v-0c7abf7d] {
    font-size: 12px;
    color: #999
}

.form-group .block-text[data-v-0c7abf7d] {
    color: #d00b0b;
    font-size: 12px;
    display: none;
    margin-top: 5px
}

.form-group.error .form-control[data-v-0c7abf7d],.form-group.error .input-group-append[data-v-0c7abf7d],.form-group.error .input-group-prepend[data-v-0c7abf7d] {
    border-color: #d00b0b
}

.form-group.error .block-text[data-v-0c7abf7d] {
    display: block
}

.form-control[data-v-0c7abf7d]:focus {
    box-shadow: none!important;
    outline: none!important
}

.custom-select[data-v-0c7abf7d] {
    height: 32px;
    font-size: 12px;
    color: #333;
    border-radius: 6px
}

.custom-select[data-v-0c7abf7d]::-moz-placeholder {
    color: #d8d8d8
}

.custom-select[data-v-0c7abf7d]:-ms-input-placeholder {
    color: #d8d8d8
}

.custom-select[data-v-0c7abf7d]::placeholder {
    color: #d8d8d8
}

.otp-input div input[data-v-0c7abf7d] {
    font-size: 24px;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #e8e8e8;
    width: 30px;
    margin: 0 5px;
    padding-bottom: 10px
}

.otp-input div input.focus-visible[data-v-0c7abf7d],.otp-input div input[data-v-0c7abf7d]:focus-visible {
    outline: none!important
}

.otp-input div input[data-v-0c7abf7d]:focus {
    border-color: #005da6
}

.otp-input.password div input[data-v-0c7abf7d] {
    -webkit-text-security: disc
}

.qty-adjusment .form-control[data-v-0c7abf7d] {
    font-size: 16px;
    margin: 0 6px;
    border-radius: 0;
    padding: 0;
    height: 25px;
    text-align: center;
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    color: #333;
    width: auto;
    max-width: 40px
}

.qty-adjusment .btn[data-v-0c7abf7d] {
    width: 25px;
    height: 25px;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    color: #005da6;
    padding: 0;
    text-align: center
}

.qty-adjusment .btn.disabled[data-v-0c7abf7d] {
    pointer-events: none
}

.alert[data-v-0c7abf7d] {
    padding: 8px 10px
}

.alert.alert-danger[data-v-0c7abf7d] {
    color: #d00b0b;
    border-color: #d00b0b;
    background-color: #ffedec
}

.alert.alert-warning[data-v-0c7abf7d] {
    color: #8b760b;
    border-color: #8b760b;
    background-color: #fff6cc
}

.alert.alert-info[data-v-0c7abf7d] {
    background-color: #f8fbff;
    color: #005da6;
    border: 1px solid #005da6
}

.custom-checkbox .custom-control-label[data-v-0c7abf7d] {
    padding-top: 3px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer
}

.custom-checkbox .custom-control-input[data-v-0c7abf7d] {
    cursor: pointer
}

.custom-checkbox .custom-control-input:checked~.custom-control-label[data-v-0c7abf7d]:before {
    background-color: #ab0707;
    border-color: #ab0707
}

.custom-radio-g[data-v-0c7abf7d] {
    display: flex;
    justify-content: space-between
}

.custom-radio-g .custom-radio[data-v-0c7abf7d] {
    width: 48%;
    margin: 0;
    padding: 0
}

.custom-radio-g .custom-radio label[data-v-0c7abf7d] {
    width: 100%;
    margin-bottom: 0;
    cursor: pointer
}

.custom-radio-g .custom-radio label[data-v-0c7abf7d]:before {
    left: 12px;
    top: 10px;
    z-index: 2
}

.custom-radio-g .custom-radio label[data-v-0c7abf7d]:after {
    left: 12px;
    top: 10px;
    z-index: 2
}

.custom-radio-g .custom-radio label .card[data-v-0c7abf7d] {
    padding: 8px 15px 8px 35px;
    border-radius: 50rem;
    font-weight: 400;
    color: #333;
    font-size: 12px
}

.custom-radio-g .custom-radio .custom-control-input:checked~.custom-control-label .card[data-v-0c7abf7d] {
    border-color: #d00b0b;
    color: #d00b0b
}

.custom-radio-g .custom-radio .custom-control-input:checked~.custom-control-label[data-v-0c7abf7d]:before {
    visibility: visible;
    border-color: #d00b0b;
    background-color: #d00b0b
}

.breadcrumb[data-v-0c7abf7d] {
    background-color: #fff;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.08)!important;
    border-radius: 50rem;
    margin: 0
}

.breadcrumb .breadcrumb-item[data-v-0c7abf7d] {
    font-size: 12px;
    font-weight: 500;
    position: relative;
    margin-right: 13px;
    padding-right: 24px;
    padding-left: 0
}

.breadcrumb .breadcrumb-item a[data-v-0c7abf7d] {
    color: #666
}

.breadcrumb .breadcrumb-item[data-v-0c7abf7d]:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    border: 2px solid #d83434;
    padding: 0;
    float: none;
    right: 4.5px;
    top: 5px;
    z-index: 1;
    transform: rotate(45deg);
    border-left: 0;
    border-bottom: 0;
    border-top-right-radius: 2px
}

.breadcrumb .breadcrumb-item[data-v-0c7abf7d]:after {
    content: "";
    background-color: #f6cece;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 2px
}

.breadcrumb .breadcrumb-item:last-child a[data-v-0c7abf7d] {
    pointer-events: none
}

.breadcrumb .breadcrumb-item[data-v-0c7abf7d]:last-child:after,.breadcrumb .breadcrumb-item[data-v-0c7abf7d]:last-child:before {
    display: none
}

.modal .modal-dialog .modal-content[data-v-0c7abf7d] {
    border: 0;
    border-radius: 12px
}

.modal .modal-dialog .modal-content .modal-body[data-v-0c7abf7d] {
    padding: 0
}

.small-modal[data-v-0c7abf7d] {
    margin: 0 auto;
    max-width: 300px
}

@media(max-width: 991px) {
    .small-modal[data-v-0c7abf7d] {
        margin:0 auto;
        max-width: none
    }
}

#toggle-menu___BV_modal_outer_[data-v-0c7abf7d] {
    z-index: 1300!important
}

.standard-pagination[data-v-0c7abf7d] {
    margin-bottom: 0;
    align-items: center
}

.standard-pagination .page-item .page-link[data-v-0c7abf7d] {
    border: 0;
    border-radius: 50%;
    color: #999;
    font-size: 14px;
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    margin: 0 2px
}

.standard-pagination .page-item .page-link[data-v-0c7abf7d]:focus {
    box-shadow: none
}

.standard-pagination .page-item.active .page-link[data-v-0c7abf7d] {
    background-color: #f6cece;
    color: #d00b0b
}

.standard-pagination .page-item:first-child button[data-v-0c7abf7d],.standard-pagination .page-item:first-child span[data-v-0c7abf7d],.standard-pagination .page-item:last-child button[data-v-0c7abf7d],.standard-pagination .page-item:last-child span[data-v-0c7abf7d] {
    font-size: 24px
}

.standard-pagination .page-item:first-child span[data-v-0c7abf7d],.standard-pagination .page-item:last-child span[data-v-0c7abf7d] {
    color: #e8e8e8
}

.standard-pagination .page-item:first-child button[data-v-0c7abf7d]:focus,.standard-pagination .page-item:first-child button[data-v-0c7abf7d]:hover,.standard-pagination .page-item:last-child button[data-v-0c7abf7d]:focus,.standard-pagination .page-item:last-child button[data-v-0c7abf7d]:hover {
    background-color: #fff;
    outline: none;
    box-shadow: none
}

.text-order-list[data-v-0c7abf7d] {
    overflow: hidden;
    line-height: 21px;
    height: 21px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.home-carousel[data-v-0c7abf7d] {
    padding-bottom: 40px;
    position: relative
}

.home-carousel .slick-slide[data-v-0c7abf7d] {
    padding: 0 8px
}

.home-carousel .slick-dots[data-v-0c7abf7d] {
    text-align: left;
    bottom: -35px
}

.home-carousel .slick-dots li[data-v-0c7abf7d] {
    margin: 0
}

.home-carousel .slick-dots li.slick-active button[data-v-0c7abf7d]:before {
    color: #d00b0b;
    opacity: 1
}

.home-carousel .slick-dots li button[data-v-0c7abf7d]:before {
    font-size: 12px;
    color: #d8d8d8;
    opacity: 1
}

.home-carousel.hover-arrow[data-v-0c7abf7d] {
    overflow: hidden
}

.home-carousel.hover-arrow .slick-arrow[data-v-0c7abf7d] {
    transition-duration: .3s;
    opacity: 0
}

.home-carousel.hover-arrow .slick-arrow.slick-prev[data-v-0c7abf7d] {
    left: 60px
}

.home-carousel.hover-arrow .slick-arrow.slick-next[data-v-0c7abf7d] {
    right: 60px
}

.home-carousel.hover-arrow:hover .slick-arrow[data-v-0c7abf7d] {
    opacity: 1
}

.home-carousel.hover-arrow:hover .slick-arrow.slick-prev[data-v-0c7abf7d] {
    left: 11px
}

.home-carousel.hover-arrow:hover .slick-arrow.slick-next[data-v-0c7abf7d] {
    right: 11px
}

.home-carousel .slick-arrow[data-v-0c7abf7d] {
    background-color: #fff;
    z-index: 8;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important
}

.home-carousel .slick-arrow[data-v-0c7abf7d]:before {
    color: #999;
    opacity: 1
}

.home-carousel .slick-arrow[data-v-0c7abf7d]:focus,.home-carousel .slick-arrow[data-v-0c7abf7d]:hover {
    background: #fff
}

.home-carousel .slick-arrow.slick-prev[data-v-0c7abf7d]:before {
    content: ""
}

.home-carousel .slick-arrow.slick-prev[data-v-0c7abf7d]:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #999;
    position: absolute;
    transform: rotate(-45deg);
    border-top-left-radius: 3px;
    border-right: 0;
    border-bottom: 0;
    top: 14px;
    left: 15px
}

.home-carousel .slick-arrow.slick-next[data-v-0c7abf7d]:before {
    content: ""
}

.home-carousel .slick-arrow.slick-next[data-v-0c7abf7d]:after {
    content: "";
    width: 12px;
    height: 12px;
    border: 2px solid #999;
    position: absolute;
    transform: rotate(45deg);
    border-top-right-radius: 3px;
    border-left: 0;
    border-bottom: 0;
    top: 14px;
    right: 15px
}

.home-carousel .view-all[data-v-0c7abf7d] {
    position: absolute;
    right: 0;
    bottom: 7px;
    display: flex;
    align-items: center
}

.home-carousel .view-all svg[data-v-0c7abf7d] {
    font-size: 12px!important;
    margin-left: 3px
}

.home-carousel.category-carousel .slick-list[data-v-0c7abf7d] {
    padding: 5px 0;
    margin: 0 45px
}

.home-carousel.category-carousel .slick-arrow[data-v-0c7abf7d] {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.08)!important
}

.home-carousel.category-carousel .slick-arrow.slick-prev[data-v-0c7abf7d] {
    left: 0
}

.home-carousel.category-carousel .slick-arrow.slick-next[data-v-0c7abf7d] {
    right: 0
}

.list-product .list-product-items .badge-disc[data-v-0c7abf7d] {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0
}

.list-product .list-product-items .product_name[data-v-0c7abf7d] {
    overflow: hidden;
    line-height: 22px;
    height: 46px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.list-product .list-product-items .block-promo[data-v-0c7abf7d] {
    position: relative;
    height: 27px
}

.list-product .list-product-items .block-promo .block-promo-inside[data-v-0c7abf7d] {
    font-size: 10px;
    background: linear-gradient(90deg,#ffd300,#ffeb00);
    color: #333;
    padding: 6px;
    width: 100%;
    left: 0;
    bottom: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden
}

.list-product .list-product-items .block-promo .block-promo-inside[data-v-0c7abf7d]:after {
    content: "";
    position: absolute;
    top: 0;
    right: -2px;
    border-right: 4px dotted #fff;
    height: 100%
}

.list-product .list-product-items .block-promo .block-promo-inside[data-v-0c7abf7d]:before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    border-left: 4px dotted #fff;
    height: 100%
}

.list-product .list-product-items .availability-label[data-v-0c7abf7d] {
    font-size: 10px;
    color: #e05c5c;
    border: 1px solid #e05c5c;
    border-radius: 6px;
    padding: 3px 8px;
    margin: 2px 8px 5px
}

.list-product .list-product-items .price[data-v-0c7abf7d] {
    height: 24px
}

.list-product .list-product-items .normal-price[data-v-0c7abf7d] {
    height: 21px
}

.list-product .list-product-items .add-qty-show[data-v-0c7abf7d] {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: 0;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

.lower-li[data-v-0c7abf7d] {
    padding-left: 13px;
    list-style: lower-alpha
}

.zero-li[data-v-0c7abf7d] {
    list-style: decimal-leading-zero;
    padding-left: 24px
}

.rom-li[data-v-0c7abf7d] {
    list-style: lower-roman;
    padding-left: 18px
}

.product-detail-carousel .slick-dots[data-v-0c7abf7d] {
    bottom: 15px
}

.product-detail-carousel .slick-dots li[data-v-0c7abf7d] {
    margin: 0 2px;
    width: 15px
}

.product-detail-carousel .slick-dots li button[data-v-0c7abf7d]:before {
    font-size: 8px;
    opacity: .2;
    color: #333
}

.product-detail-carousel .slick-dots li.slick-active button[data-v-0c7abf7d]:before {
    opacity: 1;
    color: #333
}

.product-detail-carousel .tab-content[data-v-0c7abf7d] {
    margin-bottom: 8px
}

.product-detail-carousel .nav-tabs[data-v-0c7abf7d] {
    border-bottom: 0
}

.product-detail-carousel .nav-tabs .nav-item[data-v-0c7abf7d] {
    width: 20%;
    padding: 0 2px;
    margin-bottom: 8px
}

.product-detail-carousel .nav-tabs .nav-item .nav-link[data-v-0c7abf7d] {
    padding: 0;
    overflow: hidden;
    border-radius: 6px
}

.product-detail-carousel .nav-tabs .nav-item .nav-link.active[data-v-0c7abf7d] {
    border: 2px solid #005da6
}

.product-detail-carousel .nav-tabs .nav-item .nav-link[data-v-0c7abf7d]:hover {
    border: 2px solid #005da6
}

.pac-container[data-v-0c7abf7d] {
    z-index: 9999!important;
    width: 300px!important
}

.text-overflow-ellipsis[data-v-0c7abf7d],li.autocomplete-item[data-v-0c7abf7d] {
    text-overflow: ellipsis
}

li.autocomplete-item[data-v-0c7abf7d] {
    padding: 5px 5px 5px 35px;
    height: 34px;
    line-height: 26px;
    border-top: 1px solid #d9d9d9;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-align: left
}

.autocomplete-icon[data-v-0c7abf7d] {
    display: block;
    position: absolute;
    top: 7px;
    bottom: 0;
    left: 8px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: 50%
}

.autocomplete-icon.icon-localities[data-v-0c7abf7d] {
    background-image: url(https://images.woosmap.com/icons/locality.svg);
    background-size: contain
}

.autocomplete-item:hover .autocomplete-icon.icon-localities[data-v-0c7abf7d] {
    background-image: url(https://images.woosmap.com/icons/locality-selected.svg)
}

.autocomplete-item[data-v-0c7abf7d]:hover {
    background-color: #f2f2f2;
    cursor: pointer
}

ul#suggestion-places[data-v-0c7abf7d] {
    width: 300px;
    padding-left: 0;
    border: 1px solid #eee;
    border-top: none;
    display: none;
    z-index: 99999;
    position: absolute;
    background: #fff;
    top: 96px;
    left: 30px
}

@media(max-width: 450px) {
    .content.mt0[data-v-0c7abf7d] {
        margin-top:0
    }

    .home-card .home-card-body[data-v-0c7abf7d] {
        padding-top: 10px
    }
}

@media(min-width: 576px)and (max-width:767px) {
    .container[data-v-0c7abf7d] {
        max-width:100%
    }
}

@media(min-width: 768px)and (max-width:991px) {
    body[data-v-0c7abf7d] {
        max-width:500px;
        margin: 0 auto
    }
}

@media(max-width: 991px) {
    body .content[data-v-0c7abf7d] {
        margin-top:56px
    }

    .over-header.container[data-v-0c7abf7d] {
        margin-top: -35px
    }

    .home-carousel .slick-dots[data-v-0c7abf7d] {
        padding-left: 15px
    }

    .home-carousel .view-all[data-v-0c7abf7d] {
        right: 15px
    }

    .list-product .list-product-items[data-v-0c7abf7d]:nth-child(odd) {
        padding-right: 7.5px
    }

    .list-product .list-product-items[data-v-0c7abf7d]:nth-child(2n) {
        padding-left: 7.5px
    }

    .modal.fade.modal-sheet.bottom .modal-dialog[data-v-0c7abf7d] {
        transform: translateY(100%)
    }

    .modal.fade.modal-sheet.right .modal-dialog[data-v-0c7abf7d] {
        transform: translate(100%)
    }

    .modal.show.modal-sheet.bottom .modal-dialog[data-v-0c7abf7d],.modal.show.modal-sheet.right .modal-dialog[data-v-0c7abf7d] {
        transform: none
    }

    .modal.modal-sheet .modal-dialog[data-v-0c7abf7d] {
        margin: 0
    }

    .modal.modal-sheet .modal-dialog.modal-dialog-centered[data-v-0c7abf7d] {
        min-height: 0
    }

    .modal.modal-sheet .modal-dialog .modal-content[data-v-0c7abf7d] {
        border: 0
    }

    .modal.modal-sheet .modal-dialog .modal-content .modal-body[data-v-0c7abf7d] {
        padding: 0
    }

    .modal.modal-sheet .modal-dialog .modal-content .modal-body .modal-header[data-v-0c7abf7d] {
        width: 100%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        z-index: 9;
        border-radius: 10px 10px 0 0
    }

    .modal.modal-sheet .modal-dialog .modal-content .modal-body .modal-header .close[data-v-0c7abf7d] {
        float: left;
        color: #999;
        opacity: 1;
        font-size: 16px;
        margin-right: 15px;
        margin-left: 0;
        padding: 0
    }

    .modal.modal-sheet .modal-dialog .modal-content .modal-body .modal-header .close[data-v-0c7abf7d]:hover {
        background-color: inherit
    }

    .modal.modal-sheet.bottom .modal-dialog[data-v-0c7abf7d],.modal.modal-sheet.right .modal-dialog[data-v-0c7abf7d] {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 100%
    }

    .modal.modal-sheet.bottom .modal-dialog .modal-content[data-v-0c7abf7d],.modal.modal-sheet.right .modal-dialog .modal-content[data-v-0c7abf7d] {
        border-radius: 18px 18px 0 0;
        overflow: hidden
    }

    .modal.modal-sheet.bottom.full-screen .modal-dialog[data-v-0c7abf7d],.modal.modal-sheet.right.full-screen .modal-dialog[data-v-0c7abf7d] {
        height: 100%
    }

    .modal.modal-sheet.bottom.full-screen .modal-dialog .modal-content[data-v-0c7abf7d],.modal.modal-sheet.right.full-screen .modal-dialog .modal-content[data-v-0c7abf7d] {
        border-radius: 0;
        height: 100%
    }

    .modal.modal-sheet.bottom.full-screen .modal-dialog .modal-content .modal-body[data-v-0c7abf7d],.modal.modal-sheet.right.full-screen .modal-dialog .modal-content .modal-body[data-v-0c7abf7d] {
        overflow: auto;
        height: 100%
    }

    .modal.modal-sheet.bottom.full-screen .modal-dialog .modal-content .modal-body .modal-header[data-v-0c7abf7d],.modal.modal-sheet.right.full-screen .modal-dialog .modal-content .modal-body .modal-header[data-v-0c7abf7d] {
        position: sticky;
        top: 0
    }

    .modal.modal-sheet.bottom.full-screen .modal-dialog .modal-content .modal-body .modal-body[data-v-0c7abf7d],.modal.modal-sheet.right.full-screen .modal-dialog .modal-content .modal-body .modal-body[data-v-0c7abf7d] {
        position: relative
    }

    .modal.modal-sheet.bottom.full-screen .modal-dialog .modal-content .modal-body[data-v-0c7abf7d]::-webkit-scrollbar,.modal.modal-sheet.right.full-screen .modal-dialog .modal-content .modal-body[data-v-0c7abf7d]::-webkit-scrollbar {
        display: none
    }

    #summary-detail .modal-content[data-v-0c7abf7d] {
        overflow: unset
    }
}