﻿body {
    /*font-family: sans-serif;*/
    background: #fcfaf6;
}
body a{
    text-decoration: none !important;
}
.footer {
    position: relative !important;
    white-space: normal;
    line-height: 1.5rem;
}
#divstorecart_done {
    width: 200px;
    background-color: gray !important;
    background-image: none;
}
#divstorecart {
    width: 200px;
}
#last_cm_res_cov {
    max-height: 80px;
    overflow: auto;
}
    #last_cm_res_cov:hover {
        max-height: 200px;
        width: 500px;
        overflow: auto;
    }
.ul-last-cm {
    padding-left: 0.3rem;
    background-color: silver;
    
}
.sp-ad-id-pop {
    position: absolute;
    display: inline;
    background-color: aqua;
}
.sp-ad-id-pop span {
    padding: 0 1rem;
    cursor: pointer;
}
    .sp-ad-id-pop span:hover {
        background-color: rosybrown;
    }
.seo-menu-bt {
    font-size: 1.5rem;
    height: 30px;
    cursor: pointer;
}
#lbTitle{
    font-size: 1.5rem;
    font-weight: bold;
}
.scroll-mid-tr {
    background-color: #baf7ed;
}
.scroll-bot-tr {
    background-color: #fcd2da;
}
.sp-pass_sc_t{
    font-size: 1.5rem;
}
.sp-pp-C{
    color: red;
}
.sp-pp-S {
    color: blue;
}
.div-seo-kword-res {
    background-color: aquamarine;
}
.note-div-kword{
    color: blue;
}
.div-main-info {
    line-height: 0.9rem;
    font-family: 'Times New Roman', Times, serif;
    color: #990000;
    font-size: 0.9rem;
    text-align: right;
}
.sp-seo-kword{
    cursor: pointer;
    color: blue;
}
.sp-ad-rank {
    border: solid 2px blue;
    color: blue;
    margin: 0 0.5rem;
}
.div-admin-sc-edit {
    position: relative;
    width: 100%;
}
.div-sub-cms {
    display: flex;
    overflow: auto;
    flex-wrap: nowrap;
}
.cl-zer-hide{
    display: none;
}
.sp-cook-ignore-coo {
    color: red;
}
.div-sub-cms input {
    margin-right: 0.5rem;
}
.sp-cook-ignore{
    color: darkblue;
    cursor: pointer;
}
.my-popup {
    position: absolute;
    top: 200px;
    left: calc((100% - 500px) / 2);
    width: 500px;
    height: 200px;
    z-index: 10001;
    background-color: #fff;
    display: flex;
    flex-flow: wrap;
    border: solid 1px gray;
    border-radius: 15px;
    align-items: center;
}
.my-popup-in {
    width: 100%;
    min-width: 100%;
    text-align: center;
}
.cla-img{
    width:95%;
}
.my-popup input {
    height: 38px;
}
    .div-admin-sc-edit span {
    padding-right: 0.5rem;
}
.div-admin-blog-edit {
    position: relative;
    width: 100%;
}
.div-hide{
    display: none;
}
#bt_show_sc_edit {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
#bt_show_blog_edit {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}
.m-sc-desc img {
    width: 100%;
    max-width: 400px;
}
.m-sc-desc figure {
    text-align: center;
}
.a-sc-edit{
    padding: 0 0.7rem;
}
.m-sc-desc figcaption {
    font-size: 0.95rem;
    font-style: italic;
}
.my-btn {
    display: inline-block;
    margin: 0 0.5rem;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #1b6ec2;
    border: 1px solid #1861ac;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.sc-edit-cov {
    width: 100%;
    background: #fff;
    z-index: 1006;
}
.div-sc-right-cov{
    position: relative;
}
.cm-all-ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.cm-all-li {
    cursor: pointer;
}
.cm-all-li:hover {
   background-color: coral;
}
.div-ad-extra-cm {
    width: 100%;
    text-align: right;
}
.div-ad-extra-cm-pop{
    position: absolute;
    background-color: aquamarine;
    width: 400px;
    height: 200px;
    overflow: auto;
}
.entry-content-extent-top{
    padding-top: 400px;
}
#bt_unhide_sc {
    position: relative;
    z-index: 400;
}
.sp-this-sc-is-hidden {
    background-color: red;
    color: white;
    font-size: 1.8rem;
}
.cla-pass-sc-tb {
    width: 100%;
}
#et_sc_detail_new_txt {
    width: 100%;
    height: 400px;
    resize: horizontal;
    border: solid 1px silver;
    overflow: auto;
}
#et_sc_detail_new_txt h4 {
    width: 100%;
    color: #990000;
    font-size: 1.6rem;
    font-weight: bold;
    background-color: burlywood;
}
    #et_sc_detail_new_txt p {
        width: 100%;
        color: black;
        font-size: 1rem;
        background-color: aquamarine;
    }
    #et_sc_detail_new_txt figure {
        width: 100%;
    }
    #et_sc_detail_new_txt img {
        width: 100%;
    }
    #et_sc_detail_new_txt figcaption {
        font-style: italic;
    }
.div-sc-suggest-kw{
    width: 100%;
}
#edit_blogintro {
    width: 100%;
}
.sc-edit-cov-sticky {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 999;
    background: #fff;
}
.sc-edit-head {
    width: 100%;
    background-color: aqua;
}
.div-sc-edit-panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.div-blog-edit-panel {
    position: relative;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
.span-left {
    flex: 0 0 20%;
    padding: 0.3rem 0.7rem;
    max-width: 20%;
}
.bt-hide{
    display: none;
}
.span-right {
    flex: 0 0 80%;
    padding: 0.3rem 0.7rem;
}
.span-right input[type='text'] {
    width: 80%;
}
.ul-seo-menu-popup {
    list-style-type: none;
    min-width: 200px;
    padding-left: 0.2rem;
    font-size: 0.9rem;
}
.div-seo-rel{
    position: relative;
    height: 0;
    width: 0;
}
.ul-seo-menu-popup li {
    cursor: pointer;
    display: block;
}
    .ul-seo-menu-popup li:hover {
        color: brown;
        font-weight: bolder;
    }
.seo-menu-popup {
    position: absolute;
    width: 180px;
    padding-left: 0.5rem;
    display: grid;
    background-color: aquamarine;
}
.seo-rw-collapse {
    visibility: collapse;
}
.seo-rw-0{
    background-color: azure;
}
.seo-rw-1 {
    background-color: burlywood;
}
.sug-div {
    position: absolute;
    top: 1px;
    float: right;
    right: 0px;
    display: inline-block;
    vertical-align: top;
}
.sug-spn {
    background-color: aqua;
}
.sug-spn-col {
    background-color: lightcoral !important;
}
.div-tb-command{
    position: relative;
}
.ul-last-cm li {
    cursor: pointer;
    margin: 0 0 !important;
}
    .ul-last-cm li:hover {
        background-color: aquamarine;
    }
.navbar-nav-ad {
    -ms-flex-direction: row;
    flex-direction: row;
    display: flex;
    list-style-type: none;
}
.ul-admin-menu-popup {
    list-style-type: none;
    padding-left: 1rem;
}
.header-top {
    /*padding-top: 9px;*/
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    /*margin-top: -1rem;*/
    z-index: 999;
    background: #fff;
    /*height: 50px;*/
}
@font-face {
    font-family: 'Lobster2';
    font-display: block;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Lobster-Regular.ttf') format('truetype');
    /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}

@font-face {
    font-family: 'Lodeh';
    font-display: block;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/Lodeh-VGLD6.ttf') format('truetype');
    /*unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
}
.dae-normal{
    color: black;
}
.dae-in-hour {
    color: red;
}
.dae-in-3-hour {
    color: orange;
}
.dae-in-day {
    color: blue;
}
.sp-kword-exp {
    cursor: pointer;
    color: darkorange;
}
.hit-sp-gid-short {
    cursor: pointer;
    color: darkorange;
}
.sp-kword-exp:hover {
   color: blue;
}
.hit-sp-gid-short:hover {
    color: blue;
}
.hit-tr-head {
    background-color: aquamarine;
    position: sticky;
    top: 5rem;
    z-index: 10;
}
.table-hover {
    position: relative;
}
.tb-hit {
    border-collapse: collapse;
    background-color: whitesmoke;
    font-size: 0.8rem !important;
    margin-top: 2rem;
}
.ac-main{
    position: relative;
    width: 100%;
    padding: 3rem 1rem;
}
.ul-admin-menu {
    list-style-type: none;
}
#sel_users {
    max-width: 200px;
}
.ac-row {
    margin-left: -2rem;
    margin-right: -2rem;
}
    .ac-row::before {
        content: " ";
        display: table;
    }
    .ac-row::after {
        clear: both;
    }
.ac-col-12{
    width: 100%;
}
.sp-ic-hide{
    display: none;
}
.sp-ic{
    cursor: pointer;
}
.cl-red {
    color: red;
}
.ac-col {
    padding-left: 0;
    padding-right: 0;
}
.ac-col-inner {
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}
    .ac-col-inner::before {
        content: " ";
        display: table;
    }

    .ac-col-inner::after {
        clear: both;
    }
.ac-title {
    border-bottom: 2px solid gray;
    text-align: center;
}
.ac-h1-title{
    font-size: 1.4rem;
}
.tb-cmd {
    box-sizing: border-box;
    overflow: auto;
    width: 100%;
    height: 200px;
    max-width: 100%;
}
#inp_fil_sc {
    user-select: all;
}
.sc-pass-vol {
    width: 70px;
    background-color: aqua;
    user-select: all;
}
.sp-dt-sc{
    width: 50%;
    overflow: hidden;
    max-height: 25px;
    color: darkblue;
}
.inp-dt-sc-px{
    width: 40px;
    font-size: 0.8rem;
}
.inp-dt-sc-vol {
    width: 40px;
    font-size: 0.8rem;
}
.sp-sc-sum{
    float: right;
    color: darkblue;
    padding-right: 1rem;
    font-size: 0.8rem;
}
.div-dt-sc-sum {
    width: 100%;
}
.inp-bg-transparent {
    background-color: rgba(255, 255, 255,0.1);
    border: solid 1px gray;
}
.div-dt-sc {
    min-width: 200px;
    display: flex;
}
.order-right {
    width: 50%;
}
.order-left {
    width: 50%;
}
.div-fil-sc-res {
    width: 100%;
    background-color: lightblue;
}
.sp-cmd-col-name {
    display: block;
    width: 100%;
    word-wrap: normal;
    word-break: break-word;
    max-height: 80px;
    overflow: auto;
}
#bt_run {
    background-color: aqua;
}
.ac-sidebar {
    flex: 1 0 25%;
    max-width: 25%;
    width: 25%;
    padding: 10px 30px;
    border-inline-end: 1px solid gray;
}
.ac-content {
    flex: 1 0 75%;
    max-width: 75%;
    width: 75%;
    padding: 10px 30px;
}
.ac-sidebar-title {
    font-size: 1.2rem;
    padding-inline: 15px 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px solid gray;
}
.ac-nav ul {
    list-style: none;
    --li-pl: 0;
    --list-mb: 0;
    --li-mb: 0;
}
.ac-nav li {
    margin-bottom:1rem;
}
.ac-link-grid {
    --wd-col-lg: 3;
    --wd-col-md: 2;
    --wd-col-sm: 1;
    --wd-gap-lg: 20px;
    margin-top: 30px;
}
.ac-dashboard-link{

}
.ac-link-grid a {
    display: block;
    padding: 20px;
    font-weight: 600;
    text-align: center;
    color: gray;
    border-radius: var(--wd-brd-radius);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.18);
}
.ac-a-grid-link:before {
    display: block;
    color: var(--color-gray-300);
    margin-bottom: 10px;
    font-size: 50px;
    font-weight: 400;
    line-height: 1;
    transition: color .25s ease;
}
.ac-order-link a:before {
    content: "\f0cb";
}
.ac-adress-link a:before {
    content: "\f041";
}
.ac-bonus-link a:before {
    content: "\f219";
}
.ac-logout-link a:before {
    content: "\f08b";
}
.ac-wrapper {
    display: flex;
    margin-inline: -30px;
}
.bg-red{
    background-color: red;
}
.bg-lime {
    background-color: lime;
}
.bg-aqua {
    background-color: aqua;
}
.bg-blue {
    background-color: blue;
}
.ac-wrapper-spe {
    display: flex;
    margin-inline: -30px;
}
.tb-cmd-res {
    border-collapse: collapse;
    transform: rotateX(180deg);
}
.m-sc-detail-wrapper{
    width: 99%;
}
.m-sc-detail{
    /*padding-top: 0 !important;*/
}
.m-sub-head-detail {
    padding-top: 0 !important;
}
    .m-sub-head-detail h4{
        padding-top: 1rem;
        font-size:1rem;
        font-weight: bold;
    }
.m-sc-detail-p h4 {
    padding-top: 1rem;
    font-size: 1rem;
    font-weight: bold;
}
    .tb-cmd-res th {
        background-color: aquamarine;
        max-width: 200px;
    }
    .tb-cmd-res th {
        border: solid 1px gray;
        max-width: 200px;
        overflow: auto;
    }
.tb-cmd-res td {
    border: solid 1px gray;
    max-width: 200px;
    max-height: 300px;
    overflow: auto;
}
.sp-seo-word{
    color: darkblue;
    padding: 0 0.5rem;
    cursor: pointer;
}
.sp-seo-word:hover {
    background-color: aqua;
}
.cmd_res_data {
    overflow: auto;
    transform: rotateX(180deg);
}
.div-add-user{
    position: relative;
    width: 100%;
}
.div-tb-all-user{
    position: relative;
    width: 100%;
    /*overflow: auto;*/
}
.div-bill-cov-all {
    text-align: center;
    width: 850px;
    border: solid 1px black;
    padding: 5px;
    font-size: 18px;
}
.sp-sc-del {
    padding-right: 1rem;
    cursor: pointer;
}
.sp-sc-save {
    padding-right: 1rem;
    cursor: pointer;
}
.sp-sc-print {
    padding-right: 1rem;
    cursor: pointer;
}
.sp-sc-cpl {
    cursor: pointer;
}
.ord-cpl {
    background-color: whitesmoke;
}
.cpl-mark-hide{
    display: none;
}
.ord-uncpl {
    background-color: rgba(255, 130, 165,0.5);
}
.div-sc-men {
        width: 30px;
        display: grid;
}
.sp-ic{
    width: 100%;
}
.tb-all-cla {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
    .tb-all-cla td {
        padding: 0 0.3rem;
        max-width: 150px;
    }
        .tb-all-cla td:nth-child(1) {
            /*background-color: aquamarine;*/
            min-width: 120px;
            background-color: aquamarine;
        }
    .tb-all-order {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.9rem;
    }
    .tb-all-order td  {
        padding: 0 0.3rem;
    }
        .tb-all-order td:nth-child(6) {
            /*background-color: aquamarine;*/
            min-width: 120px;
        }
        .tb-all-order td:nth-child(7) {
            /*background-color: aquamarine;*/
            min-width: 120px;
        }
.tb-all-order thead {
    background-color: aqua;
}
.div-seo-head{
    position: sticky;
    top: 45px;
    background-color: aqua;
}
.entry-content-wrapper h3{
    font-size: 1.3rem;
    font-weight: bold;
}
.m-sc-detail-p h3 {
    font-size: 1.3rem;
    font-weight: bold;
}
.m-sc-detail-p h4.m-sc-detail{
    display: none;
}
.entry-content-wrapper img {
    width: 100%;
}
.entry-content-wrapper figcaption {
    font-size: 0.9rem;
    font-style: italic;
}
.bt-last-tb{
    padding: 0 0.2rem;
}
.div-last-tb {
    overflow-y: auto;
    margin-top: -1rem;
    position: relative;
}
.div-last-tb a:hover {
    color: red;
}
    .div-last-tb:hover {
        width: 1000px;
        z-index: 4001;
    }
.tb-all-seo {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}
    .tb-all-seo thead {
        position: sticky;
        top: 70px;
        background-color: aquamarine;
    }
    .tb-all-seo td {
        padding: 0 0.3rem;
    }

        /*.tb-all-seo td:nth-child(7), .tb-all-seo th:nth-child(7) {*/
            /*background-color: aquamarine;*/
            /*min-width: 120px;*/
            /*display: none;
        }

        .tb-all-seo td:nth-child(7) {*/
            /*background-color: aquamarine;*/
           /* min-width: 120px;*/
        /*}*/

    .tb-all-seo thead {
        background-color: aqua;
    }
@media (max-width: 1024px) {
    .ac-sidebar {
        flex-basis: 35%;
        max-width: 35%;
        width: 35%;
    }
    .ac-content {
        flex-basis: 65%;
        max-width: 65%;
        width: 65%;
    }
    .ac-link-grid {
        --wd-col: var(--wd-col-md);
        --wd-gap: var(--wd-gap-md);
        --wd-col-md: var(--wd-col-lg);
        --wd-gap-md: var(--wd-gap-lg);
        display: grid;
        grid-template-columns: repeat(var(--wd-col), minmax(0, 1fr));
        gap: var(--wd-gap);
    }
}
@media (max-width: 768.98px) {
    .ac-sidebar {
        border-inline-end: none;
        flex-basis: 100%;
        padding-block: 0;
        max-width: 100%;
        width: 100%;
    }
    .ac-wrapper-spe {
        display: block;
        margin-inline: -30px;
    }
    .ac-content {
        flex-basis: 100%;
        padding-block: 0;
        max-width: 100%;
        width: 100%;
    }
    .navbar-nav-ad {
        display: grid;
        grid-template-columns: repeat(5, 2fr);
        list-style-type: none;
        padding-left: 0.5rem;
    }
    .ac-link-grid {
        --wd-col: var(--wd-col-sm);
        --wd-gap: var(--wd-gap-sm);
        --wd-col-sm: var(--wd-col-md);
        --wd-gap-sm: var(--wd-gap-md);
        display: grid;
        grid-template-columns: repeat(var(--wd-col), minmax(0, 1fr));
        gap: var(--wd-gap);
    }
}
/*acacac*/
@media (max-width: 660px) {
    .mobi-off{
        /*visibility: collapse;*/
        display: none;
    }
    .mobi-col-off {
        /*visibility: collapse;*/
        display: none;
    }
}
    .tb-hit tr td {
        border: solid 1px silver;
    }

    .div-hit-cov {
        width: 100%;
        position: relative;
    }

    .container {
        /*min-height: 400px;*/
    }

    #vc_comment {
        width: 100%;
    }

    .body-img-bg {
        position: absolute;
        top: 50px;
        left: 0;
        width: 100%;
        height: 300px;
        /* z-index:  1000; */
    }

    .row-bot {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 0.9rem !important;
    }

    .wd-carousel-inner {
        margin-top: -1rem;
    }

    .wd-cart-a:hover {
        text-decoration: none;
    }

    .navbar-collapse {
        /*background-color: #990000;
    color: white;*/
    }

    .div-menu-ul {
        display: inline;
        /*flex-flow: wrap;
    max-width: 100%;*/
        width: 100%;
        /* border: solid 1px blue;*/
        /*align-items: gray;*/
        font-size: 0.9rem;
        padding-left: 1rem;
    }

    .div-menu-li {
        /*list-style: none;*/
        margin: auto;
        padding: 0;
        line-height: 15px;
        /*float: left;*/
        max-width: 150px;
        /*border: solid 1px silver;*/
    }

        .div-menu-li:not(:last-child):after {
            content: " | ";
            color: gray;
            padding: 0px 15px;
        }

    .search-partial-wrapper-hide {
        display: none;
        /*margin-top: 3rem;*/
    }

    #a_search_short_cola {
        padding: 0.1rem 1rem;
    }

    .fa-user-o {
        font-size: 1.2rem !important;
    }

    .fa-search {
        font-size: 1.2rem !important;
        padding-top: 7px;
    }

    .fa-cart-shopping {
        font-size: 1.2rem !important;
    }

    .fa-sign-out {
        font-size: 1.2rem !important;
    }

    .sc-info-quantity {
        display: inline-flex;
        vertical-align: top;
        white-space: nowrap;
        font-size: 0;
        flex: 0 0 auto;
    }

    .m-content-left-wrapper {
        width: 50%;
    }

    .m-sc-desc {
        padding: 0.9rem 0;
    }
       

        .sc-info-minus {
            padding: 0 5px;
            font-size: 0.8rem;
            min-width: 25px;
            min-height: unset;
            height: 30px;
            border: solid 1px silver;
            box-shadow: none;
            display: inline-block;
            line-height: 20px;
            color: black;
            background-color: var(--bgcolor-tpnk-smoke);
            border-start-start-radius: var(--wd-form-brd-radius);
            border-end-start-radius: var(--wd-form-brd-radius);
        }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    .sc-info-input-text {
        width: 30px;
        height: 30px;
        font-size: 0.8rem;
        margin: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: 0;
        border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
        border-right: none;
        border-left: none;
        display: inline-block;
        color: black;
        background-color: var(--bgcolor-tpnk-smoke);
        padding: 0;
        text-align: center;
    }

    .sc-vol-click {
        background-color: var(--bgcolor-tpnk) !important;
        color: whitesmoke !important;
    }

    .sc-info-plus {
        padding: 0 5px;
        font-size: 0.8rem;
        min-width: 25px;
        min-height: unset;
        height: 30px;
        border: solid 1px silver;
        line-height: 20px;
        color: black;
        background-color: var(--bgcolor-tpnk-smoke);
        box-shadow: none;
        display: inline-block;
        border-start-end-radius: var(--wd-form-brd-radius);
        border-end-end-radius: var(--wd-form-brd-radius);
    }

    .cart-cover {
        position: relative;
        background-color: #f2f5f6;
    }

    .sc-info-cart-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: var(--content-align);
    }
}
.div-nav-wrapper-sm-case {
    display: flex;
    width: 100%;
}
.nav-grop-right{
    display: flex;
}
.nav-brand-wrapper {
    position: relative;
    width: 100%;
    height: 1px;
    z-index: 1;
}
.nav-brand-div {
    position: absolute;
    width: 100%;
    height: 0px;
    top: 1px;
    text-align: center;
    /*background-color: rgba(2, 219, 151, 0.5);*/
}
.nav-toogle-wrapper {
    display: flex;
    flex: 1;
}
#inp_search_res {
    position: absolute;
    background-color: rgb(255, 255, 255);
    border: solid 1px silver;
    z-index: 1000;
}
.navbar-brand[left] {
    flex: 1;
}
.bg-tpnk {
    background-color: var(--bgcolor-tpnk);
}
.navbar-collapse a {
    /*color: white !important;*/
}
    .navbar-collapse button {
        /*color: white !important;*/
    }

.wd-tools-text{
    display: none;
}
:root {
    --bgcolor-tpnk: #990000;
    --bgcolor-tpnk-smoke: #f2f5f6;
    --support-brand-01: #f6c243;
    --support-brand-02: #ffead4;
    --support-brand-03: #ff8000;
    --support-brand-04: #c1dade;
    --support-brand-05: #f2a6b0;
    --support-brand-06: #5b3d5b;
    --support-brand-07: #f75e28;
}
.a-tag {
    color: gray;
}
    .a-tag:hover {
        background-color: #6699FF;
    }
.a-dom-name-div {
    max-height: 40px;
}
.hed-cov-img {
    max-height: 40px;
    text-align: left;
    font-family: "Lobster";
    font-weight: 400;
    font-style: normal;
    font-size: 2rem;
    color: rgba(0, 0, 0, .5) !important; /*#990000*/
    text-align: center;
}
.entry-tags {
    width: 100%;
    position: relative;
    
}
.intro-meta {
    padding-top: 1rem;
    border-top: solid 1px #1c2a59;
}
/*.entry-tags:after {
        content: "";
        position: absolute;
        width: calc(100% - 60px);
        background: #1c2a59;
        height: 1px;
        bottom: 0;
    }*/
.sp-logo-left {
    margin-right: -3px !important;
}
.sp-logo-right {
    margin-left: -5px !important;
}
.hed-cov-img .logo-img {
    width: 100%;
    max-width: 40px;
    padding-bottom: 12px;
}
    .logo-img::before {
       content: "thưc phẩm";
       font-size: 2rem;
    }
        .logo-img::after {
            content: "nhập khẩu";
            font-size: 2rem;}
    .m-container {
        max-width: 1272px;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-left: 2rem;
        padding-top: 2rem;
        padding-right: 2rem;
    }

.a-dom-name:before {
    content: url(/images/logo_s_w_l.jpg);
}
.m-content-wrapper[data-v-1] {
    position: relative;
    /*margin-top: 2.375rem;*/
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
}
.m-content[data-v-1] {
    width: 50rem;
    max-width: 100%;
    min-height: 12.5rem;
    background-color: rgb(255, 255, 255);
    overflow-wrap: break-word;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 0.125rem 0.25rem 0px;
    padding: 1rem;
    border-radius: 12px;
    text-align: center;
}
.m-title-review {
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.5rem;
    /*color: #990000;*/ /*(243, 104, 5);*/
    margin-bottom: 0.75rem;
}
.m-title[data-v-1] {
    font-weight: 800;
    font-size: 2rem;
    line-height: 2.5rem;
    color: #990000; /*(243, 104, 5);*/
    margin-bottom: 0.75rem;
}
.m-title[data-v-2] {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: #000066;/* rgb(36, 46, 48);*/
    margin: 0px;
}
.m-subtitle[data-v-1] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgb(60, 76, 79);
    margin-bottom: 1rem;
    display: none;
}
.m-subtitle[data-v-2] {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgb(36, 46, 48);
    display: none;
}

.m-panel {
    max-width: 1272px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 2rem;
}
.m-ul-top-list[data-v-2] {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
#sel_tables{
    max-width: 200px;
}




.a-simple {
    text-decoration: none;
}
.m-li-top-list[data-v-2] {
    display: grid;
    grid-template-columns: 1fr;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    position: relative;
}
.m-add-cart-sp-px{
    color: blue;
}

.m-li-top-list[disp_1] {
    display: grid;
}
.m-li-top-list[disp_3] {
    display: none;
}

.m-div-top-list-wrapper[data-v-2] {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 5 / 3;
   /* background-color: var(--support-brand-01);*/
    margin: 2.125rem 0.5rem;
    border-radius: 8px;
}

.m-img-top-list[data-v-2] {
    aspect-ratio: 4 / 3;
    position: absolute;
    height: 100%;
    transition: transform .5s cubic-bezier(0,0,.94,1.18);
}
    .m-img-top-list[data-v-2]:hover {
        transition: transform .5s cubic-bezier(0,0,.44,4.38);
        transform: var(--wd-scale3d-hov-sc);
    }
.m-sp-name-top-list[data-v-2] {
    color: #000;
    font-size: 0.9rem;
    word-break: break-word;
    /*font-family: 'Amiri', serif;*/
    -webkit-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    line-height: 1rem;
    display: block;
}
.m-sp-name-top-list:hover {
    color: #dd9221;
}
.m-div-info-vol .sc-px {
    font-size: 1.5rem;
}
.m-div-info-vol{
    text-align: left !important;
}
.sc-px {
    color: #990000;
    font-size: 1.1rem;
    font-weight: 600;
    font-family: "Work Sans", Arial, Helvetica, sans-serif;
}
    .sc-px:before {
        content: "đ";
        font-size: 0.7rem;
        position: relative;
        top: -5px;
    }
.m-div-info {
    justify-content: start;
    height: 90px;
    text-align: center;
    font-size: 0.9rem;
    padding-top: 1rem;
}
.m-a-top-list{
    /*height: 250px;*/
    text-align: center;
}
/**/
.m-ul-cat-list[data-v-2] {
    display: grid;
    grid-template-columns: repeat(3, 2fr);
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.m-li-cat-list[data-v-2] {
    display: grid;
    grid-template-columns: 1fr;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.m-li-cat-list[disp_1] {
    display: grid;
}

.m-li-cat-list[disp_3] {
    display: none;
}

.m-div-cat-list-wrapper[data-v-2] {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 5 / 3;
    background-color: var(--support-brand-01);
    margin: 2.125rem 0.5rem;
    border-radius: 8px;
}

.m-img-cat-list[data-v-2] {
    aspect-ratio: 4 / 3;
    position: absolute;
    height: 130%;
}

.m-sp-name-cat-list[data-v-2] {
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.55rem;
    color: #000066; /* #242e30;*/
    word-break: break-word;
}
/**/

/**/
.m-ul-news-list[data-v-2] {
    display: grid;
    grid-template-columns: repeat(1, 2fr);
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    /*font-family: 'Amiri', serif;*/
}
    .m-ul-news-list[data-v-2] a {
        position: relative;
        color: #000;
        text-decoration: none;
        -webkit-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -moz-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
        -o-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
        transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    }
.m-sp-name-news-list {
    -webkit-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
    transition: color 500ms cubic-bezier(0.19, 1, 0.22, 1);
}
    .m-sp-name-news-list:hover {
        color: #dd9221;
    }
.m-ul-news-list[data-v-2] a:hover {
    color: orange;
}
    .m-li-news-list[data-v-2] {
    display: grid;
    grid-template-columns: 1fr;
    list-style-type: none;
    margin: 0px;
    padding: 10px;
}

.m-li-news-list[disp_1] {
    display: grid;
}

.m-li-news-list[disp_3] {
    display: none;
}

.m-div-news-list-wrapper[data-v-2] {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    position: relative;
    aspect-ratio: 5 / 3;
    background-color: var(--support-brand-01);
    margin: 1rem 0rem;
    border-radius: 8px;
}
.m-blog-img-wrapper img {
    aspect-ratio: 4 / 3;
    position: absolute;
    width: 100%;
}
.m-blog-img-wrapper {
    aspect-ratio: 4 / 3 !important;

}
.m-img-news-list[data-v-2] {
    aspect-ratio: 4 / 3;
    position: absolute;
    height: 130%;
}

.m-sp-name-news-list[data-v-2] {
    font-weight: normal;
    font-size: 1.55rem;
    line-height: 1.55rem;
    /*color: #000066;*/ /* #242e30;*/
    word-break: break-word;
}
.m-p-intro-news-list[data-v-2] {
    word-break: break-word;
    font-size: 1.2rem;
    margin-top: 1rem;
}
/**/
/*addcart*/
.m-add-cart-popup {
    position: relative;
    z-index: 1000;
}
.m-add-cart-cov {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-add-cart-cov-ins {
    
    width: 150px;
    height: 45px;
    background-color: rgba(144, 145, 144,0.8);
    display: grid;
    text-align: center;
}
.m-add-cart-vol{
    display: flex;
}
.qib-button {
    padding: 2px 5px 2px;
    height: 30px;
    background: #ffffff;
    border: 2px solid #efefef;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    width: 41px;
    color: black;
    height: 41px;
    cursor: pointer;
}
.m-div-inp-cart-vol {
    border-radius: 5px 5px 5px 5px;
    border: solid 1px black;
}
/*addcartend*/


/*carous*/
:root {
    --wd-cat-brd-radius: 50%;
    --wd-text-font: "Work Sans", Arial, Helvetica, sans-serif;
    --wd-text-font-weight: 400;
    --wd-text-color: #0a0a0a;
    --wd-text-font-size: 15px;
    --wd-title-font: "Urbanist", Arial, Helvetica, sans-serif;
    --wd-title-font-weight: 700;
    --wd-title-color: #0c0c0c;
    --wd-entities-title-font: "Urbanist", Arial, Helvetica, sans-serif;
    --wd-entities-title-font-weight: 700;
    --wd-entities-title-color: #333;
    --wd-entities-title-color-hover: rgb(51 51 51 / 65%);
    --wd-alternative-font: "Work Sans", Arial, Helvetica, sans-serif;
    --wd-widget-title-font: "Urbanist", Arial, Helvetica, sans-serif;
    --wd-widget-title-font-weight: 700;
    --wd-widget-title-transform: capitalize;
    --wd-widget-title-color: #333;
    --wd-widget-title-font-size: 16px;
    --wd-header-el-font: "Urbanist", Arial, Helvetica, sans-serif;
    --wd-header-el-font-weight: 700;
    --wd-header-el-transform: capitalize;
    --wd-header-el-font-size: 14px;
    --wd-brd-radius: 10px;
    --wd-primary-color: #2f973d;
    --wd-alternative-color: #fbbc34;
    --wd-link-color: #2f973d;
    --wd-link-color-hover: #3ab44a;
    --btn-default-transform: none;
    --btn-default-bgcolor: #3ab44a;
    --btn-default-bgcolor-hover: #2f973d;
    --btn-accented-bgcolor: #3ab44a;
    --btn-accented-bgcolor-hover: #2f973d;
    --btn-transform: none;
    --wd-form-brd-width: 1px;
    --wd-form-brd-radius: 5px;
    --notices-success-bg: #459647;
    --notices-success-color: #fff;
    --notices-warning-bg: #e0b252;
    --notices-warning-color: #fff;
}
.wd-carousel {
    position: relative;
    /*overflow: var(--wd-carousel-overflow, hidden);*/
    padding: 15px 0;
    margin-inline: 2px;
    touch-action: pan-y;
    overflow: hidden;
    height: 154px;
}
.wd-carousel-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: initial;
    box-sizing: content-box;
    transform: translate3d(0px, 0, 0);
    /*overflow: auto;*/
    padding-bottom: 30px;
}
.wd-carousel-item {
    position: relative;
    height: 100%;
    flex: 0 0 calc(100% / var(--wd-col));
    max-width: calc(100% / var(--wd-col));
    padding: 0 calc(var(--wd-gap) / 2);
    transition-property: transform;
    transform: translate3d(0px, 0, 0);
}
/*i1024*/
@media (min-width: 1024px) {
    [class*=wd-grid] {
        --wd-col: var(--wd-col-lg);
        --wd-gap: var(--wd-gap-lg);
        --wd-col-lg: 1;
        --wd-gap-lg: 20px;
    }
    .sp-test-col-ssm {
        display: none !important;
    }

    .sp-test-col-sm {
        display: none !important;
    }

    .sp-test-col-md {
        display: none !important;
    }

    .sp-test-col-lg {
        display: block;
    }
}

@media (min-width: 1024px) {
    [class*=vc-grid] {
        --wd-col: var(--wd-col-md);
        --wd-gap: var(--wd-gap-md);
        --wd-col-md: var(--wd-col-lg);
        --wd-gap-md: var(--wd-gap-lg);
    }
}
    /*a1024*/
    @media (max-width: 1024px) {
        [class*=vc-grid] {
            --wd-col: var(--wd-col-md);
            --wd-gap: var(--wd-gap-md);
            --wd-col-md: var(--wd-col-lg);
            --wd-gap-md: var(--wd-gap-lg);
        }

        [class*=wd-grid] {
            --wd-col: var(--wd-col-md);
            --wd-gap: var(--wd-gap-md);
            --wd-col-md: var(--wd-col-lg);
            --wd-gap-md: var(--wd-gap-lg);
        }

        .sp-test-col-ssm {
            display: none !important;
        }

        .sp-test-col-sm {
            display: none !important;
        }

        .sp-test-col-md {
            display: block;
        }

        .sp-test-col-lg {
            display: none;
        }

        .wd-carousel {
            height: 180px;
        }
    }

    .wd-cat-image {
        aspect-ratio: 1/1
    }

    .wd-wrapper {
        /*margin-top: 3rem;*/
    }

    @media (max-width: 992px) {
        .wd-carousel {
            height: 129px;
        }
    }
    /*a768*/
    @media (max-width: 768.98px) {
        [class*=vc-grid] {
            --wd-col: var(--wd-col-sm);
            --wd-gap: var(--wd-gap-sm);
            --wd-col-sm: var(--wd-col-md);
            --wd-gap-sm: var(--wd-gap-md);
        }

        [class*=wd-grid] {
            --wd-col: var(--wd-col-sm);
            --wd-gap: var(--wd-gap-sm);
            --wd-col-md: var(--wd-col-md);
            --wd-gap-md: var(--wd-gap-md);
        }
        .div-bill-cov-all{
            width: 100% !important;
            overflow: auto;
        }
        .div-tb-all-user {
             
            overflow: auto;
        }
        .sp-test-col-ssm {
            display: none !important;
        }

        .sp-test-col-sm {
            display: block;
        }

        .container {
            padding-left: 0px;
            padding-right: 0px;
        }

        .sp-test-col-md {
            display: none;
        }

        .sp-test-col-lg {
            display: none;
        }

        .wd-entities-title {
            font-size: 1.2rem;
        }

        .m-container {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            padding-top: 4rem;
        }

        .wd-carousel {
            height: 180px;
        }
        /*.m-img-sc[data-v-2]{
            width: 80% !important;
        }*/
    }

    /*a414*/
    @media (max-width: 414px) {
        [class*=vc-grid] {
            --wd-col: var(--wd-col-sm);
            --wd-gap: var(--wd-gap-sm);
            --wd-col-sm: var(--wd-col-md);
            --wd-gap-sm: var(--wd-gap-md);
        }

        [class*=wd-grid] {
            --wd-col: var(--wd-col-sm);
            --wd-gap: var(--wd-gap-sm);
            --wd-col-md: var(--wd-col-sm);
            --wd-gap-md: var(--wd-gap-sm);
        }

        .sp-test-col-ssm {
            display: block;
        }

        .sp-test-col-sm {
            display: none;
        }

        .sp-test-col-md {
            display: none;
        }

        .sp-test-col-lg {
            display: none;
        }

        .wd-entities-title {
            font-size: 1.4rem;
        }
    }


    .cat-design-zoom-out .wd-cat-inner {
        position: relative;
        border-radius: var(--wd-cat-brd-radius, var(--wd-brd-radius));
        overflow: hidden;
        aspect-ratio: 1;
    }

    .cat-design-zoom-out .wd-cat-image {
        transform: var(--wd-scale3d-ori);
        transition: transform .5s cubic-bezier(0,0,.44,1.18);
    }

    .wd-cat-image:hover {
        transform: var(--wd-scale3d-ori);
        transition: transform .5s cubic-bezier(0,0,.64,1.88);
    }

    .cat-design-zoom-out .wd-cat-thumb {
        transition: opacity 1s cubic-bezier(0,0,.44,1.18);
    }

        .cat-design-zoom-out .wd-cat-thumb:before {
            content: "";
            position: absolute;
            inset: 0;
            z-index: 2;
            background-color: #000;
            opacity: .1;
            transition: opacity 1s cubic-bezier(0,0,.44,1.18);
        }

    .wd-cat-thumb-no-before:before {
        content: none !important;
        transition: opacity 1s cubic-bezier(0,0,.44,1.18);
    }

    .wd-cart-a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        color: var(--wd-header-el-color);
        line-height: 1;
        padding-inline: 20px;
        margin-top: -3px;
    }



    .wd-tools-icon {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5em;
    }

        .wd-tools-icon i {
            color: gray;
        }
    /*.wd-tools-icon:after {
        content: "🛒";*/
    /*color: transparent;
        text-shadow: 0 0 0 white;*/
    /*}*/
    .wd-login-tools-icon:before {
        content: "👤";
        font-size: 1.3rem;
        color: transparent;
        text-shadow: 0 0 0 #a6a4a4;
    }

    .wd-cart-number {
        position: absolute;
        top: -5px;
        inset-inline-start: 10px;
        z-index: 1;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        background-color: var(--wd-primary-color);
        color: #fff;
        text-align: center;
        letter-spacing: 0;
        font-weight: 400;
        font-size: 9px;
        line-height: 15px;
        vertical-align: middle;
    }

    .wd-entities-title {
        display: block;
        color: var(--wd-entities-title-color);
        word-wrap: break-word;
        font-weight: var(--wd-entities-title-font-weight);
        font-style: var(--wd-entities-title-font-style);
        font-family: var(--wd-entities-title-font);
        text-transform: var(--wd-entities-title-transform);
        line-height: 0.9;
        font-size: 1rem;
        color: #990000;
    }

        .wd-entities-title a {
            color: black;
        }

    @media (min-width: 769px) {
        .cat-design-zoom-out .wd-cat-image {
            transform: var(--wd-scale3d-ori);
            transition: transform .5s cubic-bezier(0,0,.44,1.18);
        }
    }

    .wd-cat-thumb img {
        width: 100%;
        max-width: 100%;
        height: auto;
        border: 0;
        vertical-align: middle;
    }

    img[data-lazyloaded] {
        opacity: 0;
    }

    img.litespeed-loaded {
        -webkit-transition: opacity .5s linear .2s;
        -moz-transition: opacity .5s linear .2s;
        transition: opacity .5s linear .2s;
        opacity: 1;
    }

    .cat-design-zoom-out .wd-cat-content {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        z-index: 3;
        padding: 10px;
        transform: var(--wd-scale3d-1);
        transition: transform .5s cubic-bezier(0,0,.44,1.18);
    }

    .wd-fill {
        position: absolute;
        inset: 0;
    }

    .cat-design-zoom-out .wd-entities-title {
        display: inline-block;
        /*padding: .2em .9em;*/
        background-color: var(--bgcolor-gray-rgb);
        border-radius: 10px;
    }

    .wd-nav-scroll {
        position: relative;
        height: var(--wd-nscroll-height, 5px);
        width: var(--wd-nscroll-width, 100%);
        margin: 20px auto 0;
        border-radius: var(--wd-brd-radius);
        background: var(--wd-nscroll-bg, rgba(var(--bgcolor-black-rgb), .07));
        touch-action: none;
        cursor: pointer;
        transition: all .25s ease;
        opacity: 0.3;
    }

        .wd-nav-scroll:after {
            content: "";
            position: absolute;
            inset: -15px;
        }

    .wd-nav-scroll-drag {
        position: relative;
        z-index: 1;
        cursor: grab;
        width: 30%;
    }

        .wd-nav-scroll-drag:before {
            content: "";
            display: block;
            height: var(--wd-nscroll-height, 5px);
            width: 100%;
            background: var(--wd-nscroll-drag-bg, rgba(var(--bgcolor-black-rgb), .2));
            border-radius: var(--wd-brd-radius);
            transition: all .25s ease;
        }

        .wd-nav-scroll-drag:after {
            content: "";
            position: absolute;
            inset: -15px;
        }

    .wd-wrapper {
        /* overflow: auto;*/
        /*width: 700px;*/
        width: 100%;
    }

    wd-img {
    }

    :root {
        --wd-scale3d-1: scale3d(1, 1, 1);
        --wd-scale3d-ori: scale3d(1.4, 1.4, 1.4);
        --wd-scale3d-hov: scale3d(1.8, 1.8, 1.8);
        --wd-scale3d-hovt: scale3d(1.3, 1.3, 1.3);
        --wd-scale3d-hov-sc: scale3d(1.3, 1.3, 1.3);
        --wd-text-line-height: 1.6;
        --wd-brd-radius: 10px;
        --wd-form-height: 42px;
        --wd-form-color: inherit;
        --wd-form-placeholder-color: inherit;
        --wd-form-bg: transparent;
        --wd-form-brd-color: rgba(0, 0, 0, .1);
        --wd-form-brd-color-focus: rgba(0, 0, 0, .15);
        --wd-form-chevron: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2U9IiNiYmIiPjxwYXRoIGQ9Ik02IDlsNiA2IDYtNiIvPjwvc3ZnPg==);
        --btn-height: 42px;
        --btn-transform: uppercase;
        --btn-font-weight: 600;
        --btn-font-family: inherit;
        --btn-font-style: unset;
        --wd-main-bgcolor: #fff;
        --wd-scroll-w: .001px;
        --wd-admin-bar-h: .001px;
        --wd-tags-mb: 20px;
        --wd-block-spacing: 20px;
        --wd-header-banner-mt: .001px;
        --wd-sticky-nav-w: .001px;
        --color-white: #fff;
        --color-gray-100: #f7f7f7;
        --color-gray-200: #f1f1f1;
        --color-gray-300: #bbb;
        --color-gray-400: #a5a5a5;
        --color-gray-500: #777;
        --color-gray-600: #666;
        --color-gray-700: #555;
        --color-gray-800: #333;
        --color-gray-900: #242424;
        --bgcolor-black-rgb: 0, 0, 0;
        --bgcolor-white-rgb: 255, 255, 255;
        --bgcolor-gray-rgb: rgba(255, 255, 255, .8);
        --bgcolor-white: #fff;
        --bgcolor-gray-100: #f7f7f7;
        --bgcolor-gray-200: #f7f7f7;
        --bgcolor-gray-300: #f1f1f1;
        --bgcolor-gray-400: rgba(187, 187, 187, .4);
        --brdcolor-gray-200: rgba(0, 0, 0, .075);
        --brdcolor-gray-300: rgba(0, 0, 0, .105);
        --brdcolor-gray-400: rgba(0, 0, 0, .12);
        --brdcolor-gray-500: rgba(0, 0, 0, .2);
    }

    @media (min-width: 769px) {
        .cat-design-zoom-out .wd-cat-image {
            transform: var(--wd-scale3d-ori);
        }
    }

    /*carousend*/

    /*vc-customer*/
    .vc-customer {
        margin-right: 0px !important;
        margin-bottom: 40px !important;
        margin-left: 0px !important;
        padding-top: 15px !important;
        padding-right: 5px !important;
        padding-bottom: 20px !important;
        padding-left: 5px !important;
        background-color: #ffffff !important;
        border-radius: 10px !important;
    }

        .vc-customer:before, .vc-customer:after {
            content: " ";
            display: table;
        }

    .vc-customer-title {
        width: 100%;
        margin-bottom: 30px;
        text-align: left;
    }

        .vc-customer-title h2 {
            /*font-size: 1.3rem;*/
        }

    .vc-customer-content {
        width: 100%;
    }

    .vc-customer-content-wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-inline: -30px;
        margin-bottom: -25px;
    }

    .vc-customer-rating {
        flex: 1 1 100%;
        margin-bottom: 25px;
        padding-inline: 30px;
        order: 0;
    }

    .vc-customer-comment {
        position: relative;
        order: 1;
        width: 100%;
        content-visibility: auto;
        contain-intrinsic-size: 1px 1000px;
    }

    .vc-customer-comment-form {
        flex: 1 1 100%;
        margin-bottom: 25px;
        padding-inline: 15px;
        order: 0;
    }

    .vc-customer-rating-sum {
        position: relative;
    }

    .vc-customer-rating-sum-heading {
        text-align: center;
        margin-bottom: 20px;
    }

    .vc-customer-rating-rate {
        font-size: 1.5rem;
        line-height: .8;
        /*color: var(--color-gray-900);*/
        font-weight: 600;
        margin-bottom: 8px;
    }

    .start-rating {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        white-space: nowrap;
        letter-spacing: 2px;
        font-weight: 400;
        color: #eabe12;
        width: fit-content;
        /*font-family: "woodmart-font";*/
    }

        .start-rating:before {
            content: "\f006 \f006 \f006 \f006 \f006" !important;
            color: silver;
        }

    .vc-sp-rate {
        position: absolute;
        inset-block: 0;
        inset-inline-start: 0;
        overflow: hidden;
        width: 100%;
        text-indent: 99999px;
    }

        .vc-sp-rate:before {
            content: "\f005 \f005 \f005 \f005 \f005" !important;
            position: absolute;
            top: 0;
            inset-inline-start: 0;
            text-indent: 0;
        }

    .vc-customer-rating-tot {
    }

    .vc-customer-rating-sum-con {
        display: table;
        border-spacing: 0 15px;
        margin: -15px 0;
        width: 100%;
    }

    .vc-rating_summary-item {
        display: table-row;
        line-height: 1;
        transition: all .25s ease;
        white-space: nowrap;
    }

    .vc-rating-label {
    }

    .vc-rating-progress-bar {
        height: 12px;
        vertical-align: middle;
        width: 100%;
    }

    .vc-rating_summary-item > div {
        display: table-cell;
    }

        .vc-rating_summary-item > div:not(:last-child) {
            padding-inline-end: 10px;
        }

    .vc-progress-area {
        /*background-color: var(--bgcolor-gray-400);*/
        width: 100%;
        background-color: rgba(var(--bgcolor-black-rgb), .06);
        transition: background-color .25s ease;
        height: 12px;
        border-radius: var(--wd-brd-radius);
    }

    .vc-progress-bar {
        background-color: var(--wd-primary-color);
        height: 12px;
        border-radius: var(--wd-brd-radius);
    }

    .vc-rating-cou {
        text-align: end;
        margin-inline-start: 10px;
        transition: all .25s ease;
    }

    .vc-review-form {
        height: 100%;
    }

    .vc-respond {
        height: 100%;
    }

    .vc-sp-respond-title {
        text-transform: uppercase;
        font-size: 1.2rem;
        line-height: inherit;
    }

    .vc-p-must-log-in {
    }

    .vc-ol-comment-list {
        --wd-gap: 15px;
        transition: all .3s ease;
        list-style: none;
        --li-pl: 0;
        --list-mb: 0;
        --li-mb: 0;
    }

    .vc-grid {
        display: grid;
        grid-template-columns: repeat(var(--wd-col), minmax(0, 1fr));
        gap: var(--wd-gap);
    }

    .vc-li-comment {
        display: flex;
        flex-direction: column;
        border-radius: var(--wd-brd-radius);
        border: 1px solid var(--brdcolor-gray-300);
        padding: 15px;
        background-color: var(--bgcolor-white);
    }

    .cv-comment-con {
        flex-grow: 1;
        display: flex;
    }

    .cv-comment-text {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        flex: 1 1 auto;
    }

    .cv-p-comment-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-grow: 1;
        width: 100%;
        margin-bottom: 10px;
        margin-inline-end: 10px;
    }

    .cv-comment-user {
        font-weight: 600;
        margin-inline-end: 5px;
        color: var(--color-gray-900);
    }

    .cv-comment-time {
    }

    .cv-comment-text {
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        --wd-tags-mb: 10px;
    }

    .cv-comment-likes {
        margin-top: 15px;
        width: 100%;
    }

    .cv-comment-likes-like {
        margin-inline-end: 8px;
    }

    .cv-like-action-bt {
        display: inline-flex;
        vertical-align: middle;
        --action-btn-color: var(--color-gray-800);
        --action-btn-hover-color: var(--color-gray-500);
    }

        .cv-like-action-bt > a:before {
            margin-inline-end: .3em;
            font-size: 1rem;
            font-weight: 400;
            content: "\f087";
        }

    .cv-comment-likes-like > a:before {
        content: "\f087";
    }

    .cv-comment-likes-dislike > a:before {
        content: "\f088";
    }

    .cv-like-action-bt > a:after {
        position: absolute;
        top: calc(50% - .5em);
        left: 0;
        opacity: 0;
        transition: opacity .2s ease;
        content: "";
        display: inline-block;
        width: 1em;
        height: 1em;
        border: 1px solid rgba(0, 0, 0, 0);
        border-left-color: var(--color-gray-900);
        border-radius: 50%;
        vertical-align: middle;
        animation: wd-rotate .45s infinite linear var(--wd-anim-state, paused);
    }

    .vc-com-auth-title {
        display: block;
        margin-bottom: var(--wd-tags-mb);
        color: var(--wd-title-color);
        text-transform: var(--wd-title-transform);
        font-weight: var(--wd-title-font-weight);
        font-style: var(--wd-title-font-style);
        font-family: var(--wd-title-font);
        line-height: 1.4;
    }

    .vc-comment-form {
        display: flex;
        flex-wrap: wrap;
        margin-inline: -10px;
    }

    .vc-comment-form-rating {
        display: flex;
        align-items: center;
        padding-inline: 10px;
        margin-bottom: 15px;
        line-height: 1;
        flex-basis: 100%;
        max-width: 100%;
        width: 100%;
    }

        .vc-comment-form-rating label {
            margin-bottom: 0;
        }

    .hidden-id {
        display: none;
    }

    .vc-comment-form-rating label:after {
        content: ":";
        margin-inline-end: 15px;
    }

    .required {
        border: none;
        color: #E01020;
        font-size: 16px;
        line-height: 1;
    }

    .vc-stars {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        white-space: nowrap;
    }

        .vc-stars span {
            /* display: flex;
    font-size: 0;*/
        }

    .vc-star {
        width: calc(var(--wd-text-font-size) + 1px);
        text-align: center;
    }

        .vc-star:before {
            content: "\f006";
            color: gray;
        }

    .vc-star-done {
        width: calc(var(--wd-text-font-size) + 1px);
        text-align: center;
    }

        .vc-star-done:before {
            content: "\f006";
            color: gray;
        }

    .vc-star-selected:before {
        content: "\f005";
        color: #EABE12;
    }

    .vc-comment-form-comment {
        flex: 1 1 max(400px, 50%);
        margin-bottom: 15px;
        padding-inline: 10px;
        width: 100% !important;
        flex-basis: 100%;
        max-width: 100%;
    }

        .vc-comment-form-comment label {
            display: block;
        }

    .vc-form-submit {
        margin-block: 5px 0;
        width: 100%;
        padding-inline: 10px;
    }

    .vc-respond-auth {
    }
#vc-submit-done{
    background-color: gray;
}
#vc-submit {
    border-radius: 5px;
    color: white;
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--bgcolor-tpnk);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style));
    transition: transform .5s cubic-bezier(0,0,.44,1.18);
}

#vc-blog-submit {
    border-radius: 5px;
    color: white;
    box-shadow: var(--btn-accented-box-shadow);
    background-color: var(--bgcolor-tpnk);
    text-transform: var(--btn-accented-transform, var(--btn-transform));
    font-weight: var(--btn-accented-font-weight, var(--btn-font-weight));
    font-family: var(--btn-accented-font-family, var(--btn-font-family));
    font-style: var(--btn-accented-font-style, var(--btn-font-style));
    transition: transform .5s cubic-bezier(0,0,.44,1.18);
}
    /*vc-customerend*/
    /*sc view*/
    .m-content-editorial[data-v-sc] {
        text-align: left;
        background-color: #fff;
        padding: 10px;
        word-wrap: break-word;
        margin-bottom: 2rem;
        border-radius: 12px;
    }

    .m-editorial[data-v-sc] {
        text-align: left;
        background-color: #fff;
        padding: 5px;
        word-wrap: break-word;
        margin-bottom: 2rem;
        border-radius: 12px;
    }

    .m-content-inner[data-v-sc] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        -ms-flex-align: flex-start;
        -webkit-box-align: start;
        align-items: flex-start;
    }

.m-h2-sc-name {
    font-weight: 700;
    font-size: 1.75rem;
    line-height: 2.25rem;
    color: #000066; /*rgb;*/ /*(36, 46, 48);*/
    margin: 0px;
    padding-bottom: 1.5rem;
}
#edit_scdesc_ta{
    width: 80%;
}

.m-content-bottom[data-v-sc] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

    .m-content-left[data-v-sc] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        max-height: 18.75rem;
        width: 80%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        overflow: hidden;
        margin: auto;
        border-radius: 8px;
        z-index: 1;
        position: relative;
    }

    .m-img-sc[data-v-2] {
        width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        border-radius: 8px;
        z-index: 1;
    }

    .m-content-right[data-v-sc] {
        position: relative;
        max-height: 18.75rem;
        width: 50%;
        overflow: hidden;
    }
    /*sc view end*/


    .div-search {
        /*text-align: center;*/
        display: flex;
    }

    .bt-search-form {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        appearance: none;
        background-color: #990000 /*rgb(243, 109, 0)*/;
        box-sizing: border-box;
        color: rgb(255, 255, 255);
        cursor: pointer;
        font-family: JustEatBasis, Arial, sans-serif;
        font-size: 1.42857rem;
        line-height: 1.4;
        font-weight: 600;
        justify-content: space-around;
        text-align: center;
        height: 56px;
        min-width: 56px;
        right: 0px;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        border-radius: 0px 4px 4px 0px;
        margin: 0px;
        outline: none;
        text-decoration: none;
        padding: 8px;
    }

    .m-bt-div-search-svg {
        display: block;
        margin: 0px auto;
    }

        .m-bt-div-search-svg svg {
            width: 20px;
            height: 25px;
            display: flex;
            -webkit-box-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            align-items: center;
        }

    .m-bt-sp-search-txt {
        display: none;
    }

    .div-search-left {
        position: relative;
        -webkit-box-flex: 1;
        border-width: 0px;
        border-style: initial;
        border-color: initial;
        border-image: initial;
        margin: 0px;
        padding: 0px;
        flex: 1 1 auto;
    }

    .lb-search-left {
        display: flex;
        width: 100%;
        -webkit-box-align: center;
        align-items: center;
        height: 56px;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.3;
        position: relative;
        border-width: 1px;
        border-style: solid;
        border-color: rgb(226, 230, 233);
        border-image: initial;
        border-radius: 4px 0px 0px 4px;
    }

    .inp-search {
        font-size: 16px;
        line-height: 1.25;
        font-family: JustEatBasis, Arial, sans-serif;
        background-color: transparent;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        outline: none;
        padding: 28px 8px 8px;
    }

    .sp-search-left {
        position: absolute;
        top: 8px;
        left: 16px;
        text-align: left;
        cursor: text;
        text-overflow: ellipsis;
        right: 16px;
        transition: 0.3s;
        overflow: hidden;
        white-space: nowrap;
    }

    .m-sub-head {
        /*display: flex;*/
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 0.25rem;
        position: relative;
        padding-top: 3rem;
    }

    .m-div-show-more {
        margin-top: 0.75rem;
    }

    .m-div-show-more-container[data-v-2] {
        /*display: -ms-flexbox;
    display: -webkit-box;
    display: flex;*/
        display: block;
        -ms-flex-pack: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

    .m-bt-more-container[data-v-2] {
        font-weight: 400;
        font-size: 1rem;
        line-height: 1.5rem;
        color: #242e30;
        background-color: transparent;
        padding: 0;
        min-width: 0;
        height: 100%;
        text-decoration: none;
        text-align: center;
        border-width: 0;
        cursor: pointer;
        white-space: nowrap;
    }

        .m-bt-more-container[data-v-2]:hover {
            text-decoration: underline;
        }

        .m-bt-more-container[data-v-2]:after {
            content: url(/images/show_more.svg);
            margin-left: .25rem;
            vertical-align: middle;
        }



    .m-div-show-more[disp_1] {
        display: none;
    }

    .m-content-bottom[disp_1] {
        display: none;
    }


    /*blogggg*/
    .m-blog {
        background-color: #e8e8e8;
        display: grid;
        overflow-wrap: break-word;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 0.125rem 0.25rem 0px;
        padding: 3rem 1rem;
        border-radius: 12px;
    }

    .m-blog-header {
        padding-bottom: 50px;
        z-index: 1;
    }

    .entry-title {
        font-size: 75px;
        font-size: 2.344rem;
    }

    .entry-meta {
        display: block;
        clear: both;
        padding: 5px 0 10px;
    }

    .entry-date, .entry-comments, .entry-author, .entry-edit {
        display: inline;
        padding: 0;
    }

    .entry-content {
        position: relative;
    }

.entry-thumbnail img {
    width: 98%;
    aspect-ratio: 3/2;
    object-fit: contain;
    height: auto;
}
    /*blogggg end*/
    .breadcrumbs[data-v-2] {
        position: absolute;
        left: 0;
        right: 0;
        /*top: 96px;*/
        text-align: left;
    }

    .hero {
        top: auto;
    }

    .wrapper {
        position: relative;
        display: inline-block;
        border-radius: 16px;
        background-color: rgba(0, 0, 0, .5);
        z-index: 1;
    }

    .w-links {
        position: relative;
        padding: .25rem 1rem;
        z-index: 2;
    }

    .w-section:not(:last-child) {
        padding-right: 22px;
    }

    .w-section {
        display: inline-block;
        line-height: 1;
        position: relative;
    }

        .w-section:not(:last-child) :after {
            border-right: 1px solid #fff;
            border-top: 1px solid #fff;
            content: "";
            display: inline-block;
            padding: 3px;
            position: absolute;
            top: 5px;
            right: 10px;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
        }

    .w-link[data-v-2] {
        font-weight: 700;
        text-decoration: none;
        line-height: 1;
        color: #fff;
    }
    /*bread*/
    /*breadend*/
    /*start media*/
    @media print, screen and (min-width: 415px) {
        .m-ul-top-list[data-v-2] {
            grid-template-columns: repeat(3, 2fr);
        }

        .m-li-top-list[disp_2] {
            display: none;
        }

        .m-li-news-list[disp_2] {
            display: none;
        }
    }
@media print, screen and (max-width: 769px) {
    .ul-fv-toogle{
        display: none !important;
    }
    .fast-view-title {
        width: 100%;
        padding: 0.5rem 2rem;
        border-radius: 1rem;
        padding-bottom: 0rem;
        background-color: rgba(120, 120, 119, .5);
    }
}
    @media print, screen and (min-width: 769px) {
        .m-ul-top-list[data-v-2] {
            grid-template-columns: repeat(4, 2fr);
        }

        .m-ul-cat-list[data-v-2] {
            grid-template-columns: repeat(4, 2fr);
        }

        .m-ul-news-list[data-v-2] {
            grid-template-columns: repeat(3, 2fr);
        }

        .m-div-news-list-wrapper {
            margin: 1.5rem 0.5rem
        }

        .m-sp-name-news-list[data-v-2] {
            font-size: 1.3rem;
        }

        .m-li-top-list[disp_2] {
            display: grid;
        }

        .entry-title {
            max-width: 75%;
        }

        .intro-meta {
            max-width: 75%;
        }

        .entry-thumbnail {
            max-width: 30%;
            float: left;
        }

        .col-sm-12 {
            width: 100%;
        }

        .vc-50 {
            flex-basis: max(300px, 50%);
        }

        .entry-content-wrap {
            max-width: 68%;
            float: right;
        }

        .wd-entities-title {
            font-size: 1rem;
        }
    }

    @media print, screen and (max-width: 414px) {
        .m-content-editorial[data-v-sc] {
            padding: 10px;
        }

        .m-ul-news-list[data-v-2] {
            grid-template-columns: repeat(1, 2fr);
        }
    }

    @media print, screen and (max-width: 768px) {
        .m-content-left[data-v-sc] {
            /*height: 8.625rem;*/
            width: 80%;
            margin: auto;
        }


        .m-content-right[data-v-sc] {
            width: 100%;
            margin-top: 16px;
        }

        .m-content-left-wrapper {
            width: 100%;
        }

        .m-content-inner[data-v-sc] {
            display: block;
        }

        .wd-login-tools-text {
            display: none;
        }

        .m-a-top-list {
            /*height: 195px;*/
            text-align: center;
        }
        .m-img-top-list[data-v-2] {
            height: 120%;
        }
        

        .wd-entities-title {
            font-size: 1.4rem;
        }

        .hed-cov-img {
            font-size: 1.2rem;
        }
    }

    @media (min-width: 37.5em) {
        .m-bt-div-search-svg {
            display: none;
        }

        .m-bt-sp-search-txt {
            display: block;
            margin: 0px auto;
        }
    }

    @media (min-width: 576px) {
        .wd-cart-a-wrapper[left] {
            display: none;
        }

        .nav-toogle-wrapper {
            display: none;
        }

        .navbar-brand[left] {
            display: none;
        }

        .div-nav-wrapper-sm-case {
            display: none;
        }

        .nav-item-sm {
            display: none;
        }
    }

    @media (max-width: 575px) {
        .wd-cart-a-wrapper[right] {
            /*display: none;*/
        }

        .navbar-brand[right] {
            display: none;
        }

        .m-panel {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }

        .hed-cov-img {
            font-size: 1.2rem;
            padding-top: 0.7rem;
        }

        .navbar-toggler {
            font-size: 1rem;
            padding-left: 0.1rem;
            padding-right: 0.1rem;
            height: 2rem !important;
            margin-top: 0.11rem;
        }

        .nav-grop-right {
            padding-top: 0.1rem;
        }

        .nav-item-lg {
            display: none;
        }

        .wd-cart-a {
            padding-inline: 0.7rem !important;
        }

        .wd-nav-scroll {
            margin-top: -0.9rem !important;
        }

        .wd-carousel {
            height: 220px;
        }
    }

    @media (max-width: 475px) {
        .wd-carousel {
            height: 180px;
        }
        .span-left {
            flex-basis: 100%;
        }

        .span-right {
            flex-basis: 100%;
        }
    }

    @media (max-width: 410px) {
        .hed-cov-img {
            font-size: 1rem;
            padding-top: 1.1rem;
        }

            .hed-cov-img .logo-img {
                max-width: 30px;
            }

        .navbar {
            padding: 0.5rem 0.3rem !important;
        }

        .wd-cart-a {
            padding-inline: 0.7rem !important;
        }

        .nav-link {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
        }
    }

    @media (min-width: 1000px) {
        .sp-test-1000 {
            display: none;
        }
    }

    @media (min-width: 800px) {
        .sp-test-800 {
            display: none;
        }
    }

    @media (min-width: 700px) {
        .sp-test-700 {
            display: none;
        }
    }

    @media (min-width: 600px) {
        .sp-test-600 {
            display: none;
        }
    }

    @media (min-width: 500px) {
        .sp-test-500 {
            display: none;
        }
    }

    @media (min-width: 400px) {
        .sp-test-400 {
            display: none;
        }
    }

    @media (min-width: 300px) {
        .sp-test-300 {
            display: none;
        }
    }

    @media (min-width: 200px) {
        .sp-test-200 {
            display: none;
        }
    }

    @media (min-width: 100px) {
        .sp-test-100 {
            display: none;
        }
    }
