@font-face
{
    font-family: "iransans";
    src: url("../fonts/iransans/woff/IRANSansWeb(FaNum).woff")
}

@media print
{
    a[href]:after
    {
        content: none !important
    }

    .hidden-print
    {
        display: none
    }
}

*
{
    box-sizing: border-box
}

.my-row
{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap
}

.owl-carousel
{
    position: relative;
    direction: ltr
}

body
{
    direction: rtl;
    font-family: "iransans" !important;
    font-size: 13px;
    padding-left: 0 !important
}

body a
{
    text-decoration: none !important;
    user-select: none
}

.wrapper
{
    max-width: 1300px;
    margin: auto
}

.wrapper-970
{
    max-width: 970px;
    margin: auto
}

.wrapper-1170
{
    max-width: 1170px;
    margin: auto
}

.clearfix
{
    clear: both
}

input, button, select
{
    font: 13px "iransans"
}

.my-btn
{
    border-radius: 0;
    color: #fff;
    width: 100%;
    padding: 14px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.my-btn:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transition: 0.2s ease-out
}

*
{
    font-family: "iransans"
}

.loading
{
    display: none;
    position: relative;
    margin: auto;
    transform: scale(0);
    transition: all 0.25s;
    top: 10px
}

.loading > .item
{
    width: 15px;
    height: 15px;
    background-color: #232933;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both
}

.loading.mini > .item
{
    width: 10px;
    height: 10px
}

.loading .bounce1
{
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.loading .bounce2
{
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

.loading[data-show='1']
{
    transform: scale(1);
    display: block
}

@-webkit-keyframes sk-bouncedelay
{
    0%, 80%, 100%
    {
        -webkit-transform: scale(0)
    }
    40%
    {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bouncedelay
{
    0%, 80%, 100%
    {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40%
    {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.grecaptcha-badge
{
    display: none
}

.pagination-content
{
    padding-bottom: 20px
}

.pagination-content .my-pagination
{
    direction: rtl;
    min-height: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 0
}

.pagination-content .my-pagination .btn-prev-Pagination
{
    margin-left: 8px
}

.pagination-content .my-pagination .btn-next-Pagination, .pagination-content .my-pagination .btn-prev-Pagination
{
    color: #384151;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    transition: 0.2s ease-out
}

.pagination-content .my-pagination .btn-next-Pagination:hover, .pagination-content .my-pagination .btn-next-Pagination:focus, .pagination-content .my-pagination .btn-prev-Pagination:hover, .pagination-content .my-pagination .btn-prev-Pagination:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.pagination-content .my-pagination .number
{
    color: #232933;
    margin-left: 5px;
    display: inline-block;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s ease-out;
    border: 1px solid transparent
}

.pagination-content .my-pagination .number.active
{
    background-color: #00c3e6;
    color: #fff
}

@media (max-width: 767.98px)
{
    .pagination-content .my-pagination
    {
        padding-right: 3px;
        padding-left: 3px;
        padding-bottom: 70px;
        display: block !important
    }
}

body
{
    direction: rtl;
    font: 13px "iransans"
}

.wrapper
{
    max-width: 1300px;
    margin: auto
}

.wrapper-970
{
    max-width: 970px;
    margin: auto
}

.wrapper-800
{
    max-width: 800px;
    margin: auto
}

.my-row
{
    display: flex;
    flex-wrap: wrap
}

.body-content
{
    padding-top: 135px;
    background-color: #f5f5f5
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home']
    {
        margin-bottom: 65px !important
    }
}

.body-content[data-page='home'] .slider
{
    color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider
    {
        margin-bottom: 0
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .right
    {
        padding-right: 0;
        padding-left: 0
    }
}

.body-content[data-page='home'] .slider .content-header .right .slider-top
{
    background-color: transparent;
    border-radius: 10px;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .right .slider-top
    {
        box-shadow: none;
        border-radius: 0 !important;
        overflow: inherit !important;
        padding-top: 2px
    }

    .body-content[data-page='home'] .slider .content-header .right .slider-top:hover
    {
        box-shadow: none
    }
}

.body-content[data-page='home'] .slider .content-header .right .slider-top .item
{
    border-radius: 8px;
    width: 100%;
    overflow: hidden;
    max-height: 420px
}

.body-content[data-page='home'] .slider .content-header .right .slider-top .item img
{
    width: 100%;
    min-height: 420px;
    max-height: inherit;
    border-radius: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .right .slider-top .item
    {
        max-height: 200px;
        border-radius: 0 !important
    }

    .body-content[data-page='home'] .slider .content-header .right .slider-top .item img
    {
        min-height: 132px !important;
        object-fit: contain;
        border-radius: 0
    }
}

.body-content[data-page='home'] .slider .content-header .right .slider-top .item video
{
    text-align: center !important;
    width: 100% !important;
    min-height: 420px;
    max-height: inherit
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .right .slider-top .item video
    {
        min-height: unset !important
    }
}

.body-content[data-page='home'] .slider .content-header .left
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .left
    {
        padding-top: 4px !important;
        padding-right: 5px !important;
        padding-left: 5px !important
    }
}

.body-content[data-page='home'] .slider .content-header .left .banner
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='home'] .slider .content-header .left .banner img
{
    width: 100%;
    height: 205px;
    border-radius: 10px;
    overflow: hidden;
    padding: 1px
}

.body-content[data-page='home'] .slider .content-header .left .banner img:nth-child(1)
{
    margin-bottom: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .left .banner img
    {
        height: 140px !important
    }
}

.body-content[data-page='home'] .slider .content-header .left .banner .banner-item
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 428px;
    height: 205px;
    margin-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .left .banner .banner-item
    {
        height: 140px
    }
}

.body-content[data-page='home'] .slider .content-header .left .banner .banner-item img
{
    padding: 1px;
    width: 100%;
    height: 205px;
    border-radius: 10px;
    overflow: hidden
}

.body-content[data-page='home'] .slider .content-header .left .banner .banner-item img:nth-child(1)
{
    margin-bottom: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .slider .content-header .left .banner .banner-item img
    {
        height: 140px !important
    }
}

.body-content[data-page='home'] .main-content .download-box
{
    display: inherit;
    margin-top: 40px
}

@media (min-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .download-box
    {
        display: none
    }
}

.body-content[data-page='home'] .main-content .download-box a
{
    color: #000;
    font-size: 18px
}

.body-content[data-page='home'] .main-content .download-box a img
{
    width: 50px;
    background: #fff;
    border-radius: 7px;
    border: 1px solid #c1c1c1
}

.body-content[data-page='home'] .main-content .picture-box
{
    margin-top: 15px;
    margin-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .picture-box
    {
        padding-right: 8px !important;
        padding-left: 8px !important;
        margin-top: 10px !important;
        margin-bottom: 4px !important
    }
}

@media (min-width: 767.98px) and (max-width: 1212px)
{
    .body-content[data-page='home'] .main-content .picture-box
    {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
}

.body-content[data-page='home'] .main-content .picture-box .pic-area
{
    padding: 0 !important;
    margin-bottom: 5px
}

.body-content[data-page='home'] .main-content .picture-box .pic-area img
{
    width: 100%;
    border-radius: 6px
}

.body-content[data-page='home'] .main-content .picture-box.picture-box-two .pic-area img
{
    padding: 5px;
    overflow: hidden;
    border-radius: 4px
}

.body-content[data-page='home'] .main-content .main-section
{
    padding-top: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section
    {
        margin-top: 0;
        padding-top: 0
    }
}

.body-content[data-page='home'] .main-content .main-section .category
{
    font-size: 15px;
    padding-bottom: 10px;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category
    {
        margin-right: 10px;
        margin-left: 10px
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content
{
    text-align: center;
    border-radius: 8px;
    margin: 0 10px;
    margin: auto
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c
{
    padding-top: 15px;
    padding-bottom: 30px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c
    {
        padding-top: 0;
        padding-bottom: 0
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area
{
    width: 100%;
    margin: auto;
    padding-right: 5px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area
    {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category
    {
        padding-right: 8px;
        padding-left: 8px
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item
{
    text-align: center;
    margin-top: 5px;
    line-height: 1;
    border-radius: 50% !important
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .pic
{
    max-width: 100px;
    max-height: 100px;
    margin: auto;
    border: 1px solid #E6E6E6;
    border-radius: 50%;
    margin-bottom: 10px
}

@media (min-width: 300px) and (max-width: 359px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .pic
    {
        max-width: 65px !important;
        max-height: 65px !important
    }
}

@media (min-width: 360px) and (max-width: 500px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .pic
    {
        max-width: 75px !important;
        max-height: 75px !important
    }
}

@media (min-width: 501px) and (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .pic
    {
        max-width: 80px;
        max-height: 80px
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .pic img
{
    width: 100%;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .pic img
    {
        border-radius: 50%
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .title
{
    color: #232933;
    font-size: 12px;
    font-weight: 600
}

@media (min-width: 300px) and (max-width: 359px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .title
    {
        font-size: 9px;
        font-weight: normal
    }
}

@media (min-width: 360px) and (max-width: 500px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .title
    {
        font-size: 10px;
        font-weight: normal
    }
}

@media (min-width: 501px) and (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .owl-category .item .title
    {
        font-size: 11px;
        font-weight: normal
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    margin-bottom: 12px;
    padding-bottom: 2px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow
    {
        display: none
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow .right-arrow
{
    padding: 10px;
    cursor: pointer;
    background-color: #008299;
    color: #fff;
    border: 1px solid #000
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow .right-arrow i
{
    width: 25px;
    font-size: 25px;
    position: relative;
    top: 2px
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow .left-arrow
{
    cursor: pointer;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #000
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow .left-arrow
    {
        color: #00D9FF !important
    }
}

.body-content[data-page='home'] .main-content .main-section .category .category-main-content .list-c .slider-area .arrow .left-arrow i
{
    width: 25px;
    font-size: 25px;
    color: #00D9FF;
    position: relative;
    top: 2px
}

.body-content[data-page='home'] .main-content .vizclub-logo
{
    padding: 10px 5px 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo
    {
        padding: 0 5px 5px 5px !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box
{
    padding: 0 0 10px 0;
    border-radius: 15px;
    border: 1px solid #00D9FF;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 2px rgba(0, 217, 255, 0.26), 0 2px 10px 2px rgba(0, 217, 255, 0.26);
    background: #00D9FF;
    background: linear-gradient(to bottom, #ffeacd, #00D9FF)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo .viz-box
    {
        padding: 4px !important;
        border-radius: 8px !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-evenly
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .title, .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .description
{
    font-size: 13px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .title, .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .description
    {
        font-size: 10px !important;
        padding-bottom: 5px !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .title b, .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .description b
{
    font-size: 18px;
    color: #008299
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .title b, .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .description b
    {
        font-size: 14px !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .line
{
    border-bottom: 1px solid #6d6d6d;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    height: 1px;
    width: 50%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .right-v .line
    {
        width: 80% !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .left-v
{
    display: flex;
    flex-direction: column
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .left-v img
{
    width: 110px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .left-v img
    {
        margin: auto !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .left-v .singup-to-viz
{
    margin-top: 10px;
    border: none;
    outline: none;
    background-color: #0098b3 !important;
    border-radius: 50px;
    color: #fff;
    padding: 8px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    text-align: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .vizclub-logo .viz-box .left-v .singup-to-viz
    {
        margin-top: 8px !important;
        margin-bottom: 3px !important;
        padding: 5px !important;
        font-size: 10px !important
    }
}

.body-content[data-page='home'] .main-content .vizclub-logo .viz-box .left-v .singup-to-viz:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='home'] .main-content .proposal-area
{
    background-color: #0098b3;
    background-image: url("../img/bg-proposal.png?1");
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area
    {
        background-color: #cb1026 !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area
    {
        background-position: right !important
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover
{
    background-color: rgba(0, 130, 153, 0.9);
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover
    {
        padding-top: 10px
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal
{
    display: flex;
    justify-content: space-between;
    padding-top: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal
    {
        padding-top: 5px !important
    }
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal
    {
        padding-top: 0
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box
    {
        order: 2
    }
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box
    {
        order: 2
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items
{
    display: flex !important;
    align-items: center !important;
    flex-wrap: inherit !important;
    padding-bottom: 8px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box.next
{
    justify-content: flex-end
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box.prev
{
    justify-content: flex-start
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box .btn-arrow
{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    transition: 0.2s ease-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box .btn-arrow:hover
{
    transform: scale(1.1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box .btn-arrow
    {
        display: none !important
    }
}

@media (min-width: 767.98px) and (max-width: 1020px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box .btn-arrow
    {
        display: none
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .arrow-box .btn-arrow i
{
    color: #00c3e6;
    font-size: 25px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items
    {
        margin-right: 0;
        margin-left: 0;
        max-width: inherit
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item
{
    padding: 5px;
    height: 100%
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content
{
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #00D9FF
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-top .pic
{
    width: 100%;
    height: 180px;
    margin: 30px 0 30px 0
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom
{
    padding-top: 5px;
    padding-bottom: 10px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .i-title
{
    padding-top: 5px;
    padding-bottom: 4px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .i-title a
{
    padding: 0 4px;
    color: #232933 !important;
    font-size: 13px;
    font-weight: 500
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .line
{
    padding-bottom: 5px;
    margin: auto;
    width: 95%;
    border-top: 1px solid #D8D8D8
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .ranking-box .number-rank
{
    color: #232933;
    font-size: 14px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .ranking-box .star-rank i
{
    color: #E2E2E2;
    font-size: 15px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .ranking-box .star-rank .checked
{
    font-size: 15px;
    color: #FFEE00
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box
{
    display: flex;
    align-items: center;
    justify-content: space-around
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .discount
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bold;
    position: relative;
    left: 2px;
    bottom: 26px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .price
{
    color: #232933;
    display: flex;
    align-items: center
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .price .price-area
{
    font-weight: 600;
    font-size: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .price .price-area
    {
        font-size: 16px
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .price .price-area.finished
{
    color: #ef394e !important
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .items .item .i-content .i-bottom .price-box .price .unit
{
    color: #2c3e50;
    font-size: 28px;
    padding-right: 4px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow
{
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow
    {
        display: none
    }
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow
    {
        order: 1
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow .right-arrow
{
    border: 1px solid #112630;
    padding: 10px;
    background-color: #008299;
    color: #fff;
    cursor: pointer
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow .right-arrow i
{
    width: 25px;
    font-size: 25px;
    position: relative;
    top: 2px;
    left: 5px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow .left-arrow
{
    border: 1px solid #112630;
    background-color: #fff;
    padding: 10px;
    cursor: pointer
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .slider-box .arrow .left-arrow i
{
    width: 25px;
    font-size: 25px;
    color: #00D9FF;
    position: relative;
    top: 2px;
    left: 5px
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box
    {
        order: 1;
        padding-top: 5px;
        padding-bottom: 8px
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area
{
    font-size: 16px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #F5F5F5;
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area
    {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row !important
    }

    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area .default-title, .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area .title
    {
        font-size: 13px !important
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area .default-title
{
    color: #fff;
    font-size: 32px !important;
    font-weight: 500;
    text-shadow: 2px -2px 5px #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area .default-title
    {
        font-size: 23px !important;
        padding-left: 4px
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area .title
{
    font-size: 28px;
    font-weight: bold;
    text-shadow: 2px -2px 5px #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .title-area .title
    {
        font-size: 18px !important
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .picture-area img
{
    max-height: 280px;
    filter: drop-shadow(2px 8px 18px yellow)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .picture-area
    {
        display: none !important
    }
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .show-more-area
{
    display: inline-flex;
    padding: 10px 30px;
    background-color: rgba(0, 217, 255, 0.3);
    border: 1px solid #00D9FF;
    border-radius: 8px;
    margin-bottom: 10px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .show-more-area:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .show-more-area .show-more
{
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .show-more-area .show-more .title
{
    color: #00D9FF;
    padding-left: 5px;
    font-weight: 600
}

.body-content[data-page='home'] .main-content .proposal-area .cover .proposal .title-box .show-more-area .show-more i
{
    font-size: 19px;
    color: #00D9FF
}

.body-content[data-page='home'] .main-content .category-list-box
{
    padding-right: 10px !important;
    padding-left: 10px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box
    {
        padding-right: 10px !important
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider
{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider
    {
        border-radius: 0 8px 8px 0 !important
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title
{
    background-color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-bottom: 1px solid #ebebeb;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 8px;
    margin-left: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title
    {
        padding-top: 10px
    }

    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .title, .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .more
    {
        font-size: 10px !important;
        width: 50%
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .title
{
    padding-right: 0 !important;
    text-align: right
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .title
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .title .title-area
{
    font-weight: 700;
    color: #232933;
    font-size: 16px;
    padding-bottom: 6px;
    padding-right: 0 !important;
    display: inline-block;
    border-bottom: 2px solid #00D9FF;
    position: relative;
    top: 1px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .title .title-area
    {
        font-size: 13px
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .more
{
    text-align: left;
    font-size: 12px;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: 0.2s ease-out
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .more .text
{
    padding-left: 4px;
    color: #7687a1 !important;
    font-weight: 600
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .box-title .more i
{
    color: #7687a1 !important;
    font-weight: 600;
    font-size: 16px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items
{
    margin-top: 5px;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .btn-arrow
{
    cursor: pointer;
    background-color: #fff;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .btn-arrow:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .btn-arrow
    {
        display: none !important
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .btn-arrow i
{
    color: #232933 !important;
    font-size: 35px;
    width: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .btn-arrow.right-arrow
{
    border-radius: 10px 0 0 10px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .btn-arrow.left-arrow
{
    border-radius: 0 10px 10px 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items
    {
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        max-width: inherit
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .owl-item
{
    margin-top: 5px !important;
    margin-bottom: 20px !important;
    margin-right: 5px !important
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item
{
    height: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    transition: 0.2s ease-out
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item:hover
{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(-2px)
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item
    {
        margin-bottom: 5px
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content
{
    border: 1px solid transparent;
    overflow: hidden;
    position: relative;
    transition: 0.2s ease-out;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-top .pic
{
    width: 100%;
    height: 180px !important;
    margin: 30px 0 30px 0
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom
{
    padding-top: 5px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .i-title
{
    padding-top: 10px;
    padding-bottom: 8px;
    line-height: 1.5
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .i-title a
{
    color: #232933 !important;
    font-size: 13px;
    font-weight: 500;
    padding: 0 3px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .line
{
    padding-bottom: 5px;
    margin: auto;
    width: 95%;
    border-top: 1px solid #D8D8D8
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .ranking-box .number-rank
{
    color: #232933;
    font-size: 14px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .ranking-box .star-rank i
{
    color: #E2E2E2;
    font-size: 15px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .ranking-box .star-rank .checked
{
    font-size: 15px;
    color: #FFEE00
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box
{
    display: flex;
    align-items: center;
    justify-content: space-around
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .discount
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bold;
    position: relative;
    left: 2px;
    bottom: 26px
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price
{
    color: #232933;
    display: flex;
    align-items: center
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .price-area
{
    font-weight: 600;
    font-size: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .price-area
    {
        font-size: 16px
    }
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .price-area.finished
{
    color: #ef394e !important
}

.body-content[data-page='home'] .main-content .category-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .unit
{
    padding-right: 4px;
    font-size: 28px;
    color: #2c3e50
}

.body-content[data-page='home'] .main-content .product-amazing-area
{
    background-image: url("../img/bg-amazing.jpg");
    background-repeat: no-repeat;
    background-size: cover
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area
    {
        background-position: right !important
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing
{
    display: flex;
    justify-content: space-between;
    padding-top: 15px;
    padding-bottom: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing
    {
        padding-top: 5px !important
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box
    {
        order: 2
    }
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box
    {
        order: 1
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items
{
    display: flex !important;
    align-items: center !important;
    flex-wrap: inherit !important;
    padding-bottom: 8px;
    width: 95%;
    margin-right: 0 !important;
    margin-left: 0 !important
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow
{
    border-radius: 50%;
    cursor: pointer;
    background-color: #fff;
    transition: 0.2s ease-out;
    z-index: 200
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow:hover
{
    transform: scale(1.1);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow
    {
        display: none !important
    }
}

@media (min-width: 767.98px) and (max-width: 1020px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow
    {
        display: none
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow i
{
    color: #e92148;
    font-size: 25px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow.right-arrow
{
    margin-left: 5px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .btn-arrow.left-arrow
{
    margin-right: 5px;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items
    {
        width: 98%;
        margin-right: 0;
        margin-left: 0;
        max-width: inherit
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item
{
    padding: 5px;
    height: 100%
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content
{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.5s;
    border: 1px solid transparent
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #232933
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 30px 0 30px 0
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-top .pic
{
    width: 100%;
    height: 180px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom
{
    padding-top: 8px;
    padding-bottom: 10px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .ranking i
{
    color: #CBCBCB;
    font-size: 18px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .ranking .checked
{
    font-size: 18px;
    color: #FFC107
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .i-title
{
    padding-top: 5px;
    padding-bottom: 4px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .i-title a
{
    padding: 5px 4px;
    color: #232933 !important;
    font-size: 12px;
    font-weight: 600
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .line
{
    padding-bottom: 5px;
    margin: auto;
    width: 95%;
    border-top: 1px solid #D8D8D8
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .ranking-box .number-rank
{
    color: #232933;
    font-size: 14px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .ranking-box .star-rank i
{
    color: #E2E2E2;
    font-size: 15px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .ranking-box .star-rank .checked
{
    font-size: 15px;
    color: #FFEE00
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box
{
    display: flex;
    align-items: center;
    justify-content: space-around
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .discount
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bold;
    position: relative;
    left: 2px;
    bottom: 26px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .price
{
    color: #232933;
    display: flex;
    align-items: center
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .price .price-area
{
    font-weight: bold;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .price .price-area
    {
        font-size: 18px
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .price .price-area.finished
{
    color: #fc3c3c !important
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .items .item .i-content .i-bottom .price-box .price .unit
{
    padding-right: 4px;
    font-size: 25px;
    color: #2c3e50
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .arrow
{
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

@media (min-width: 767.98px) and (max-width: 1020px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .arrow
    {
        order: 1
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .arrow .right-arrow
{
    border: 1px solid #112630;
    padding: 10px;
    background-color: #008299;
    color: #fff;
    cursor: pointer
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .arrow .right-arrow i
{
    width: 25px;
    font-size: 25px;
    position: relative;
    top: 2px;
    left: 5px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .arrow .left-arrow
{
    border: 1px solid #112630;
    background-color: #fff;
    padding: 10px;
    cursor: pointer
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .slider-box .arrow .left-arrow i
{
    width: 25px;
    font-size: 25px;
    color: #00D9FF;
    position: relative;
    top: 2px;
    left: 5px
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box
    {
        order: 1
    }
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box
    {
        order: 0;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .title-area
{
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #F5F5F5;
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 16px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .title-area
    {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row !important;
        padding-top: 10px;
        padding-bottom: 5px
    }

    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .title-area .default-title
    {
        font-size: 13px !important
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .title-area .default-title
{
    font-size: 32px !important;
    font-weight: bold;
    text-shadow: 2px -2px 5px black
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .title-area .default-title
    {
        font-size: 23px !important
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .picture-area
{
    width: 200px;
    height: auto
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .picture-area img
{
    width: 100%;
    height: auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .title-box .picture-area
    {
        display: none !important
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area
{
    display: inline-flex;
    padding: 15px 20px;
    background-color: #fff;
    border: 1px solid #e92148;
    border-radius: 8px;
    opacity: 0.8;
    margin-top: 15px;
    margin-bottom: 15px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area
    {
        background-color: transparent;
        box-shadow: none;
        margin-top: 0;
        margin-bottom: 0
    }

    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area:hover
    {
        box-shadow: none
    }
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area .show-more
{
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area .show-more .title
{
    color: #e92148;
    padding-left: 5px;
    font-weight: 600
}

.body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area .show-more i
{
    font-size: 19px;
    color: #e92148
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area .show-more .title, .body-content[data-page='home'] .main-content .product-amazing-area .cover .product-amazing .title-box .show-more-area .show-more i
    {
        color: #fff !important
    }
}

.body-content[data-page='home'] .main-content .brand-list-box
{
    padding-right: 10px !important;
    padding-left: 10px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box
    {
        padding-right: 10px !important
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider
{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-top: 12px;
    margin-bottom: 12px;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider
    {
        border-radius: 0 12px 12px 0 !important
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title
{
    background-color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 15px;
    border-bottom: 1px solid #232933;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 8px;
    margin-left: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title
    {
        padding-top: 10px
    }

    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .title, .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .more
    {
        font-size: 10px !important;
        width: 50%
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .title
{
    text-align: right
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .title
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .title .title-area
{
    color: #232933;
    font-size: 16px;
    padding-bottom: 6px;
    padding-right: 0 !important;
    font-weight: bold;
    display: inline-block;
    border-bottom: 4px solid #232933;
    position: relative;
    top: 2px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .title .title-area
    {
        font-size: 10px !important
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .more
{
    text-align: left;
    font-size: 12px;
    padding-left: 0 !important;
    color: #232933 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-weight: bold;
    transition: 0.2s ease-out
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .more .text
{
    padding-left: 4px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .box-title .more i
{
    font-size: 18px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items
{
    margin-top: 5px;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .btn-arrow
{
    cursor: pointer;
    background-color: #fff;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .btn-arrow:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .btn-arrow
    {
        display: none !important
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .btn-arrow i
{
    color: #232933 !important;
    font-size: 35px;
    width: 30px;
    padding-top: 30px;
    padding-bottom: 30px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .btn-arrow.right-arrow
{
    margin-left: 5px !important;
    border-radius: 10px 0 0 10px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .btn-arrow.left-arrow
{
    margin-right: 5px !important;
    border-radius: 0 10px 10px 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items
    {
        margin-bottom: 0;
        margin-right: 0;
        margin-left: 0;
        max-width: inherit
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .owl-item
{
    margin-top: 5px !important;
    margin-bottom: 10px !important;
    margin-right: 5px !important
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item
{
    height: 100%;
    margin-bottom: 5px;
    padding-bottom: 5px;
    background-color: #fff;
    border-radius: 6px;
    transition: 0.2s ease-out
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item:hover
{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transform: translateY(-2px)
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item
    {
        margin-bottom: 5px
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content
{
    overflow: hidden;
    position: relative;
    transition: 0.2s ease-out;
    border: 1px solid transparent;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-top .pic
{
    width: 50%;
    height: 80px !important;
    margin: 0
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom
{
    padding-top: 5px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .i-title
{
    padding-top: 10px;
    padding-bottom: 8px;
    line-height: 1.5
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .i-title a
{
    color: #232933 !important;
    font-size: 12px;
    font-weight: 600;
    padding: 0 3px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .line
{
    padding-bottom: 5px;
    margin: auto;
    width: 95%;
    border-top: 1px solid #D8D8D8
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .ranking-box .number-rank
{
    color: #232933;
    font-size: 14px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .ranking-box .star-rank i
{
    color: #E2E2E2;
    font-size: 15px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .ranking-box .star-rank .checked
{
    font-size: 15px;
    color: #FFEE00
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box
{
    display: flex;
    align-items: center;
    justify-content: space-around
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .discount
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bold;
    position: relative;
    left: 2px;
    bottom: 26px
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price
{
    color: #232933;
    display: flex;
    align-items: center
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .price-area
{
    font-weight: bold;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .price-area
    {
        font-size: 18px
    }
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .price-area.finished
{
    color: #fc3c3c !important
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .items .item .i-content .i-bottom .price-box .price .unit
{
    padding-right: 4px;
    font-size: 25px;
    color: #2c3e50
}

.body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .new-products-slider
{
    width: 94% !important
}

@media (min-width: 767.98px) and (max-width: 899px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .new-products-slider
    {
        width: 90% !important
    }
}

@media (min-width: 900px) and (max-width: 1120px)
{
    .body-content[data-page='home'] .main-content .brand-list-box .category-slider-area .category-slider .new-products-slider
    {
        width: 90% !important
    }
}

.body-content[data-page='home'] .main-content .picture-box-Three
{
    margin-top: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .picture-box-Three
    {
        padding-right: 8px !important;
        padding-left: 8px !important;
        margin-top: 10px !important;
        margin-bottom: 4px !important
    }
}

@media (min-width: 767.98px) and (max-width: 1212px)
{
    .body-content[data-page='home'] .main-content .picture-box-Three
    {
        margin-right: 12px !important;
        margin-left: 12px !important
    }
}

.body-content[data-page='home'] .main-content .picture-box-Three .pic-area
{
    padding: 5px;
    margin-bottom: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='home'] .main-content .picture-box-Three .pic-area
    {
        flex: 50% !important;
        max-width: 50% !important;
        margin-bottom: 0 !important
    }
}

.body-content[data-page='home'] .main-content .picture-box-Three .pic-area img
{
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    transition: 0.2s ease-out
}

.body-content[data-page='home'] .main-content .picture-box-Three .pic-area img:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='home'] .site-content
{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    background: #5793cf;
    background: linear-gradient(180deg, #5793cf 0%, #fefefe 100%)
}

.body-content[data-page='home'] .site-content .box-content
{
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    text-align: center;
    align-items: center
}

.body-content[data-page='home'] .site-content .box-content .form
{
    margin-bottom: 10px
}

.body-content[data-page='home'] .site-content .box-content .form .icon-login
{
    width: 193px;
    margin: 20px 0
}

.body-content[data-page='home'] .site-content .box-content .form h4
{
    color: #5AAAE1
}

.body-content[data-page='home'] .site-content .box-content .form h6
{
    color: #7F7F7F;
    font-weight: 400;
    font-size: 11px;
    margin: 20px 0
}

.body-content[data-page='home'] .site-content .box-content .form input
{
    outline: none;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #99CBED;
    border-radius: 20px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.body-content[data-page='home'] .site-content .box-content .form ::placeholder
{
    color: #99CBED;
    opacity: 1
}

.body-content[data-page='home'] .site-content .box-content .form :-ms-input-placeholder
{
    color: #99CBED
}

.body-content[data-page='home'] .site-content .box-content .form ::-ms-input-placeholder
{
    color: #99CBED
}

.body-content[data-page='home'] .site-content .box-content .form .input-group-text
{
    border: 1px solid #99CBED;
    background: none;
    border-left: 0;
    border-radius: 0 20px 20px 0
}

.body-content[data-page='home'] .site-content .box-content .form .input-group-text .fi
{
    color: #5AAAE1;
    font-size: 22px
}

.body-content[data-page='home'] .site-content .box-content .form .btn-login
{
    margin-top: 10px;
    background: #3498DB;
    color: #fff;
    border-radius: 20px
}

.body-content[data-page='home'] .site-content .box-content .form .forgot
{
    color: #7F7F7F;
    font-size: 15px
}

.body-content[data-page='home'] .site-content .box-content .details
{
    background: url(../img/bg_l.png) #f6f7fb no-repeat;
    background-position: 0 200px;
    background-size: contain;
    border-left: 1px solid #CFCFCF;
    padding: 0 30px;
    border-radius: 0 20px 20px 0
}

.body-content[data-page='home'] .site-content .box-content .details .logo
{
    width: 170px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='home'] .site-content .box-content .details h4
{
    color: #5AAAE1
}

.body-content[data-page='home'] .site-content .box-content .details h6
{
    color: #5AAAE1;
    font-weight: 300;
    font-size: 12px
}

@media (max-width: 700px)
{
    .body-content .logo
    {
        width: 120px !important
    }

    .body-content .icon-login
    {
        width: 120px !important
    }

    .body-content .site-content
    {
        padding: 0 !important
    }

    .body-content .site-content .box-content .details
    {
        border-radius: 0 !important
    }
}

.body-content[data-page='mySubsidiaries'] .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club
    {
        border-bottom: 1px solid transparent !important;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 180px !important
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .logo
    {
        width: 80px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .logo img
{
    width: 100%
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #c5c5c5;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club .items .item.active, .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club
{
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club
    {
        margin-top: 6px;
        border: none;
        padding-top: 0
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club
    {
        padding-top: 5px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content
{
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content
    {
        margin-left: 0;
        margin-right: 0
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 4px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title
    {
        display: none
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title .right
{
    color: #112630;
    font-size: 12px;
    padding-bottom: 8px
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title .left
{
    padding-bottom: 5px
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title .left .pic
{
    width: 45px;
    height: 45px;
    border-radius: 50%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title .left .pic
    {
        width: 38px;
        height: 38px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .title .left .pic img
{
    width: 100%
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters
{
    padding: 8px 0;
    border-bottom: 1px solid #484848;
    height: 100%;
    display: flex
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters
    {
        display: none
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    background-color: #fff;
    padding: 6px 9px;
    margin: 2px;
    border-radius: 4px;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item
    {
        padding: 4px 5px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item .text
{
    color: #232933;
    font-size: 11px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item .text
    {
        font-size: 10px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item i
{
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 20px;
    border-radius: 50%;
    color: white;
    background-color: #C9C9C9
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item i
    {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item.active, .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item:hover
{
    background-color: #232933
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item.active .text, .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item:hover .text
{
    color: white
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item.active i, .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .filters .item:hover i
{
    background-color: white;
    color: #232933
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items
{
    padding-top: 10px;
    width: 100%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items
    {
        padding-top: 0
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item
{
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-bottom: 8px
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .score-box
{
    display: flex;
    align-items: center;
    background-color: transparent;
    border-radius: 0 5px 5px 0;
    width: 200px;
    padding: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .score-box
    {
        padding: 16px 12px 16px 10px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .score-box .score
{
    color: #232933;
    font-size: 14px;
    padding-left: 5px
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .main
{
    flex-grow: 1;
    padding-right: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .main
    {
        padding-right: 5px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .main .title-m
{
    padding-top: 0;
    padding-bottom: 12px;
    font-size: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .main .title-m
    {
        font-size: 11px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .main .description-m
{
    font-size: 11px;
    padding-right: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .main .description-m
    {
        font-size: 10px;
        padding-right: 0
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .time
{
    text-align: left;
    padding-left: 10px;
    font-size: 13px;
    margin: 6px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .time
    {
        font-size: 12px
    }
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .time .pic
{
    margin-right: 10px;
    width: 25px;
    height: 25px
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item .time .pic img
{
    width: 100%
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item.success
{
    border-color: #27AE60 !important
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item.success .score-box
{
    background-color: #27AE60
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item.un-success
{
    border: 1px solid #ef394e !important
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .list-items .item.un-success .score-box
{
    background-color: #ef394e
}

.body-content[data-page='mySubsidiaries'] .club-page .mySubsidiaries .content-club .history-content .pagination-h
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='verify'] .site-content
{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.body-content[data-page='verify'] .site-content .box-content
{
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 20px;
    text-align: center;
    align-items: center
}

@media (max-width: 700px)
{
    .body-content[data-page='verify'] .site-content .box-content
    {
        margin: 5px
    }
}

.body-content[data-page='verify'] .site-content .box-content .form
{
    padding-bottom: 30px
}

.body-content[data-page='verify'] .site-content .box-content .form .icon-login
{
    width: 193px;
    margin: 20px 0
}

.body-content[data-page='verify'] .site-content .box-content .form h4
{
    color: #232933
}

.body-content[data-page='verify'] .site-content .box-content .form h6
{
    color: #232933;
    font-weight: 400;
    font-size: 11px;
    margin: 20px 0
}

.body-content[data-page='verify'] .site-content .box-content .form input
{
    outline: none;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #232933;
    border-radius: 20px;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.body-content[data-page='verify'] .site-content .box-content .form ::placeholder
{
    color: #232933;
    opacity: 1
}

.body-content[data-page='verify'] .site-content .box-content .form :-ms-input-placeholder
{
    color: #232933
}

.body-content[data-page='verify'] .site-content .box-content .form ::-ms-input-placeholder
{
    color: #232933
}

.body-content[data-page='verify'] .site-content .box-content .form .input-group-text
{
    border: 1px solid #232933;
    background: none;
    border-left: 0;
    border-radius: 0 20px 20px 0
}

.body-content[data-page='verify'] .site-content .box-content .form .input-group
{
    padding: 0 100px;
    margin-bottom: 20px !important
}

@media (max-width: 700px)
{
    .body-content[data-page='verify'] .site-content .box-content .form .input-group
    {
        padding: 0 50px !important
    }
}

.body-content[data-page='verify'] .site-content .box-content .form .input-group .part
{
    text-align: center;
    border-radius: 10px;
    border-right: 1px solid #232933;
    margin: 0 5px
}

.body-content[data-page='verify'] .site-content .box-content .form .edit-number
{
    font-size: 20px;
    font-weight: 400
}

.body-content[data-page='verify'] .site-content .box-content .form .edit-number i
{
    color: #232933
}

.body-content[data-page='verify'] .site-content .box-content .form .edit-number .mobile
{
    color: #232933
}

.body-content[data-page='verify'] .site-content .box-content .form .btn-login
{
    margin-top: 20px;
    background: #232933;
    color: #fff;
    border-radius: 20px;
    cursor: pointer
}

.body-content[data-page='verify'] .site-content .box-content .form .timer
{
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    float: left;
    border: 1px solid #7F7F7F;
    width: 150px;
    color: #7F7F7F;
    font-size: 11px
}

.body-content[data-page='verify'] .site-content .box-content .details
{
    background: url(../img/bg_l.png) #f6f7fb no-repeat;
    background-position: 0 200px;
    background-size: contain;
    border-left: 1px solid #CFCFCF;
    padding: 0 30px;
    border-radius: 0 20px 20px 0
}

.body-content[data-page='verify'] .site-content .box-content .details .logo
{
    width: 170px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='verify'] .site-content .box-content .details h4
{
    color: #232933
}

.body-content[data-page='verify'] .site-content .box-content .details h6
{
    color: #232933;
    font-weight: 300;
    font-size: 12px
}

.body-content[data-page='convert'] .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 700px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club
    {
        border-bottom: 1px solid transparent;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 220px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .logo
    {
        width: 80px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .logo img
{
    width: 100%
}

.body-content[data-page='convert'] .club-page .club .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #384151;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .menu-club .items .item.active, .body-content[data-page='convert'] .club-page .club .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='convert'] .club-page .club .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='convert'] .club-page .club .content-club
{
    background-color: white;
    margin-top: 12px;
    border: 1px solid #707070;
    border-radius: 5px;
    padding: 15px 5px 5px;
    margin-right: 10px;
    margin-left: 10px
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club
    {
        margin-top: 6px;
        border: none;
        padding-top: 0
    }
}

@media (min-width: 700px) and (max-width: 992px)
{
    .body-content[data-page='convert'] .club-page .club .content-club
    {
        padding-top: 5px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content
{
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content
    {
        margin-left: 0;
        margin-right: 0
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .title
{
    color: #112630;
    border-bottom: 1px solid #797777;
    font-size: 13px;
    padding-bottom: 8px;
    padding-right: 0
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .title
    {
        font-size: 12px;
        padding-top: 8px;
        padding-bottom: 0;
        padding-right: 5px;
        border: 1px solid #707070;
        border-bottom: none;
        border-radius: 8px 8px 0 0
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right
{
    padding-top: 12px
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right
    {
        border: 1px solid #707070;
        border-radius: 0 0 8px 8px;
        margin-bottom: 8px;
        border-top: none;
        padding-top: 0
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right .title-r
{
    font-size: 12px;
    font-weight: bold;
    color: #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right .title-r
    {
        display: none
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right .text
{
    padding-top: 10px;
    font-size: 11px;
    color: #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right .text
    {
        line-height: 25px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form
{
    padding-top: 20px;
    padding-bottom: 15px
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box
{
    border: 1px solid #7d8ca5;
    border-radius: 15px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box
    {
        border-radius: 50px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box .ref-id
{
    flex-grow: 1;
    outline: none;
    border: none;
    padding: 12px 15px 12px 0;
    font-size: 15px;
    color: #232933
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box .ref-id::placeholder
{
    color: #232933
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box .ref-id
    {
        font-size: 12px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box .code
{
    padding: 10px 5px;
    border: none;
    text-align: center;
    color: #232933;
    font-size: 14px;
    direction: ltr;
    font-weight: bold;
    letter-spacing: 5px;
    user-select: none
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box .code
    {
        margin-left: 8px;
        font-size: 12px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .input-box:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .btn-copy
{
    margin-top: 12px;
    width: 100%;
    padding: 16px 20px;
    border: none;
    outline: none;
    background-color: #232933;
    color: #ffffff;
    border-radius: 15px;
    font-size: 11px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .btn-copy:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .right form .btn-copy
    {
        border-radius: 50px;
        padding: 13px 20px;
        margin-top: 6px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left
{
    padding-top: 12px
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left
    {
        border: 1px solid #707070;
        border-radius: 8px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item
{
    margin-bottom: 30px
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item:last-child
{
    margin-bottom: 5px
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .score
{
    color: #2ECC71;
    font-weight: bold;
    font-size: 18px;
    padding-left: 4px
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .score
    {
        font-size: 15px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .pic
{
    padding-left: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .pic img
{
    width: 100%
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .text
{
    font-size: 13px;
    color: #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .title-box .text
    {
        font-size: 11.5px
    }
}

.body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .description
{
    color: #383939;
    font-size: 11px;
    padding-top: 5px
}

@media (max-width: 700px)
{
    .body-content[data-page='convert'] .club-page .club .content-club .invite-friends-content .left .item .description
    {
        font-size: 10px
    }
}

.body-content[data-page='notFound'] .site-content
{
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center
}

.body-content[data-page='notFound'] .site-content .icon img
{
    max-width: 450px
}

.body-content[data-page='notFound'] .site-content .desc
{
    text-align: center;
    font-size: 18px
}

.body-content[data-page='notFound'] .site-content a
{
    border: 1px solid #00D9FF;
    color: #00D9FF !important;
    padding: 10px 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

.body-content[data-page='notFound'] .site-content a:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='inviteFriend'] .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 700px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club
    {
        border-bottom: 1px solid transparent;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 220px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .logo
    {
        width: 80px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .logo img
{
    width: 100%
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #384151;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club .items .item.active, .body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club
{
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px 5px 5px
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club
    {
        margin-top: 6px;
        border: none;
        padding-top: 0
    }
}

@media (min-width: 700px) and (max-width: 992px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club
    {
        padding-top: 5px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content
{
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content
    {
        margin-left: 0;
        margin-right: 0
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .title
{
    color: #112630;
    border-bottom: 1px solid #797777;
    font-size: 13px;
    padding-bottom: 8px;
    padding-right: 0
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .title
    {
        font-size: 12px;
        padding-top: 8px;
        padding-bottom: 0;
        padding-right: 5px;
        border: 1px solid #707070;
        border-bottom: none;
        border-radius: 8px 8px 0 0
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right
{
    padding-top: 12px
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right
    {
        border: 1px solid #707070;
        border-radius: 0 0 8px 8px;
        margin-bottom: 8px;
        border-top: none;
        padding-top: 0
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right .title-r
{
    font-size: 12px;
    font-weight: bold;
    color: #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right .title-r
    {
        display: none
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right .text
{
    padding-top: 10px;
    font-size: 11px;
    color: #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right .text
    {
        line-height: 25px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form
{
    padding-top: 20px;
    padding-bottom: 15px
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box
{
    border: 1px solid #ccf7ff;
    border-radius: 15px;
    display: flex;
    align-items: center;
    overflow: hidden;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box
    {
        border-radius: 50px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box .ref-id
{
    flex-grow: 1;
    padding: 12px 15px 12px 0;
    font-size: 15px;
    color: #232933
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box .ref-id::placeholder
{
    color: #232933
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box .ref-id
    {
        font-size: 12px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box .code
{
    padding: 0 5px;
    border: none;
    outline: none;
    text-align: left;
    color: #232933;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
    user-select: none;
    margin-left: 5px;
    background-color: transparent !important
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box .code
    {
        margin-left: 8px;
        font-size: 12px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .input-box:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .btn-copy
{
    margin-top: 12px;
    width: 100%;
    padding: 16px 20px;
    border: none;
    outline: none;
    background-color: #232933;
    color: #ffffff;
    border-radius: 15px;
    font-size: 11px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .btn-copy:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .right form .btn-copy
    {
        border-radius: 50px;
        padding: 13px 20px;
        margin-top: 6px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left
{
    padding-top: 12px
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left
    {
        border: 1px solid #707070;
        border-radius: 8px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item
{
    margin-bottom: 30px
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item:last-child
{
    margin-bottom: 5px
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .score
{
    color: #2ECC71;
    font-size: 18px;
    font-weight: bold;
    padding-left: 4px
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .score
    {
        font-size: 15px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .pic
{
    padding-left: 6px;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .pic img
{
    width: 100%
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .text
{
    font-size: 13px;
    color: #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .title-box .text
    {
        font-size: 11.5px
    }
}

.body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .description
{
    color: #383939;
    font-size: 11px;
    padding-top: 5px
}

@media (max-width: 700px)
{
    .body-content[data-page='inviteFriend'] .club-page .club .content-club .invite-friends-content .left .item .description
    {
        font-size: 10px
    }
}

.body-content .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content .club-page .club .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club
    {
        border-bottom: 1px solid transparent !important;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content .club-page .club .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 180px !important
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .logo
    {
        width: 80px
    }
}

.body-content .club-page .club .header-club .logo img
{
    width: 100%
}

.body-content .club-page .club .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #c5c5c5;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content .club-page .club .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content .club-page .club .header-club .menu-club .items .item.active, .body-content .club-page .club .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content .club-page .club .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content .club-page .club .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content .club-page .club .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content .club-page .club .content-club
{
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club
    {
        margin-top: 6px;
        border: none;
        padding-top: 0;
        background-color: transparent !important
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .content-club
    {
        padding-top: 5px
    }
}

.body-content .club-page .club .content-club .public-page-club-content
{
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .public-page-club-content
    {
        margin-left: 0;
        margin-right: 0;
        border: 1px solid #989895;
        border-radius: 8px;
        padding: 5px
    }
}

.body-content .club-page .club .content-club .public-page-club-content .title-public
{
    font-size: 12.5px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .public-page-club-content .title-public
    {
        padding-top: 8px
    }
}

.body-content .club-page .club .content-club .public-page-club-content .text-public
{
    padding-right: 20px;
    font-size: 13px;
    padding-top: 8px;
    line-height: 2.5
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .public-page-club-content .text-public
    {
        padding-right: 0
    }
}

.body-content .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content .club-page .club .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club
    {
        border-bottom: 1px solid transparent !important;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content .club-page .club .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 180px !important
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .logo
    {
        width: 80px
    }
}

.body-content .club-page .club .header-club .logo img
{
    width: 100%
}

.body-content .club-page .club .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #c5c5c5;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content .club-page .club .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content .club-page .club .header-club .menu-club .items .item.active, .body-content .club-page .club .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content .club-page .club .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content .club-page .club .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content .club-page .club .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content .club-page .club .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content .club-page .club .content-club
{
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club
    {
        margin-top: 6px;
        border: none;
        padding-top: 0;
        margin-right: 10px;
        margin-left: 10px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content .club-page .club .content-club
    {
        padding-top: 5px
    }
}

.body-content .club-page .club .content-club .history-content
{
    margin-right: 5px;
    margin-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content
    {
        margin-left: 0;
        margin-right: 0
    }
}

.body-content .club-page .club .content-club .history-content .title
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 4px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .title
    {
        display: none
    }
}

.body-content .club-page .club .content-club .history-content .title .right
{
    color: #112630;
    font-size: 12px;
    padding-bottom: 8px
}

.body-content .club-page .club .content-club .history-content .title .left
{
    padding-bottom: 5px
}

.body-content .club-page .club .content-club .history-content .title .left .pic
{
    width: 45px;
    height: 45px;
    border-radius: 50%
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .title .left .pic
    {
        width: 38px;
        height: 38px
    }
}

.body-content .club-page .club .content-club .history-content .title .left .pic img
{
    width: 100%
}

.body-content .club-page .club .content-club .history-content .filters
{
    padding: 8px 0;
    border-bottom: 1px solid #484848;
    height: 100%;
    display: flex
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .filters
    {
        display: none
    }
}

.body-content .club-page .club .content-club .history-content .filters .item
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    background-color: #F2F2F2;
    padding: 6px 9px;
    margin: 2px;
    border-radius: 4px;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .filters .item
    {
        padding: 4px 5px
    }
}

.body-content .club-page .club .content-club .history-content .filters .item .text
{
    color: #747474;
    font-size: 11px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .filters .item .text
    {
        font-size: 10px
    }
}

.body-content .club-page .club .content-club .history-content .filters .item i
{
    font-size: 12px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    margin-right: 20px;
    border-radius: 50%;
    color: #fff;
    background-color: #C9C9C9
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .filters .item i
    {
        width: 18px;
        height: 18px;
        line-height: 18px;
        font-size: 10px
    }
}

.body-content .club-page .club .content-club .history-content .filters .item.active, .body-content .club-page .club .content-club .history-content .filters .item:hover
{
    background-color: #232933
}

.body-content .club-page .club .content-club .history-content .filters .item.active .text, .body-content .club-page .club .content-club .history-content .filters .item:hover .text
{
    color: #fff
}

.body-content .club-page .club .content-club .history-content .filters .item.active i, .body-content .club-page .club .content-club .history-content .filters .item:hover i
{
    background-color: #fff;
    color: #232933
}

.body-content .club-page .club .content-club .history-content .list-items
{
    padding-top: 10px;
    width: 100%
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items
    {
        padding-top: 0
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item
{
    border: 1px solid #000;
    border-radius: 6px;
    display: flex;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    margin-bottom: 8px
}

.body-content .club-page .club .content-club .history-content .list-items .item .score-box
{
    display: flex;
    align-items: center;
    background-color: #2ECC71;
    padding: 22px 22px 22px 10px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items .item .score-box
    {
        padding: 16px 12px 16px 10px
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item .score-box .score
{
    color: #ffffff;
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items .item .score-box .score
    {
        font-size: 15px
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item .score-box .pic
{
    width: 35px;
    height: 35px
}

.body-content .club-page .club .content-club .history-content .list-items .item .score-box .pic img
{
    width: 100%
}

.body-content .club-page .club .content-club .history-content .list-items .item .main
{
    flex-grow: 1;
    padding-right: 8px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items .item .main
    {
        padding-right: 5px
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item .main .title-m
{
    padding-top: 0;
    padding-bottom: 12px;
    font-size: 12px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items .item .main .title-m
    {
        font-size: 11px
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item .main .description-m
{
    font-size: 11px;
    padding-right: 5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items .item .main .description-m
    {
        font-size: 10px;
        padding-right: 0
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item .time
{
    padding-left: 10px;
    font-size: 11.5px
}

@media (max-width: 767.98px)
{
    .body-content .club-page .club .content-club .history-content .list-items .item .time
    {
        font-size: 10px
    }
}

.body-content .club-page .club .content-club .history-content .list-items .item:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content .club-page .club .content-club .history-content .list-items .item.success
{
    border: 1px solid #2ECC71
}

.body-content .club-page .club .content-club .history-content .list-items .item.success .score-box
{
    background-color: #2ECC71
}

.body-content .club-page .club .content-club .history-content .list-items .item.un-success
{
    border: 1px solid #E74C3C
}

.body-content .club-page .club .content-club .history-content .list-items .item.un-success .score-box
{
    background-color: #E74C3C
}

.body-content .club-page .club .content-club .history-content .pagination-h
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='forgot'] .forgot-page
{
    padding-top: 25px;
    padding-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px)
{
    .body-content[data-page='forgot'] .forgot-page
    {
        padding-top: 18px !important;
        padding-bottom: 15px !important
    }

    .body-content[data-page='forgot'] .forgot-page .box
    {
        margin-right: 5px !important;
        margin-left: 5px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='forgot'] .forgot-page .box .info
    {
        display: none
    }
}

.body-content[data-page='forgot'] .forgot-page .box
{
    margin: auto;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    display: flex
}

.body-content[data-page='forgot'] .forgot-page .box .form-area
{
    text-align: center
}

.body-content[data-page='forgot'] .forgot-page .box .form-area img
{
    width: 185px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .title-f
{
    padding-top: 15px;
    color: #232933;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .description
{
    color: #232933;
    font-size: 11px;
    margin-bottom: 20px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .input
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    background-color: #fff
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .input .icon
{
    padding: 10px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .input .icon i
{
    font-size: 22px;
    color: #9f9f9f
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .input input
{
    width: 100%;
    border: none;
    outline: none;
    color: #232933;
    font-size: 15px;
    padding: 10px;
    background-color: #fff
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .input input::placeholder
{
    color: #232933
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .inp-send
{
    background-color: #00D9FF !important;
    border: 0;
    outline: 0
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .form .inp-send input[type="submit"]
{
    background-color: #00D9FF;
    color: #fff;
    cursor: pointer !important
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .buttons
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 15px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .buttons .terms, .body-content[data-page='forgot'] .forgot-page .box .form-area .buttons .forgot
{
    color: #7f7f7f;
    font-size: 12px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .btn-account
{
    display: flex;
    justify-content: flex-end
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .btn-account a
{
    font-size: 12px;
    color: #232933;
    border: 1px solid #9f9f9f;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='forgot'] .forgot-page .box .form-area .btn-account a:hover
{
    border-color: #00D9FF;
    color: #00D9FF
}

.body-content[data-page='category'] .active-category-hs-navigation
{
    right: 0 !important
}

.body-content[data-page='category'] .category-page
{
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page
    {
        padding-top: 8px;
        padding-bottom: 20px
    }
}

.body-content[data-page='category'] .category-page .category-details
{
    padding-top: 10px;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .category-details
    {
        padding-bottom: 10px !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='category'] .category-page .category-details .category-content
{
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-bottom: 10px
}

.body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item
{
    text-align: center;
    margin-top: 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .pic
{
    max-width: 110px;
    max-height: 110px;
    margin: auto auto 10px auto;
    border-radius: 50%
}

.body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .pic img
{
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    height: 110px;
    width: 110px;
    object-fit: contain
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .pic img
    {
        border-radius: 50%;
        width: 60px;
        height: 60px
    }
}

.body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
{
    color: #232933;
    font-size: 11px;
    font-weight: 500
}

@media (min-width: 300px) and (max-width: 359px)
{
    .body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
    {
        font-size: 9px;
        font-weight: normal
    }
}

@media (min-width: 360px) and (max-width: 500px)
{
    .body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
    {
        font-size: 10px;
        font-weight: normal
    }
}

@media (min-width: 501px) and (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
    {
        font-size: 10px;
        font-weight: normal
    }
}

.body-content[data-page='category'] .category-page .filter-search
{
    background-color: #00D9FF;
    color: #fff
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-text
{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    font-weight: normal;
    font-size: 16px
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-text .search-title
{
    color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .search-text .search-title
    {
        color: #112630 !important;
        font-size: 13px
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .lines
{
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .lines
    {
        color: #112630 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .lines .line-right, .body-content[data-page='category'] .category-page .filter-search .search-product .lines .line-left
{
    width: 190px;
    border-top: 1px solid #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .lines .line-right, .body-content[data-page='category'] .category-page .filter-search .search-product .lines .line-left
    {
        display: none
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .lines .line-center
{
    width: 60px;
    border-radius: 4px;
    border-top: 6px solid #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .lines .line-center
    {
        width: 35%;
        border-top: 1px solid #51565a
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header
{
    padding-bottom: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header
    {
        padding-bottom: 0 !important
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing
{
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #878991;
    width: 60%;
    background-color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing
    {
        width: 90%;
        margin-top: 13px !important;
        margin-bottom: 10px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing input
    {
        font-size: 11px !important
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .input
{
    flex-grow: 1
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .input input
{
    width: 100%;
    padding: 10px 30px;
    border: none;
    outline: none;
    text-align: right;
    color: #6c707c
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .input input
    {
        font-size: 10px !important;
        padding: 8px 4px 8px 4px !important
    }
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon
{
    padding-left: 10px
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon button
{
    background-color: transparent;
    border: none;
    outline: none
}

.body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon button i
{
    width: 20px;
    height: 20px;
    color: #6C707C;
    font-weight: bold;
    font-size: 22px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon button i
    {
        width: 18px;
        height: 18px;
        font-size: 15px !important
    }
}

.body-content[data-page='category'] .category-page .content
{
    padding-top: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content
    {
        padding-top: 0
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area
    {
        padding-right: 3px !important;
        padding-left: 3px !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box
{
    padding-right: 3px !important;
    padding-left: 3px !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .i-box-filter
{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 5px !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter
{
    padding: 5px !important;
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 4px !important;
    padding-left: 8px !important;
    width: 100%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter
    {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .title
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    padding-right: 10px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb
{
    margin-top: 5px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 7px 2px;
    color: #222222;
    border: 1px solid transparent;
    background-color: #F5F5F5
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb:hover
{
    border: 1px solid #00D9FF;
    background-color: #fff
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb:hover input
{
    background-color: #fff
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb i
{
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb input
{
    flex-grow: 1;
    border: none;
    outline: none;
    font-size: 11px;
    background-color: #F5F5F5
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
{
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 4px !important;
    padding-left: 8px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
    {
        //display: none
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
    {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .title
{
    font-size: 13px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    padding-right: 10px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 8px;
    padding-right: 10px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction ul
{
    list-style: none
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d
{
    padding-right: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title
{
    padding-bottom: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title i
{
    color: #8c8a8a
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title a
{
    color: #37372a;
    padding-right: 3px;
    font-size: 12px;
    transition: 0.2s ease-out
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title a:hover
{
    font-weight: bold
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more
{
    padding-top: 8px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area
{
    padding-right: 10px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area i
{
    color: #8c8a8a
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area a
{
    color: #37372a;
    transition: 0.2s ease-out;
    padding-right: 4px;
    font-size: 12px;
    font-weight: 600
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area a:hover
{
    color: #00D9FF
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more
{
    padding-top: 8px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area
{
    color: #37372a;
    padding-right: 25px;
    font-size: 11.5px;
    padding-bottom: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area a
{
    color: #37372a !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area a:hover
{
    font-weight: bold
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area::before
{
    content: '..'
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .title, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .title, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .title, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .title
{
    font-size: 13px;
    color: #232933;
    padding-right: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch
{
    padding-left: 5px;
    position: relative;
    display: inline-block;
    width: 54px;
    height: 26px;
    margin-bottom: 0 !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input
{
    opacity: 0;
    width: 0;
    height: 0
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D5D5D5;
    -webkit-transition: .4s;
    transition: .4s
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider::before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider::before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider::before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider::before
{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider.round, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider.round, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider.round, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider.round
{
    border-radius: 34px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider.round:before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider.round:before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider.round:before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider.round:before
{
    border-radius: 50%
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input:checked + .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input:checked + .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input:checked + .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input:checked + .slider
{
    background-color: #00bfd6
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input:focus + .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input:focus + .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input:focus + .slider, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input:focus + .slider
{
    box-shadow: 0 0 1px #00bfd6
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input:checked + .slider:before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input:checked + .slider:before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input:checked + .slider:before, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input:checked + .slider:before
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original
    {
        display: none !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
{
    user-select: none;
    padding: 5px !important;
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 5px !important;
    padding-left: 4px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        display: none
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .title, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #00D9FF;
    padding-right: 8px;
    cursor: pointer;
    position: relative
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .title i, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title i
{
    position: absolute;
    left: 10px;
    font-size: 20px;
    color: #00D9FF
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter
{
    border-top: 1px solid #eeecec;
    border-bottom: 1px solid #eeecec;
    padding-top: 8px;
    padding-bottom: 8px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel
{
    display: flex;
    align-items: center;
    border: 1px solid #c3bfbf;
    padding: 5px;
    border-radius: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel .icon, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel .icon
{
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    padding: 2px;
    font-size: 17px;
    color: #232933
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel input, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input
{
    font-size: 12px;
    width: 100%;
    flex-grow: 1;
    border: none;
    outline: none;
    padding-right: 2px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel input::placeholder, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input::placeholder
{
    color: #232933;
    font-size: 11px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area
{
    margin-top: 8px;
    max-height: 320px;
    overflow-y: auto
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box
{
    margin-bottom: 0 !important;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    padding-right: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border-radius: 2px;
    transition: 0.2s ease-out
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box:hover, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box:hover
{
    background-color: #f3f0f0 !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box input, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box .title-chk, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box .title-chk
{
    font-size: 11.5px;
    font-weight: bold;
    color: #232933
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box .en-title, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box .en-title
{
    color: #4d5a6f;
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 11px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .checkmark, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .checkmark
{
    position: absolute;
    top: 3px;
    right: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    overflow: hidden
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box:hover input ~ .checkmark, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box:hover input ~ .checkmark
{
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    overflow: hidden
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark
{
    background-color: #2196F3
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .checkmark:after, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .checkmark:after
{
    content: "";
    position: absolute;
    display: none
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark:after, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark:after
{
    display: block
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box .checkmark:after, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box .checkmark:after
{
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        display: none !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area
{
    padding: 5px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area
    {
        display: none
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .title-range
{
    padding: 10px 8px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #00D9FF;
    cursor: pointer;
    position: relative;
    margin-bottom: 0 !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .title-range i
{
    position: absolute;
    left: 10px;
    font-size: 20px;
    color: #00D9FF
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area
{
    border-top: 1px solid #eeecec;
    padding: 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area
    {
        display: none
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box
{
    margin-top: 12px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
{
    width: 200px;
    margin: 0 auto;
    color: #CCCCCC;
    font-weight: 300;
    border: 1px solid transparent !important
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
    {
        width: 250px !important
    }
}

@media (min-width: 767.98px) and (max-width: 1000px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
    {
        width: 150px !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .slider-time, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .slider-time2
{
    font-weight: 400
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-corner-all, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-corner-all
{
    border-radius: 0;
    border: 1px solid transparent !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider
{
    border: 0;
    background: #EEEEEE;
    border-radius: 5px;
    border: 1px solid transparent !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal
{
    height: 2px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical
{
    height: 15em;
    width: 6px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-slider-handle
{
    border: 1px solid transparent !important;
    outline: none;
    cursor: pointer;
    color: #00D9FF;
    background: transparent;
    font-size: 25px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal .ui-slider-handle
{
    top: 50%;
    margin-top: -12px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical .ui-slider-handle
{
    left: 50%;
    margin-left: -12px;
    border: 1px solid transparent
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-slider-range
{
    border: 1px solid transparent !important;
    border-radius: 6px;
    background: #66e8ff
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal .ui-slider-range
{
    top: -2px;
    height: 6px;
    border: 1px solid transparent !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 6px;
    border: 1px solid transparent !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008299
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price .digit
{
    font-size: 12px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price .unit
{
    color: #2c3e50;
    font-size: 11px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008299
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price .digit
{
    font-size: 12px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price .unit
{
    font-size: 11px;
    color: #2c3e50
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area
{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search
{
    border-radius: 50px;
    padding: 5px 15px;
    background-color: #00bbdb;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    margin-top: 15px;
    margin-bottom: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search
    {
        display: none
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .input
{
    display: inline-block
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .input input
{
    background-color: #00bbdb;
    border: none;
    outline: none;
    color: #fff;
    font-size: 11px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .icon
{
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 15px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .icon i
{
    color: #fff
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title
{
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title .delete-all
{
    background-color: transparent;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    color: red;
    margin-left: 10px;
    border: 1px solid transparent;
    border-radius: 30px;
    padding: 4px 12px;
    transition: 0.2s ease-out
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title .delete-all:hover, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title .delete-all:focus
{
    border: 1px solid red
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box
{
    padding-top: 5px;
    display: flex
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used
{
    border: 1px solid #aba8a8;
    border-radius: 8px;
    margin: 3px;
    display: flex;
    align-items: center;
    padding: 0 7px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used .label
{
    font-size: 13px;
    padding-left: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used button
{
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 22px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used button:hover, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used button:focus
{
    color: red
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-one-filter
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 324px !important;
    max-height: 125px !important;
    border-radius: 5px;
    overflow: hidden
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-one-filter img
{
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-one-filter
    {
        display: none !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-two-filter
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 5px;
    width: 324px !important;
    max-height: 244px !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-two-filter img
{
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-two-filter
    {
        display: none !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list
{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding-right: 8px !important;
    padding-left: 8px !important
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by
{
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ebebeb;
    border-bottom: none;
    margin-top: 3px;
    display: flex;
    align-items: baseline;
    padding: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by
    {
        display: none !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .title-order .title
{
    font-size: 13px;
    font-weight: 500
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .title-order .title::after
{
    content: '';
    width: 1px;
    height: 25px;
    border-left: 1px solid #d2d2d2;
    padding-right: 7px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order
{
    padding-right: 8px;
    list-style-type: none !important;
    display: flex;
    margin-bottom: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order
    {
        padding: 3px;
        display: flex !important;
        flex-wrap: wrap !important;
        flex-grow: 1;
        border-radius: 4px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li
{
    margin-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li
    {
        margin-bottom: 5px;
        text-align: center
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li:last-child
{
    margin-left: 0
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order
{
    border: 1px solid transparent;
    border-radius: 8px;
    color: #232933;
    outline: 0;
    font-size: 13px;
    padding: 2px 10px;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order
    {
        font-size: 10px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order.active, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order:hover
{
    background-color: #00D9FF;
    color: #fff
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item
    {
        min-width: 50%
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item
    {
        min-width: 100%
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content
{
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.5s !important;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content:hover, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content:focus
{
    z-index: 2;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-2px)
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content:hover .add-card, .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content:focus .add-card
{
    visibility: visible !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content
    {
        display: flex;
        padding: 2px;
        flex-direction: row;
        margin-bottom: 3px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top
    {
        justify-content: flex-start
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
{
    width: 100%;
    height: 180px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
    {
        width: 120px !important;
        height: 100px !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom
{
    padding-top: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom
    {
        flex-grow: 1;
        position: relative
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title
{
    padding-top: 10px;
    padding-bottom: 8px;
    line-height: 1.5;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title
    {
        text-align: right;
        padding-right: 3px !important;
        position: relative;
        top: 10px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title a
{
    color: #232933 !important;
    font-size: 11.5px;
    padding: 0 3px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title a
    {
        font-size: 10.5px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .line
{
    padding-bottom: 5px;
    margin: auto;
    width: 95% !important;
    border-top: 1px solid #D8D8D8
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .line
    {
        display: none !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .number-rank
{
    color: #232933;
    font-size: 14px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank i
{
    color: #ebebeb;
    font-size: 15px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank .checked
{
    font-size: 15px;
    color: #FFEE00
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank
    {
        display: none
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box
    {
        display: flex !important;
        flex-direction: row;
        position: absolute;
        top: 5px;
        padding-right: 5px;
        padding-left: 0 !important
    }

    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile
    {
        display: inherit !important;
        padding-right: 4px
    }

    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile i
    {
        color: #ebebeb;
        font-size: 15px
    }

    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile .checked
    {
        font-size: 15px;
        color: #FFEE00
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box
{
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box
    {
        justify-content: flex-end !important;
        padding-right: 5px !important;
        padding-left: 5px !important
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .discount
{
    width: 35px;
    height: 35px;
    margin-left: 5px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bold;
    position: relative;
    left: 2px;
    bottom: 26px
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price
{
    color: #232933;
    display: flex;
    align-items: center
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .price-area
{
    font-weight: bold;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .price-area
    {
        font-size: 16px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .unit
{
    padding-right: 4px;
    font-size: 35px;
    color: #2c3e50
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .unit
    {
        font-size: 25px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price
{
    font-size: 25px;
    font-weight: bold;
    color: #F60E40;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price
    {
        color: #fff;
        font-size: 16px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price.is-discount
{
    text-decoration-line: line-through;
    text-decoration-color: #BBBBBB;
    text-decoration-style: initial;
    color: #BBBBBB;
    font-size: 17px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price.is-discount
    {
        font-size: 12px;
        margin-left: 20px;
        text-align: right;
        position: absolute;
        top: 73px;
        right: 3px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card
{
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-align: center;
    border: none;
    outline: none;
    background: transparent;
    transition: 0.2s ease-out;
    padding-top: 2px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card
    {
        visibility: visible !important;
        margin: inherit !important;
        justify-content: flex-end !important;
        float: left !important;
        position: absolute;
        left: 5px;
        top: 2px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .title
{
    color: #f60e40;
    font-size: 11.5px;
    padding-left: 4px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .title
    {
        font-size: 10px;
        padding-left: 2px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .icon
{
    color: #f60e40;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .icon
    {
        font-size: 17px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .box-footer
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 1px solid #ebebeb;
    border-top: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .box-footer
    {
        margin-top: 3px
    }
}

.body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .box-footer .pagination-content
{
    padding-bottom: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .content .content-box-area .product-content .product-list .box-footer .my-pagination
    {
        padding-bottom: 8px !important
    }
}

.body-content[data-page='category'] .category-page .mobile-filter
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .mobile-filter
    {
        display: inherit !important;
        z-index: 9;
        position: fixed;
        width: 100%;
        bottom: -280px;
        transition: all 0.90s;
        overflow: hidden
    }

    .body-content[data-page='category'] .category-page .mobile-filter.active-filter
    {
        position: fixed;
        width: 100%;
        bottom: 0
    }

    .body-content[data-page='category'] .category-page .mobile-filter.active-filter .filter-content .title
    {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: 1px solid #232933;
        border-bottom: none !important;
        overflow: hidden
    }

    .body-content[data-page='category'] .category-page .mobile-filter.active-filter .filter-content .content
    {
        border-top: none !important;
        height: 400px;
        overflow: scroll !important;
        padding-top: 15px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content
    {
        width: 100% !important;
        bottom: 300px !important
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .title
    {
        border: 1px solid #232933;
        border-bottom: none;
        border-radius: 20px 20px 0 0;
        background-color: #fff !important;
        cursor: pointer
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .title .line
    {
        border-bottom: 4px solid #232933;
        border-radius: 3px;
        width: 13%;
        margin: auto;
        padding-top: 7px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .title i
    {
        font-size: 25px;
        color: #232933;
        padding-top: 5px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content
    {
        height: 282px;
        border: 1px solid #232933;
        border-top: none;
        background-color: #fff !important;
        padding: 3px;
        padding-left: 0
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item
    {
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E6E6E6
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box
    {
        overflow-x: auto;
        padding-bottom: 8px;
        padding-top: 5px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by
    {
        display: flex;
        align-items: baseline;
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order
    {
        padding-right: 8px;
        list-style-type: none !important;
        display: flex;
        margin-bottom: 0 !important
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li
    {
        margin-left: 5px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li:last-child
    {
        margin-left: 0px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order
    {
        border: 1px solid transparent;
        border-radius: 50px;
        color: #0e0d0d;
        outline: none;
        font-size: 10px;
        padding: 5px 15px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order.active, .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order:focus, .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order:hover
    {
        border: 1px solid #CFCFCF
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.brand
    {
        display: none
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item:last-child
    {
        border-bottom: none !important
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-top
    {
        display: flex
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-top .caption
    {
        color: #112630 !important;
        font-size: 13px !important;
        font-weight: bold;
        margin: auto;
        padding-bottom: 10px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range #time-range
    {
        width: 767.98px;
        margin: 0 auto;
        color: #CCCCCC;
        font-weight: 300
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range #time-range
    {
        width: 280px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .slider-time, .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .slider-time2
    {
        font-weight: 400;
        color: #232933;
        position: relative;
        top: -12px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-corner-all, .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-corner-all
    {
        border-radius: 0
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider
    {
        border: 0;
        background: #d8d7d9;
        border-radius: 5px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-horizontal
    {
        height: 2px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-vertical
    {
        height: 15em;
        width: 6px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-slider-handle
    {
        width: 22px;
        height: 22px;
        background: #232933;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        border: 4px solid #fff;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-horizontal .ui-slider-handle
    {
        top: 50%;
        margin-top: -12px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-vertical .ui-slider-handle
    {
        left: 50%;
        margin-left: -12px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-slider-handle:hover
    {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.35)
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-slider-range
    {
        border: 0;
        border-radius: 6px;
        background: #232933
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-horizontal .ui-slider-range
    {
        top: -1px;
        height: 4px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-vertical .ui-slider-range
    {
        left: 0;
        width: 6px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox
    {
        padding-right: 10px;
        text-align: right !important;
        word-wrap: break-word;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox .item-chk-mobile
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
        display: flex;
        align-items: baseline
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox .item-chk-mobile input
    {
        display: inline-block;
        margin-left: 1px !important
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox .item-chk-mobile p
    {
        padding-right: 2px !important;
        color: #232933;
        display: inline-block;
        font-size: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        position: relative;
        top: -3px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item .i-bottom .search-box-brand
    {
        display: flex;
        align-items: center;
        border: 1px solid #a2a0a0;
        border-radius: 50px;
        width: 70%;
        margin: auto;
        overflow: hidden
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.brand .i-bottom .search-box-brand
    {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.brand .i-bottom .search-box-brand input
    {
        padding-right: 10px;
        font-size: 12px;
        color: #232933;
        flex-grow: 1;
        border: none;
        outline: none
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .item.brand .i-bottom .search-box-brand .icon
    {
        color: #232933;
        font-size: 17px;
        padding-left: 10px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .buttons
    {
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-around;
        margin-bottom: 30px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .buttons .delete
    {
        flex-grow: 1;
        border: 1px solid #ef394e;
        border-radius: 4px;
        padding: 10px 25px;
        text-align: center !important;
        background-color: transparent;
        color: #ef394e !important;
        transition: 0.2s ease-out;
        font-size: 11px
    }

    .body-content[data-page='category'] .category-page .mobile-filter .filter-content .content .buttons .apply
    {
        margin-left: 10px;
        font-size: 11px;
        flex-grow: 2;
        text-align: center;
        background-color: #00D9FF;
        border-radius: 4px;
        padding: 10px 30px;
        color: #fff !important;
        outline: none;
        border: none;
        transition: 0.2s ease-out
    }
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search, .body-content[data-page='products'] .products .content
    {
        background-color: #FAFAFA !important
    }
}

.body-content[data-page='products'] .products .filter-search
{
    background-color: #00D9FF;
    color: #ffffff
}

.body-content[data-page='products'] .products .filter-search .search-product .search-text
{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    font-weight: normal;
    font-size: 16px
}

.body-content[data-page='products'] .products .filter-search .search-product .search-text .search-title
{
    color: #ffffff
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .search-text .search-title
    {
        color: #112630 !important;
        font-size: 13px
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .lines
{
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 18px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .lines
    {
        color: #112630 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .lines .line-right, .body-content[data-page='products'] .products .filter-search .search-product .lines .line-left
{
    width: 190px;
    border-top: 1px solid white
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .lines .line-right, .body-content[data-page='products'] .products .filter-search .search-product .lines .line-left
    {
        display: none
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .lines .line-center
{
    width: 60px;
    border-radius: 4px;
    border-top: 6px solid #ffffff
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .lines .line-center
    {
        width: 35%;
        border-top: 1px solid #51565a
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header
{
    padding-bottom: 15px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .search-area-header
    {
        padding-bottom: 0 !important
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing
{
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #878991;
    width: 60%;
    background-color: #ffffff
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing
    {
        width: 90%;
        margin-top: 13px !important;
        margin-bottom: 10px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing input
    {
        font-size: 11px !important
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .input
{
    flex-grow: 1
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .input input
{
    width: 100%;
    padding: 10px 30px;
    border: none;
    outline: none;
    text-align: right;
    color: #6c707c
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .input input
    {
        font-size: 10px !important;
        padding: 8px 4px 8px 4px !important
    }
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .icon
{
    padding-left: 10px
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .icon button
{
    background-color: transparent;
    border: none;
    outline: none
}

.body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .icon button i
{
    width: 20px;
    height: 20px;
    color: #6C707C;
    font-weight: bold;
    font-size: 22px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .filter-search .search-product .search-area-header .search-boxing .icon button i
    {
        width: 18px;
        height: 18px;
        font-size: 15px !important
    }
}

.body-content[data-page='products'] .products .content
{
    background-color: #F1F1F1
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area
    {
        padding-right: 3px !important;
        padding-left: 3px !important
    }
}

.body-content[data-page='products'] .products .content .content-box-area .page-title
{
    color: #005766;
    padding-top: 18px;
    padding-bottom: 8px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .page-title
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .lines
{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 10px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .lines
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .lines .line-right, .body-content[data-page='products'] .products .content .content-box-area .lines .line-left
{
    width: 100%;
    border-top: 1px solid #255368
}

.body-content[data-page='products'] .products .content .content-box-area .lines .line-center
{
    width: 105px;
    border-radius: 4px;
    border-top: 5px solid #112630
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box
{
    padding-right: 3px !important;
    padding-left: 3px !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .i-box-filter
{
    border: 1px solid #dedede;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-color: white;
    border-radius: 7px;
    margin-bottom: 6px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
{
    padding: 5px !important;
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 4px !important;
    padding-left: 8px !important
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
    {
        display: none
    }
}

@media (max-width: 768px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
    {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .title
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    padding-right: 10px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 8px;
    padding-right: 10px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction ul
{
    list-style: none
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d
{
    padding-right: 5px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title i
{
    color: #8c8a8a
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title a
{
    color: #37372a;
    transition: 0.2s ease-out;
    padding-right: 3px;
    font-size: 12px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title a:hover
{
    color: #00D9FF
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more
{
    padding-top: 8px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area
{
    padding-right: 10px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area i
{
    color: #8c8a8a
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area a
{
    color: #37372a;
    transition: 0.2s ease-out;
    padding-right: 4px;
    font-size: 12px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area a:hover
{
    color: #00D9FF
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more
{
    padding-top: 8px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area
{
    color: #37372a;
    padding-right: 25px;
    font-size: 11px;
    font-weight: bold
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
{
    user-select: none;
    padding: 5px !important;
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 5px !important;
    padding-left: 4px !important
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        display: none
    }
}

@media (max-width: 768px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .title, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #474545;
    padding-right: 8px;
    cursor: pointer;
    position: relative
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .title i, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title i, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title i, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title i, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title i
{
    position: absolute;
    left: 10px;
    font-size: 20px;
    color: #474545
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter
{
    border-top: 1px solid #eeecec;
    border-bottom: 1px solid #eeecec;
    padding-top: 8px;
    padding-bottom: 8px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel
{
    display: flex;
    align-items: center;
    border: 1px solid #00D9FF;
    padding: 5px;
    border-radius: 5px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel .icon, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel .icon, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel .icon, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel .icon, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel .icon
{
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    padding: 2px;
    font-size: 17px;
    color: #00D9FF
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel input, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input
{
    font-size: 12px;
    width: 100%;
    flex-grow: 1;
    border: none;
    outline: none;
    padding-right: 2px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel input::placeholder, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input::placeholder, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input::placeholder, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input::placeholder, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input::placeholder
{
    color: #00D9FF;
    font-size: 11px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area
{
    margin-top: 8px;
    max-height: 350px;
    overflow-y: auto
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .checkbox-item, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item
{
    background-color: transparent;
    padding: 3px;
    border-radius: 2px;
    transition: 0.2s ease-out
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .checkbox-item:hover, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item:hover, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item:hover, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item:hover, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item:hover
{
    background-color: #eeecec !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .checkbox-item label, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0 !important;
    cursor: pointer
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .checkbox-item label .title-chk, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .title-chk, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .title-chk, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .title-chk, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .title-chk
{
    padding-right: 3px;
    font-size: 11px;
    color: #2f2d2d
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .checkbox-item label .en-title, .body-content[data-page='products'] .products .body-content[data-page='category'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .en-title, .body-content[data-page='category'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .en-title, .body-content[data-page='products'] .products .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .en-title, .body-content[data-page='shopMan'] .category-page .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .checkbox-item label .en-title
{
    position: absolute;
    left: 10px;
    color: #918f8f;
    font-size: 10px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area
{
    padding: 5px !important
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .title-range
{
    padding: 10px 8px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #474545;
    cursor: pointer;
    position: relative;
    margin-bottom: 0 !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .title-range i
{
    position: absolute;
    left: 10px;
    font-size: 20px;
    color: #474545
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area
{
    border-top: 1px solid #eeecec;
    padding: 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box
{
    margin-top: 12px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
{
    width: 200px;
    margin: 0 auto;
    color: #CCCCCC;
    font-weight: 300;
    border: 1px solid transparent !important
}

@media (min-width: 700px) and (max-width: 767px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
    {
        width: 620px !important
    }
}

@media (min-width: 768px) and (max-width: 1000px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
    {
        width: 150px !important
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .slider-time, .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .slider-time2
{
    font-weight: 400
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-corner-all, .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-corner-all
{
    border-radius: 0;
    border: 1px solid transparent !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider
{
    border: 0;
    background: #EEEEEE;
    border-radius: 5px;
    border: 1px solid transparent !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal
{
    height: 2px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical
{
    height: 15em;
    width: 6px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-slider-handle
{
    border: 1px solid transparent !important;
    outline: none;
    cursor: pointer;
    color: #00D9FF;
    background: transparent;
    font-size: 25px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal .ui-slider-handle
{
    top: 50%;
    margin-top: -12px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical .ui-slider-handle
{
    left: 50%;
    margin-left: -12px;
    border: 1px solid transparent
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-slider-range
{
    border: 1px solid transparent !important;
    border-radius: 6px;
    background: #66e8ff
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal .ui-slider-range
{
    top: -2px;
    height: 6px;
    border: 1px solid transparent !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 6px;
    border: 1px solid transparent !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008299
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price .digit
{
    font-size: 12px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price .unit
{
    color: #2c3e50;
    font-size: 11px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008299
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price .digit
{
    font-size: 12px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price .unit
{
    font-size: 11px;
    color: #2c3e50
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area
{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search
{
    border-radius: 50px;
    padding: 5px 15px;
    background-color: #00bbdb;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    margin-top: 15px;
    margin-bottom: 12px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .input
{
    display: inline-block
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .input input
{
    background-color: #00bbdb;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 11px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .icon
{
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 15px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .icon i
{
    color: #ffffff
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list
{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding-right: 8px !important;
    padding-left: 8px !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item
{
    margin-bottom: 5px;
    padding-right: 3px !important;
    padding-left: 3px !important
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item
    {
        min-width: 50%
    }
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item
    {
        min-width: 100%;
        margin-bottom: 5px !important
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content
{
    height: 100%;
    background-color: #ffffff;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all 0.5s !important;
    border: 1px solid transparent
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content
    {
        display: flex;
        padding: 2px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #00D9FF
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
{
    width: 100%;
    padding: 3px;
    height: 200px;
    object-fit: cover
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
    {
        height: 100px !important
    }
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
    {
        width: 125px;
        border-radius: 2px;
        border: 2px solid #F4F4FD
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .discount
{
    border-radius: 10px;
    padding: 10px;
    position: absolute;
    right: 5px;
    top: 5px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .discount
    {
        position: absolute;
        right: 155px;
        top: 65px;
        padding: 10px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .discount img
{
    width: 40px;
    height: 40px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .discount img
    {
        width: 30px;
        height: 30px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #ffffff;
    font-weight: bolder;
    position: absolute;
    top: 20px;
    right: 14px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-top .discount .digit-discount
    {
        font-size: 11px;
        position: absolute;
        top: 16px;
        right: 12px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom
{
    padding-top: 15px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking i, .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking .checked
    {
        font-size: 12px !important
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking i
{
    color: #CBCBCB;
    font-size: 18px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking .checked
{
    font-size: 18px;
    color: #FFC107
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking
    {
        position: absolute;
        left: 10px;
        top: 10px
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title
{
    padding-top: 5px;
    padding-bottom: 10px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title
    {
        position: absolute;
        top: 18px;
        color: #00D9FF;
        font-size: 10.5px !important;
        text-align: right !important;
        padding-right: 3px !important
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title a
{
    color: #112630 !important
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .line
{
    padding-bottom: 10px;
    margin: auto;
    width: 31%;
    border-top: 1px solid #D8D8D8
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .line
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price
{
    display: inline-flex;
    color: #00D9FF;
    padding-bottom: 15px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price
    {
        position: absolute;
        bottom: 10px;
        left: 12px;
        padding-bottom: 0
    }

    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price .price-area
    {
        font-size: 14px !important
    }

    .body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price .unit
    {
        color: #2c3e50;
        font-size: 11px !important;
        position: relative !important;
        bottom: -2px !important
    }
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price .price-area
{
    font-weight: bold;
    font-size: 25px
}

.body-content[data-page='products'] .products .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price .unit
{
    color: #2c3e50;
    font-weight: normal;
    vertical-align: bottom;
    font-size: 12px;
    position: relative;
    bottom: -12px
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 70px;
    padding-bottom: 50px
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .products .content .content-box-area .pagination-p
    {
        display: none
    }
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p .right-arrow
{
    padding: 10px;
    background-color: #3f0258;
    border: 1px solid #112630;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p .right-arrow i
{
    font-size: 25px
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p .center-arrow
{
    padding: 10px;
    background-color: transparent;
    color: #00D9FF !important;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    margin-left: 15px;
    cursor: pointer
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p .center-arrow.active
{
    background-color: #3E0256;
    color: #ffffff !important
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p .left-arrow
{
    background-color: #ffffff;
    border: 1px solid #112630;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

.body-content[data-page='products'] .products .content .content-box-area .pagination-p .left-arrow i
{
    font-size: 25px;
    color: #00D9FF
}

.body-content[data-page='products'] .arrow-go-top
{
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 217, 255, 0.7);
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 101;
    font-size: 25px;
    transform: rotate(90deg);
    margin: 30px;
    cursor: pointer;
    transition: all 0.50s
}

.body-content[data-page='products'] .arrow-go-top:hover
{
    cursor: pointer;
    background-color: #00aecc
}

.body-content[data-page='products'] .arrow-go-top:active
{
    background-color: #0098b3
}

.body-content[data-page='products'] .arrow-go-top.show
{
    opacity: 1;
    visibility: visible
}

@media (max-width: 700px)
{
    .body-content[data-page='products'] .arrow-go-top
    {
        bottom: 100px !important;
        right: 0 !important;
        margin: 10px !important
    }
}

.body-content[data-page='signup'] .register-page
{
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px)
{
    .body-content[data-page='signup'] .register-page
    {
        padding-top: 18px !important;
        padding-bottom: 5px !important
    }

    .body-content[data-page='signup'] .register-page .box
    {
        margin-right: 5px !important;
        margin-left: 5px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='signup'] .register-page .box .info
    {
        display: none
    }
}

.body-content[data-page='signup'] .register-page .box
{
    margin: auto;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    display: flex
}

.body-content[data-page='signup'] .register-page .box .info
{
    background: url("../img/bg-form.png");
    background-repeat: no-repeat;
    background-color: #f6f7fb;
    background-size: contain;
    border-left: 1px solid #cfcfcf;
    border-radius: 0 20px 20px 0;
    padding: 0 30px;
    text-align: center
}

.body-content[data-page='signup'] .register-page .box .info img
{
    width: 160px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='signup'] .register-page .box .info .logo-title
{
    font-weight: bold;
    font-size: 18px;
    color: #232933
}

.body-content[data-page='signup'] .register-page .box .info .text
{
    color: #232933;
    font-size: 12px
}

.body-content[data-page='signup'] .register-page .box .form-area
{
    text-align: center
}

.body-content[data-page='signup'] .register-page .box .form-area .title-f
{
    color: #232933;
    font-size: 18px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='signup'] .register-page .box .form-area .form .input
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    background-color: #fff
}

.body-content[data-page='signup'] .register-page .box .form-area .form .input .icon
{
    padding: 10px 0px 10px 15px;
    border-left: 1px solid #7F7F7F
}

.body-content[data-page='signup'] .register-page .box .form-area .form .input .icon i
{
    font-size: 22px;
    color: #7F7F7F
}

.body-content[data-page='signup'] .register-page .box .form-area .form .input input, .body-content[data-page='signup'] .register-page .box .form-area .form .input select
{
    width: 100%;
    border: none;
    outline: none;
    color: #7F7F7F;
    font-size: 15px;
    padding: 0 14px
}

.body-content[data-page='signup'] .register-page .box .form-area .form .input input[type="submit"]
{
    padding: 14px;
    background-color: #00D9FF !important;
    border: 0;
    outline: 0
}

.body-content[data-page='signup'] .register-page .box .form-area .form .inp-send
{
    background-color: #00D9FF !important;
    border: 0;
    outline: 0
}

.body-content[data-page='signup'] .register-page .box .form-area .form .inp-send input[type="submit"]
{
    background-color: #00D9FF;
    color: #fff;
    cursor: pointer !important
}

.body-content[data-page='signup'] .register-page .box .form-area .btn-account
{
    display: flex;
    justify-content: flex-end
}

.body-content[data-page='signup'] .register-page .box .form-area .btn-account a
{
    font-size: 12px;
    color: #232933;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-right: 4px
}

.body-content[data-page='signup'] .register-page .box .form-area .btn-account a:hover
{
    border-color: #00D9FF;
    color: #00D9FF
}

.body-content[data-page='login'] .login-page
{
    padding-top: 30px;
    padding-bottom: 38px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 991px)
{
    .body-content[data-page='login'] .login-page
    {
        padding-top: 18px !important;
        padding-bottom: 10px !important
    }

    .body-content[data-page='login'] .login-page .box
    {
        margin-right: 5px !important;
        margin-left: 5px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='login'] .login-page .box .info
    {
        display: none
    }
}

.body-content[data-page='login'] .login-page .box
{
    margin: auto;
    border-radius: 8px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    display: flex
}

.body-content[data-page='login'] .login-page .box .form-area
{
    text-align: center
}

.body-content[data-page='login'] .login-page .box .form-area img
{
    width: 185px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='login'] .login-page .box .form-area .title-f
{
    padding-top: 15px;
    color: #232933;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px
}

.body-content[data-page='login'] .login-page .box .form-area .description
{
    color: #232933;
    font-size: 11px;
    margin-bottom: 20px
}

.body-content[data-page='login'] .login-page .box .form-area .form .input
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #9f9f9f;
    border-radius: 8px;
    background-color: #fff
}

.body-content[data-page='login'] .login-page .box .form-area .form .input .icon
{
    padding: 10px
}

.body-content[data-page='login'] .login-page .box .form-area .form .input .icon i
{
    font-size: 22px;
    color: #9f9f9f
}

.body-content[data-page='login'] .login-page .box .form-area .form .input input
{
    width: 100%;
    border: none;
    outline: none;
    color: #232933;
    font-size: 15px;
    padding: 10px;
    background-color: #fff
}

.body-content[data-page='login'] .login-page .box .form-area .form .input input::placeholder
{
    color: #232933
}

.body-content[data-page='login'] .login-page .box .form-area .form .inp-send
{
    background-color: #00D9FF !important;
    border: 0;
    outline: 0
}

.body-content[data-page='login'] .login-page .box .form-area .form .inp-send input[type="submit"]
{
    background-color: #00D9FF;
    color: #fff;
    cursor: pointer !important
}

.body-content[data-page='login'] .login-page .box .form-area .buttons
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 15px
}

.body-content[data-page='login'] .login-page .box .form-area .buttons .terms, .body-content[data-page='login'] .login-page .box .form-area .buttons .forgot
{
    color: #7f7f7f;
    font-size: 12px
}

.body-content[data-page='login'] .login-page .box .form-area .btn-account
{
    display: flex;
    justify-content: flex-end
}

.body-content[data-page='login'] .login-page .box .form-area .btn-account a
{
    font-size: 12px;
    color: #232933;
    border: 1px solid #9f9f9f;
    border-radius: 10px;
    padding: 10px 20px;
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='login'] .login-page .box .form-area .btn-account a:hover
{
    border-color: #00D9FF;
    color: #00D9FF
}

.body-content[data-page='complete'] .complete
{
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete
    {
        padding-right: 20px;
        padding-left: 20px;
        padding-bottom: 5px
    }
}

.body-content[data-page='complete'] .complete .title-area
{
    display: flex;
    margin-bottom: 15px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .title-area
    {
        padding-right: 10px;
        padding-left: 10px;
        border-bottom: 0;
        padding-top: 15px
    }
}

.body-content[data-page='complete'] .complete .title-area .title
{
    display: flex;
    justify-content: center;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 3px solid #00D9FF;
    color: #00D9FF;
    width: fit-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .title-area .title
    {
        font-size: 15px
    }
}

.body-content[data-page='complete'] .complete .levels
{
    display: flex;
    justify-content: center;
    padding-top: 15px
}

.body-content[data-page='complete'] .complete .levels .item-area
{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='complete'] .complete .levels .item-area .item
{
    display: flex;
    width: 100%
}

.body-content[data-page='complete'] .complete .levels .item-area .item .line
{
    border-top: 1px solid #BDC3C7;
    width: 100%;
    position: relative;
    top: 13px
}

.body-content[data-page='complete'] .complete .levels .item-area .item .level
{
    border: 1px solid #BDC3C7;
    border-radius: 50%;
    width: 30px;
    height: 27px;
    text-align: center;
    line-height: 27px
}

.body-content[data-page='complete'] .complete .levels .item-area .item .level .icon
{
    display: none;
    background-color: transparent;
    color: #00D9FF;
    font-size: 20px;
    text-align: center;
    line-height: 28px
}

.body-content[data-page='complete'] .complete .levels .item-area .item.active-level .line
{
    border-top: 1px solid black
}

.body-content[data-page='complete'] .complete .levels .item-area .item.active-level .level
{
    border: 1px solid black
}

.body-content[data-page='complete'] .complete .caption
{
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 15px
}

.body-content[data-page='complete'] .complete .caption .item-caption
{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    color: #7C8E9A;
    font-size: 12px;
    padding: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .caption .item-caption
    {
        font-size: 9.5px !important;
        padding-left: 13px !important
    }
}

.body-content[data-page='complete'] .complete .address-section .address-area
{
    display: flex;
    align-items: center;
    align-content: center;
    border: 1px solid #dedede;
    color: #dedede;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 8px;
    cursor: pointer;
    background-color: #fff
}

.body-content[data-page='complete'] .complete .address-section .address-area .radio-btn
{
    padding: 10px
}

.body-content[data-page='complete'] .complete .address-section .address-area .radio-btn i
{
    font-size: 25px;
    padding: 15px
}

.body-content[data-page='complete'] .complete .address-section .address-area .address-box
{
    border-right: 1px solid #dedede;
    padding-left: 5px;
    padding-right: 10px;
    flex-grow: 5
}

.body-content[data-page='complete'] .complete .address-section .address-area .address-box .item
{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px;
    margin-top: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .address-section .address-area .address-box .item.address
    {
        display: block
    }
}

.body-content[data-page='complete'] .complete .address-section .address-area .address-box .item .title-a
{
    padding-left: 5px;
    font-size: 12px
}

.body-content[data-page='complete'] .complete .address-section .address-area .address-box .item .text-a
{
    font-size: 12px
}

.body-content[data-page='complete'] .complete .address-section .address-area .operations
{
    display: flex;
    align-items: flex-end
}

.body-content[data-page='complete'] .complete .address-section .address-area .operations .operations-area
{
    align-content: center;
    background-color: #bcbcbc2e;
    padding: 15px 25px;
    display: grid
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .address-section .address-area .operations .operations-area
    {
        padding: 50% 10px !important
    }
}

.body-content[data-page='complete'] .complete .address-section .address-area .operations .operations-area .edit
{
    border-radius: 5px;
    overflow: hidden;
    width: 43px;
    height: 43px;
    border: 1px solid #D6D6D6;
    background-color: #fff;
    text-align: center;
    outline: none;
    margin-bottom: 12px
}

.body-content[data-page='complete'] .complete .address-section .address-area .operations .operations-area .edit i
{
    color: #b9b9b9;
    font-size: 25px;
    text-align: center
}

.body-content[data-page='complete'] .complete .address-section .address-area .operations .operations-area .delete
{
    border-radius: 5px;
    overflow: hidden;
    width: 43px;
    height: 43px;
    border: 1px solid #D6D6D6;
    background-color: #fff;
    text-align: center;
    outline: none;
    margin-bottom: 12px
}

.body-content[data-page='complete'] .complete .address-section .address-area .operations .operations-area .delete i
{
    color: #b9b9b9;
    font-size: 25px;
    text-align: center
}

.body-content[data-page='complete'] .complete .address-section .address-area.active
{
    border: 1px solid #00D9FF;
    color: #00D9FF !important
}

.body-content[data-page='complete'] .complete .address-section .address-area.active .radio-btn
{
    color: #00D9FF
}

.body-content[data-page='complete'] .complete .address-section .add-new-address
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #7d8ca5;
    border-radius: 4px;
    padding: 18px;
    cursor: pointer;
    background-color: #fff;
    margin-bottom: 20px;
    margin: auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .address-section .add-new-address
    {
        padding: 10px !important
    }
}

.body-content[data-page='complete'] .complete .address-section .add-new-address button
{
    font-size: 15px;
    background-color: transparent;
    border: none;
    outline: none;
    color: #232933
}

.body-content[data-page='complete'] .complete .address-section .add-new-address button .icon
{
    color: #232933;
    font-size: 20px;
    padding-left: 5px
}

.body-content[data-page='complete'] .complete .address-section .continue
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='complete'] .complete .address-section .continue button
{
    margin: auto;
    border-radius: 4px;
    color: #fff !important;
    background-color: #00D9FF;
    padding: 11px 80px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    border: none;
    outline: none
}

.body-content[data-page='complete'] .complete .address-section .continue button:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='complete'] .complete .add-new-address-page
{
    display: none;
    background-color: #fff;
    border: 1px solid #dedede;
    border-radius: 4px;
    margin-top: 65px;
    margin-bottom: 15px;
    padding: 70px 5px 15px 5px;
    position: relative
}

.body-content[data-page='complete'] .complete .add-new-address-page .header-box
{
    margin-top: 5px;
    margin-bottom: 10px;
    position: absolute;
    right: 0;
    left: 0;
    top: -66px
}

.body-content[data-page='complete'] .complete .add-new-address-page .header-box .pic
{
    transform: rotate(45deg);
    border-radius: 50%;
    border: 1px solid;
    border-color: #dedede transparent transparent #dedede;
    width: 120px;
    height: 120px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto auto 15px auto
}

.body-content[data-page='complete'] .complete .add-new-address-page .header-box .pic img
{
    object-fit: contain;
    background: #fff;
    transform: rotate(-45deg)
}

.body-content[data-page='complete'] .complete .add-new-address-page .input
{
    margin-bottom: 14px
}

.body-content[data-page='complete'] .complete .add-new-address-page .input label
{
    font-size: 12px !important;
    font-weight: normal !important;
    margin-bottom: 3px !important
}

.body-content[data-page='complete'] .complete .add-new-address-page .input input, .body-content[data-page='complete'] .complete .add-new-address-page .input textarea, .body-content[data-page='complete'] .complete .add-new-address-page .input select
{
    font-size: 15px !important;
    outline: none !important;
    border-radius: 4px;
    background-color: #fcfcfc;
    transition: 0.2s ease-out;
    box-shadow: none
}

.body-content[data-page='complete'] .complete .add-new-address-page .input input:focus, .body-content[data-page='complete'] .complete .add-new-address-page .input textarea:focus, .body-content[data-page='complete'] .complete .add-new-address-page .input select:focus
{
    outline-color: #00D9FF;
    border-color: #00D9FF
}

.body-content[data-page='complete'] .complete .add-new-address-page .input input:active, .body-content[data-page='complete'] .complete .add-new-address-page .input input:hover, .body-content[data-page='complete'] .complete .add-new-address-page .input input:focus, .body-content[data-page='complete'] .complete .add-new-address-page .input textarea:active, .body-content[data-page='complete'] .complete .add-new-address-page .input textarea:hover, .body-content[data-page='complete'] .complete .add-new-address-page .input textarea:focus, .body-content[data-page='complete'] .complete .add-new-address-page .input select:active, .body-content[data-page='complete'] .complete .add-new-address-page .input select:hover, .body-content[data-page='complete'] .complete .add-new-address-page .input select:focus
{
    background-color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .add-new-address-page .input input, .body-content[data-page='complete'] .complete .add-new-address-page .input textarea, .body-content[data-page='complete'] .complete .add-new-address-page .input select
    {
        font-size: 12px !important
    }
}

.body-content[data-page='complete'] .complete .add-new-address-page .send-new-address
{
    padding: 10px 30px;
    width: 180px;
    background-color: #00D9FF;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    border: none;
    outline: none;
    opacity: 0.9
}

.body-content[data-page='complete'] .complete .add-new-address-page .send-new-address:hover
{
    opacity: 1
}

.body-content[data-page='complete'] .complete .way-send-section
{
    display: none
}

.body-content[data-page='complete'] .complete .way-send-section .way-area
{
    background-color: #fff;
    display: flex;
    align-items: center;
    align-content: center;
    border: 1px solid #dedede;
    color: #dedede;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    transition: 4px
}

.body-content[data-page='complete'] .complete .way-send-section .way-area .radio-btn
{
    padding: 10px
}

.body-content[data-page='complete'] .complete .way-send-section .way-area .radio-btn i
{
    font-size: 25px;
    padding: 15px
}

.body-content[data-page='complete'] .complete .way-send-section .way-area .way-box
{
    border-right: 1px solid #dedede;
    padding-right: 10px;
    flex-grow: 1
}

.body-content[data-page='complete'] .complete .way-send-section .way-area .way-box .item
{
    display: block;
    margin-bottom: 5px;
    margin-top: 10px
}

.body-content[data-page='complete'] .complete .way-send-section .way-area .way-box .item .title-a
{
    padding-left: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    color: #3f4b4f
}

.body-content[data-page='complete'] .complete .way-send-section .way-area .way-box .item .text-a
{
    font-size: 12px;
    color: #779097;
    padding-left: 5px
}

.body-content[data-page='complete'] .complete .way-send-section .way-area.active
{
    border: 1px solid #00D9FF;
    color: #232933 !important
}

.body-content[data-page='complete'] .complete .way-send-section .way-area.active .radio-btn
{
    color: #00D9FF
}

.body-content[data-page='complete'] .complete .way-send-section .continue
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='complete'] .complete .way-send-section .continue button
{
    margin: auto;
    border-radius: 4px;
    color: #fff !important;
    background-color: #00D9FF;
    padding: 11px 80px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    border: none;
    outline: none
}

.body-content[data-page='complete'] .complete .way-send-section .continue button:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='complete'] .complete .receive-section
{
    display: none
}

.body-content[data-page='complete'] .complete .receive-section .alert-warning
{
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px
}

.body-content[data-page='complete'] .complete .receive-section .receive-area
{
    display: flex;
    align-items: center;
    align-content: center;
    background-color: #fff;
    border: 1px solid #dedede;
    color: #dedede;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 15px;
    padding-top: 8px;
    padding-bottom: 8px;
    cursor: pointer;
    position: relative
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area
    {
        margin-bottom: 8px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .radio-btn
{
    padding: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .radio-btn
    {
        padding: 0 !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .radio-btn i
{
    font-size: 25px;
    padding: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .radio-btn i
    {
        font-size: 20px !important;
        padding: 5px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box
{
    border-right: 1px solid #dedede;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box
    {
        padding-right: 5px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .item
{
    display: block;
    margin-bottom: 5px;
    margin-top: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .item
    {
        margin-top: 5px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .item .title-a
{
    padding-left: 5px;
    font-size: 14px;
    margin-bottom: 15px;
    color: #3f4b4f
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .item .title-a
    {
        font-size: 11px !important;
        margin-bottom: 8px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .item .text-a
{
    font-size: 12px;
    color: #779097;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .item .text-a
    {
        font-size: 10px
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy
{
    display: flex;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .title
{
    font-size: 15px;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 3px;
    color: #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .title
    {
        width: 100%;
        font-size: 11px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .digit-area
{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 5px
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .digit-area .discount-digit
{
    padding-left: 2px;
    font-size: 18px;
    font-weight: bold;
    color: #27AE60
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .digit-area .discount-digit
    {
        font-size: 13px !important;
        padding-right: 0 !important;
        padding-left: 3px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .digit-area .icon
{
    font-size: 35px;
    color: #27AE60;
    padding-right: 3px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .Profit-to-buy .digit-area .icon
    {
        font-size: 27px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .discount-digit-area
{
    padding-right: 0 !important;
    padding-left: 3px !important;
    font-weight: bold;
    color: #dedede;
    display: flex;
    align-items: center;
    direction: ltr
}

@media (max-width: 767.98px)
{
    .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .discount-digit-area .digit-d, .body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .discount-digit-area .title-d
    {
        font-size: 15px !important
    }
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .discount-digit-area .digit-d
{
    font-size: 28px;
    padding-right: 4px
}

.body-content[data-page='complete'] .complete .receive-section .receive-area .way-box .discount-digit-area .title-d
{
    font-size: 25px;
    font-weight: bold
}

.body-content[data-page='complete'] .complete .receive-section .receive-area.active
{
    border: 1px solid #00D9FF;
    color: #00D9FF !important
}

.body-content[data-page='complete'] .complete .receive-section .receive-area.active .radio-btn
{
    color: #00D9FF
}

.body-content[data-page='complete'] .complete .receive-section .receive-area.active .discount-digit-area
{
    color: #f81111;
    text-shadow: 1px 1px 4px #f81111
}

.body-content[data-page='complete'] .complete .receive-section .continue
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='complete'] .complete .receive-section .continue button
{
    margin: auto;
    border-radius: 4px;
    color: #fff !important;
    background-color: #00D9FF;
    padding: 11px 80px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    border: none;
    outline: none
}

.body-content[data-page='complete'] .complete .receive-section .continue button:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='complete'] .complete .pay-section
{
    display: none
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box
{
    display: flex;
    align-items: center;
    align-content: center;
    border: 1px solid #dedede;
    color: #232933;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box
{
    padding-right: 10px;
    flex-grow: 1
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item
{
    display: block;
    margin-bottom: 5px;
    margin-top: 10px
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom
{
    padding-top: 5px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 360px)
{
    .body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom
    {
        display: block
    }
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom .right
{
    display: flex;
    align-items: center
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom .right .title
{
    padding-left: 7px
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom .right .digit
{
    font-size: 24px;
    font-weight: 800
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom .left
{
    display: flex;
    align-items: center;
    outline: none;
    background-color: transparent;
    border: 1px solid #27AE60;
    border-radius: 4px;
    margin-left: 10px;
    padding: 5px
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom .left .icon
{
    color: #27AE60;
    font-size: 15px;
    padding-left: 5px
}

.body-content[data-page='complete'] .complete .pay-section .wallet-box .pay-box .item .i-bottom .left .grow-pay
{
    color: #27AE60
}

.body-content[data-page='complete'] .complete .pay-section .pay-area
{
    display: flex;
    align-items: center;
    align-content: center;
    border: 1px solid #dedede;
    color: #dedede;
    background-color: #fff;
    overflow: hidden;
    border-radius: 4px;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .radio-btn
{
    padding: 10px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .radio-btn i
{
    font-size: 25px;
    padding: 15px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box
{
    border-right: 1px solid #dedede;
    padding-right: 10px;
    flex-grow: 1
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item
{
    display: block;
    margin-bottom: 5px;
    margin-top: 10px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .title-a
{
    padding-left: 5px;
    font-size: 14px;
    color: #3f4b4f
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .text-a
{
    font-size: 12px;
    color: #779097;
    padding-top: 5px;
    padding-left: 5px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom
{
    padding-top: 5px;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width: 360px)
{
    .body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom
    {
        display: block
    }
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom .right
{
    display: flex;
    align-items: center
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom .right .title
{
    padding-left: 7px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom .right .digit
{
    font-size: 14px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom .left
{
    display: flex;
    align-items: center;
    padding-left: 10px;
    border: none;
    outline: none;
    background-color: transparent
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom .left .icon
{
    color: #27AE60;
    font-size: 15px;
    padding-left: 5px
}

.body-content[data-page='complete'] .complete .pay-section .pay-area .pay-box .item .i-bottom .left .grow-pay
{
    color: #27AE60
}

.body-content[data-page='complete'] .complete .pay-section .pay-area.active
{
    border: 1px solid #00D9FF;
    color: #00D9FF !important
}

.body-content[data-page='complete'] .complete .pay-section .pay-area.active .radio-btn
{
    color: #00D9FF
}

.body-content[data-page='complete'] .complete .pay-section .continue
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='complete'] .complete .pay-section .continue button
{
    margin: auto;
    border-radius: 4px;
    color: #fff !important;
    background-color: #00D9FF;
    padding: 11px 80px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    border: none;
    outline: none
}

.body-content[data-page='complete'] .complete .pay-section .continue button:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='showProduct'] .show-product
{
    padding-top: 15px;
    background-color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product
    {
        display: block
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture
{
    width: 70%;
    margin: auto
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture img
{
    width: 100%;
    padding: 10px
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo
{
    position: absolute;
    top: 5px;
    left: 35px;
    width: 140px;
    height: 30px;
    display: table
}

@media (min-width: 767.98px) and (max-width: 770px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo
    {
        width: 220px
    }
}

@media (min-width: 770px) and (max-width: 830px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo
    {
        top: 0;
        width: 72px
    }
}

@media (min-width: 830px) and (max-width: 1000px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo
    {
        top: 0;
        width: 90px
    }
}

@media (min-width: 1000px) and (max-width: 1100px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo
    {
        top: 0;
        width: 100px
    }
}

@media (min-width: 1100px) and (max-width: 1200px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo
    {
        top: 0;
        width: 110px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture .logo img
{
    width: 100%;
    height: 100%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture
    {
        display: none !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture .owl-show-product-slider .item
{
    width: 90%;
    height: auto !important;
    margin: auto
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture .owl-show-product-slider .item img
{
    width: 100%;
    height: auto;
    margin: auto !important;
    padding: 20px
}

.body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size
    {
        display: inherit !important;
        margin: auto !important;
        width: 100% !important
    }

    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav
    {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        margin-top: 0 !important;
        position: relative;
        top: -160px
    }

    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-prev, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-next
    {
        border: 1px solid #9f9f9f !important;
        border-radius: 50%;
        width: 33px !important;
        height: 33px !important;
        text-align: center !important
    }

    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-prev span, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-next span
    {
        font-size: 20px !important;
        font-weight: 700
    }

    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-prev:focus, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-prev:active, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-prev:hover, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-next:focus, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-next:active, .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .owl-nav .owl-next:hover
    {
        background-color: transparent !important
    }

    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size img
    {
        margin: auto !important;
        width: 80% !important;
        padding: 3px !important
    }

    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .logo
    {
        position: absolute;
        top: 0;
        left: 15px;
        width: 100px !important;
        height: 20px !important;
        display: table
    }
}

@media (max-width: 767.98px) and (max-width: 500px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .logo
    {
        left: 10px;
        width: 72px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .picture-mobile-size .logo img
    {
        width: 100%;
        height: 100%
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .right .line
{
    margin: auto;
    text-align: center;
    width: 90%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .line
    {
        display: none
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .right .thumb-pic
{
    padding-top: 10px
}

.body-content[data-page='showProduct'] .show-product .product-details .right .thumb-pic .pic
{
    width: 60px !important;
    height: 60px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-content: center;
    transition: 0.2s ease-out;
    margin: 0 8px 8px 0;
    cursor: zoom-in
}

.body-content[data-page='showProduct'] .show-product .product-details .right .thumb-pic .pic img
{
    border: 1px solid #726f6f !important;
    border-radius: 4px;
    width: 100%;
    opacity: 0.5
}

.body-content[data-page='showProduct'] .show-product .product-details .right .thumb-pic .pic img:hover
{
    border: 1px solid #00D9FF !important;
    opacity: 1
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .right .thumb-pic
    {
        display: none !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal
{
    backdrop-filter: blur(8px)
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-header
{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 12px 18px 0 16px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-header .modal-caption
{
    margin-bottom: 0 !important;
    color: #232933 !important;
    border-bottom: 3px solid #232933 !important;
    padding-bottom: 7px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-header .modal-title
{
    color: #232933;
    font-size: 13px !important;
    padding-bottom: 6px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-header .close
{
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 6px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-body .container-fluid
{
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-body .container-fluid .main-pic-modal
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: hidden !important;
    width: 300px !important;
    height: 300px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-body .container-fluid .main-pic-modal img
{
    width: 100% !important;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-body .container-fluid .thumb-pictures
{
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-body .container-fluid .thumb-pictures .pic-tm
{
    display: inline-flex !important
}

.body-content[data-page='showProduct'] .show-product .product-details .right .modal .modal-dialog .modal-content .modal-footer
{
    border-top: none !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left
    {
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .btn-add
    {
        margin: auto !important
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .btn-add
    {
        margin: inherit !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area
{
    padding-right: 5px !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area
    {
        border-bottom: none
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .title-p .title-fa
{
    color: #232933;
    font-weight: 500;
    font-size: 13px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .title-p .title-en
{
    color: #7d8ca5;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0 !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area
{
    display: flex
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area
    {
        display: none
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area .ranking i, .body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area .ranking .checked
{
    font-size: 16px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area .ranking i
{
    color: #E2E2E2;
    font-size: 18px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area .ranking .checked
{
    color: #FFEE00
}

.body-content[data-page='showProduct'] .show-product .product-details .left .top-title-area .ranking-area .digit-ranking
{
    padding-right: 5px;
    font-size: 14px;
    color: #232933
}

.body-content[data-page='showProduct'] .show-product .product-details .left .brand-p
{
    padding-top: 8px;
    color: #6d7f9b;
    font-size: 12px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .description-area
{
    margin-top: 10px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description
{
    padding: 15px 5px 10px 0 !important;
    display: flex;
    align-items: flex-start
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description
    {
        padding-top: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .size-area
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .size-area
    {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .size-area .s-title
{
    font-size: 13px;
    color: #384151;
    font-weight: 600
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .size-area select:focus
{
    box-shadow: none !important;
    border: 1px solid #00D9FF !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area
{
    margin-top: 20px;
    margin-bottom: 10px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area
    {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area .c-title
{
    display: flex;
    align-items: center
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area .c-title .title
{
    font-size: 13px;
    color: #2d3542;
    font-weight: 700;
    padding-left: 5px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area .c-title .value-color
{
    font-size: 13px;
    color: #2d3542;
    font-weight: 700
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul
{
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li
{
    margin: 4px 0 4px 8px;
    width: 32px;
    height: 32px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label
{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label input[type=radio]
{
    visibility: hidden;
    position: absolute;
    box-sizing: border-box;
    padding: 0
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label input[type=radio]:checked + .c-circle-variant__border
{
    border: 3px solid #00bfd6
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-circle-variant__border
{
    position: absolute;
    width: 32px;
    height: 32px;
    border: 1px solid #d8d8d8;
    border-radius: 50%
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-tooltip--short
{
    white-space: nowrap
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-tooltip--small-bottom, .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-tooltip--small-bottom:before
{
    left: 50%;
    transform: translate(-50%)
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-tooltip--small-bottom
{
    top: calc(100% + 10px);
    padding: 5px 8px;
    border-radius: 3px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-tooltip
{
    position: absolute;
    display: none;
    opacity: 0;
    background-color: #6f6f6f;
    color: #fff;
    z-index: 4;
    animation-name: dk-tooltip-animation;
    animation-fill-mode: forwards;
    animation-delay: .3s;
    animation-timing-function: ease-in-out;
    font-size: .929rem;
    line-height: 1.692
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .color-area ul li label .c-circle-variant__shape
{
    background-color: #2196f3;
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    top: 4px;
    right: 4px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .text-area
{
    color: #9E9E9E;
    line-height: 2;
    font-size: 12px;
    text-align: justify;
    padding-bottom: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .text .text-area
    {
        margin: auto !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options
{
    padding-left: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item
{
    padding: 7px !important;
    background-color: #f8f8f8;
    border-radius: 4px;
    margin-bottom: 6px;
    border: 1px solid #d2d2d2
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item
    {
        padding: 5px !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 4px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .icon
{
    font-size: 26px;
    padding-left: 6px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .icon.warranty
{
    color: #2ECC71
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .icon.original
{
    color: #3498DB
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .icon.score
{
    width: 35px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .icon.product-id
{
    color: #F1C40F
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .icon.user-buy
{
    color: #2EC6B7
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .top .title
{
    font-weight: 500;
    color: #232933
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .description
{
    padding-right: 25px;
    text-align: justify;
    font-size: 11px;
    font-weight: 600;
    color: #232933
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .description.user-buy
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .description.user-buy .count
{
    color: #9E9E9E;
    font-size: 12px;
    padding-left: 3px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .description.user-buy .text
{
    font-size: 12px;
    color: #4f5050
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item .description.product-id .v
{
    color: #00D9FF
}

.body-content[data-page='showProduct'] .show-product .product-details .left .bottom-description .options .opt-item:last-child
{
    margin-bottom: 0
}

.body-content[data-page='showProduct'] .show-product .product-details .left .options-special
{
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 10px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .options-special .favorite-area
{
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-flex;
    align-items: center;
    flex-direction: column
}

.body-content[data-page='showProduct'] .show-product .product-details .left .options-special .favorite-area .favorite
{
    font-size: 28px;
    font-weight: bold;
    color: #515151;
    cursor: pointer
}

.body-content[data-page='showProduct'] .show-product .product-details .left .options-special .favorite-area .favorite.active
{
    color: red !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .options-special .favorite-area .title
{
    color: #515151;
    font-size: 10px;
    font-weight: 600
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default
    {
        padding: 0 !important;
        border-radius: 4px;
        display: flex !important;
        align-items: center;
        flex-direction: row
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add
    {
        background-color: transparent;
        width: 50%;
        padding-right: 15px !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card
{
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 45px;
    background-color: #00D9FF;
    border-radius: 8px;
    opacity: 0.9
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card:hover
{
    opacity: 1
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card
    {
        border-radius: 4px;
        padding: 8px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card i
{
    color: #fff !important;
    font-size: 22px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card i
    {
        font-size: 18px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card .text-link
{
    color: #fff;
    padding-right: 10px;
    font-size: 14px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .btn-add .add-card .text-link
    {
        font-size: 12px;
        padding-right: 6px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area
{
    border: 1px solid #D5D5D5;
    border-radius: 8px;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area
    {
        border: 1px solid #ebebeb;
        padding: 2px 0 2px 15px;
        width: 45%;
        display: flex;
        align-items: flex-end;
        flex-direction: column-reverse
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price
{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .discount
{
    margin-left: 35px;
    margin-right: 5px;
    width: 35px;
    height: 35px;
    position: relative
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .discount .digit-discount
{
    font-size: 13px;
    transform: rotate(-45deg);
    color: #ffffff;
    position: absolute;
    bottom: 8px;
    left: 9px;
    font-weight: bold
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .digit
{
    font-size: 25px;
    font-weight: bold;
    color: #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .digit
    {
        color: #232933 !important;
        font-size: 16px
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .digit.finished a
    {
        color: #ef394e !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .digit.is-discount
{
    text-decoration-line: line-through;
    text-decoration-color: #bbb !important;
    text-decoration-style: initial;
    color: #bbb !important;
    font-size: 17px;
    margin-left: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .digit.is-discount
    {
        font-size: 12px;
        margin-left: 20px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .unit
{
    margin-right: 5px;
    margin-left: 5px;
    font-size: 35px;
    color: #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .price-area .price .unit
    {
        color: #232933;
        font-size: 26px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay-default .unavailable-default
{
    z-index: 2;
    opacity: 0.7;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    background-color: #dedede;
    font-style: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 25px;
    font-weight: 600;
    user-select: none
}

.body-content[data-page='showProduct'] .show-product .product-details .left .pay
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay
    {
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 2;
        background-color: #fff;
        border-top: 1px solid #d2d2d2;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        padding: 5px
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card
    {
        background-color: #00D9FF;
        border-radius: 4px;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        cursor: pointer;
        border: none;
        border-radius: 8px;
        transition: 0.2s ease-out;
        padding: 10px 2px !important;
        width: 100%
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card:hover
    {
        opacity: 1
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card
    {
        padding: 0
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card i
    {
        display: none;
        color: #fff !important;
        font-size: 25px
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card i
    {
        font-size: 20px
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card .text-link
    {
        color: #fff;
        padding-right: 10px
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .add-card .text-link
    {
        font-size: 14px;
        padding-right: 6px
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area
    {
        border: 1px solid #D5D5D5;
        border-radius: 8px;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area
    {
        padding: 2px 0 2px 15px;
        width: 50%;
        border: none;
        display: flex;
        align-items: flex-end;
        flex-direction: column-reverse
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price
    {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .discount
    {
        margin-left: 35px;
        margin-right: 5px;
        width: 35px;
        height: 35px;
        position: relative
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .discount img
    {
        width: 35px;
        height: 35px
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .discount .digit-discount
    {
        font-size: 13px;
        transform: rotate(-45deg);
        color: #ffffff;
        position: absolute;
        bottom: 8px;
        left: 9px;
        font-weight: bold
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .digit
    {
        font-size: 25px;
        font-weight: bold;
        color: #232933
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .digit
    {
        font-size: 16px
    }

    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .digit.finished a
    {
        color: #ef394e !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .digit.is-discount
    {
        text-decoration-line: line-through;
        text-decoration-color: #BBBBBB;
        text-decoration-style: initial;
        color: #BBBBBB;
        font-size: 17px;
        margin-left: 15px
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .digit.is-discount
    {
        font-size: 12px;
        margin-left: 20px
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .unit
    {
        margin-right: 5px;
        margin-left: 5px;
        font-size: 35px;
        color: #232933
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .pay .price-area .price .unit
    {
        font-size: 26px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .unavailable
{
    width: 80%;
    margin: auto;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 2px;
    z-index: 2;
    opacity: 0.8;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    background-color: #dedede;
    font-style: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    font-weight: 600;
    user-select: none
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction
{
    display: flex;
    align-items: center;
    padding-top: 17px;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .direction
    {
        order: -1;
        padding: 3px !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .title
{
    color: #232933;
    font-weight: 500
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .direction .title
    {
        display: none;
        padding-right: 4px !important;
        font-size: 9px !important;
        font-weight: 600
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area
{
    padding-right: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area
    {
        padding: 4px !important
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area ul
{
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: flex
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area ul li
{
    display: flex;
    align-items: center
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area ul li a
{
    color: #61728e !important;
    font-size: 13px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area ul li a
    {
        font-size: 12px
    }
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area ul li i
{
    padding-right: 5px;
    padding-left: 5px;
    color: #232933;
    font-size: 8px !important
}

.body-content[data-page='showProduct'] .show-product .product-details .left .direction .direction-area ul li:last-child i
{
    display: none
}

.body-content[data-page='showProduct'] .show-product .property-section
{
    padding-top: 30px;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section
    {
        border-top: none !important;
        padding: 5px 8px 5px 8px
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .nav-tabs
    {
        display: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item
{
    text-align: center;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 1px solid #ebebeb !important;
    transition: 0.2s ease-out !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item
    {
        border: none !important;
        text-align: right
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.comments-tab a
{
    width: 100% !important
}

.body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.comments-tab a .count
{
    display: inline-block !important;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 11px;
    background-color: #F5F5F5;
    border-radius: 50%;
    text-align: center;
    position: relative;
    bottom: 2px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.comments-tab a .count
    {
        display: none !important;
        font-size: 9px;
        width: 20px;
        height: 20px;
        line-height: 20px;
        bottom: 0
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.active
{
    border-radius: 2px !important;
    background-color: #e0faff !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.active
    {
        border-bottom: none !important;
        background-color: transparent !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.active .nav-link
{
    background-color: #dbfaff !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item.active .nav-link
    {
        background-color: transparent !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item .nav-link
{
    color: #345A6B !important;
    padding: 15px 0 7px 0 !important;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border: none !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .nav-tabs .nav-item .nav-link
    {
        padding: 4px 0 4px 0 !important;
        font-size: 12px !important;
        font-weight: bold !important;
        cursor: initial !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content
{
    padding: 10px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content
    {
        padding: 0 !important;
        border: none !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .tab-pane
    {
        display: inherit !important;
        opacity: 1 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .tab-pane .title-property-mobile
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .tab-pane .title-property-mobile
    {
        margin-top: 15px;
        display: inherit !important;
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 4px;
        width: 100% !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list
{
    padding-top: 10px;
    text-align: justify;
    display: flex;
    align-self: baseline
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list
    {
        padding-top: 2px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .item
{
    margin-bottom: 5px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .item .item-area
{
    color: #232933;
    padding: 12px;
    background-color: #f8f8f8 !important;
    height: 100%;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .item .item-area
    {
        padding: 5px;
        font-size: 12px;
        font-weight: 600;
        background-color: transparent !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .key
{
    padding-right: 5px;
    padding-left: 0;
    line-height: 1.2
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .key
    {
        width: 30% !important;
        display: flex;
        align-items: baseline;
        justify-content: flex-start
    }

    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .key::before
    {
        content: '°';
        color: #707070;
        font-size: 23px;
        position: relative;
        top: 12px;
        left: 0
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .value
{
    padding-right: 5px;
    padding-left: 5px;
    line-height: 1.6;
    word-wrap: break-word
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .value
    {
        width: 70% !important;
        display: flex;
        align-items: baseline;
        justify-content: flex-start
    }

    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .value::before
    {
        content: ':';
        color: #707070;
        position: relative;
        top: 1px;
        left: 0;
        font-weight: bold
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .value .item-area
{
    font-size: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .specifications-content .property-list .value .item-area
    {
        font-size: 10.5px;
        font-weight: normal !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .title
{
    color: #191d24;
    font-weight: bold;
    font-size: 13.5px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .title
    {
        padding-top: 10px;
        padding-bottom: 5px;
        font-size: 13px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text
{
    line-height: 2.9;
    font-size: 13px;
    color: #2d3542;
    text-align: justify !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text
    {
        font-size: 12px;
        line-height: 2.5
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text img
{
    max-width: 100%
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .text-collapse
{
    line-height: 2.9;
    font-size: 14px;
    color: #2d3542;
    text-align: justify !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .text-collapse
    {
        font-size: 12px;
        line-height: 2.5
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .text-collapse img
{
    max-width: 100%
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .all-text
{
    display: none;
    line-height: 2.9;
    font-size: 14px;
    color: #2d3542;
    text-align: justify !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .all-text
    {
        font-size: 12px;
        line-height: 2.5
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .all-text img
{
    max-width: 100%
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .text .nav-toggle
{
    color: #00aecc;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 15px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .picture-ck
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .check-content .description-area-ck .picture-ck
    {
        display: none !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content
{
    padding-top: 5px;
    padding-bottom: 20px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .main-title
{
    border-bottom: 1px solid #ebebeb;
    padding-right: 8px !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .main-title
    {
        display: none !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .main-title .title
{
    display: inline-flex;
    border-bottom: 4px solid #232933;
    padding-bottom: 8px;
    font-size: 12.5px;
    position: relative;
    bottom: -2px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs
{
    padding-top: 15px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs
    {
        padding-top: 10px
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area
    {
        margin-bottom: 10px;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box
{
    height: 100%;
    padding: 10px;
    width: 100%;
    background-color: #FCFCFC;
    border-radius: 10px;
    box-shadow: 0 1px 6px #c7c7c7
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box
    {
        padding: 10px 0 10px 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .title
{
    font-size: 12px;
    color: #232933;
    padding-bottom: 6px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .title
    {
        font-size: 11px;
        padding-bottom: 4px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .progress
{
    width: 100%;
    height: 10px !important;
    background-color: #EFEFEF !important;
    border-radius: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .progress
    {
        height: 7px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .progress .progress-bar
{
    border-radius: 10px !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .progress .progress-bar.quality
{
    background-color: #2ECC71 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .progress .progress-bar.worth-buying
{
    background-color: #3498DB !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .progress-area .progress .progress-bar.score
{
    background-color: #E74C3C !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .status-progress
{
    padding-right: 10px !important;
    padding-left: 0 !important;
    color: #232933;
    font-size: 12.5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.progress-box .item-progress .status-progress
    {
        font-size: 10px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .title
{
    font-size: 13.5px;
    color: #232933;
    padding-right: 5px !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .description
{
    padding-top: 7px;
    line-height: 2.4;
    color: #2d3542;
    font-size: 12px;
    text-align: justify
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .score-area
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 10px;
    padding-bottom: 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .score-area img
{
    width: 40px;
    padding-left: 6px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .score-area .digit
{
    font-size: 20px;
    color: #323e43;
    font-weight: bold
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .mini-description
{
    font-size: 12px;
    color: #2d3542;
    line-height: 2.4
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .mini-description
    {
        margin-bottom: 8px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area
    {
        justify-content: center;
        padding-right: 15px !important;
        padding-left: 15px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area .add-new-comment
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #232933;
    padding: 14px 34px;
    border-radius: 4px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    outline: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area .add-new-comment
    {
        width: 100%;
        padding: 10px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area .add-new-comment:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area .add-new-comment i
{
    padding-left: 7px;
    color: #fff;
    font-size: 18px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .boxs .box-area .box.user-has-comment-box .btn-add-comment-area .add-new-comment .link-text
{
    color: #fff;
    font-size: 11px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments
    {
        padding-right: 0 !important;
        padding-left: 5px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title
{
    border-bottom: 1px solid #ebebeb;
    padding-right: 8px !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 20px;
    padding-bottom: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title
    {
        border-bottom: none
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .comment-main-title
{
    padding-right: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .comment-main-title
    {
        border-bottom: 1px solid #ebebeb !important;
        padding-bottom: 4px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .comment-main-title .title
{
    display: inline-flex;
    border-bottom: 4px solid #232933;
    padding-bottom: 8px;
    font-size: 14px;
    position: relative;
    bottom: -7px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .comment-main-title .title
    {
        border-bottom: none !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort
{
    padding-left: 0 !important;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort
    {
        padding-top: 10px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort .sort-title
{
    font-size: 12px;
    font-weight: bold;
    color: #232933;
    border-left: 1px solid #232933;
    padding-left: 6px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort .sort-title
    {
        border-left: none;
        font-weight: normal
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul
{
    padding-right: 5px;
    list-style-type: none;
    display: flex;
    align-items: center;
    margin: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul
    {
        padding-top: 8px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul li
{
    padding-left: 4px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul li:last-child
{
    padding-left: 0
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul li a
{
    font-size: 11px;
    color: #232933;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul li a.active, .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comment-title .sort ul li a:hover
{
    border: 1px solid #CFCFCF
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list
    {
        padding-top: 10px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 38px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment
    {
        padding-bottom: 20px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment:last-child
{
    padding-bottom: 5px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 8px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info
    {
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .sender-name
{
    padding-right: 0 !important;
    font-size: 15px;
    font-weight: bold;
    color: #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .sender-name
    {
        padding-bottom: 5px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info
{
    text-align: left;
    list-style-type: none;
    margin: 0 !important;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info
    {
        display: contents !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info
{
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    padding: 4px 12px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-left: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info
    {
        margin-bottom: 3px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info:last-child
{
    margin-left: 0
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info .icon
{
    border: none;
    outline: none;
    background-color: transparent;
    font-size: 20px;
    padding-left: 6px;
    color: #AFAFAF !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info .icon
    {
        font-size: 16px;
        padding-left: 4px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info .title
{
    font-size: 12px;
    color: #AFAFAF
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info .title
    {
        font-size: 11px;
        text-align: right
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.like-box .icon
{
    transition: 0.2s ease-out
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.like-box .icon:hover
{
    transform: scale(1.2);
    color: #ed2139 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.like-box .count
{
    color: #232933;
    padding-right: 45px;
    font-size: 12px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.like-box .count
    {
        padding-right: 8px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.date-send-box .history
{
    color: #2d3542;
    font-size: 12px !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.report-box
{
    padding: 0 !important;
    transition: 0.2s ease-out
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.report-box a
{
    padding: 4px 12px !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.report-box:hover
{
    border: 1px solid #232933;
    transform: scale(1.1)
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.report-box:hover a .icon, .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-info .comment-info .item-info.report-box:hover a .title
{
    color: #232933 !important;
    font-weight: bold
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-description
{
    border-right: 10px solid #F5F5F5;
    margin-right: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-description
    {
        border-right: none !important;
        margin-right: 0
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-description .subject
{
    padding-top: 10px;
    padding-right: 0 !important;
    padding-bottom: 8px;
    font-size: 12px;
    color: #232933;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-description .subject
    {
        padding-bottom: 5px;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-description .text
{
    color: #2d3542;
    padding-right: 0 !important;
    line-height: 2.8;
    word-break: break-word
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .comments-content .user-comments .user-comments-list .item-comment .send-description .text
    {
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content
{
    padding-top: 5px;
    padding-bottom: 20px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .main-title
{
    border-bottom: 1px solid #ebebeb;
    padding-right: 8px !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .main-title
    {
        padding-right: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .main-title .title
{
    display: inline-flex;
    border-bottom: 4px solid #232933;
    padding-bottom: 8px;
    font-size: 12.5px;
    position: relative;
    bottom: -2px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .main-title .title
    {
        border-bottom: none;
        font-weight: bold
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .mini-description
{
    padding-top: 20px;
    padding-bottom: 14px;
    font-size: 12px;
    color: #232933;
    padding-right: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .mini-description
    {
        padding-top: 10px;
        padding-bottom: 5px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .description
{
    color: #232933;
    font-size: 11px;
    line-height: 2;
    background-color: #FBFBFB;
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    padding: 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question
{
    padding-top: 8px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question
    {
        padding-bottom: 0;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .rules-text
{
    color: #232933;
    text-align: left
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .rules-text
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
        font-size: 10px;
        text-align: center !important;
        padding-bottom: 7px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .rules-text a
{
    color: #6DA9CF
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .rules-text a
    {
        font-size: 10px;
        font-weight: bold
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .btn-rules
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .btn-rules button
{
    background-color: #232933;
    border-radius: 4px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    width: 100%;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .btn-rules button:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .btn-rules button .icon
{
    color: #fff;
    padding-left: 8px;
    font-size: 18px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .verify-question .btn-rules button .text
{
    font-size: 12px;
    color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title
{
    border-bottom: 1px solid #ebebeb;
    padding-right: 8px !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding-top: 20px;
    padding-bottom: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title
    {
        border-bottom: none;
        padding-right: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .comment-main-title
{
    padding-right: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .comment-main-title
    {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 5px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .comment-main-title .title
{
    display: inline-flex;
    border-bottom: 4px solid #232933;
    padding-bottom: 8px;
    font-size: 12.5px;
    position: relative;
    bottom: -7px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .comment-main-title .title
    {
        border-bottom: none;
        font-weight: bold
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort
{
    padding-left: 0 !important;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort
    {
        padding-top: 5px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort .sort-title
{
    font-size: 12px;
    font-weight: bold;
    color: #232933;
    border-left: 1px solid #232933;
    padding-left: 6px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort .sort-title
    {
        border-left: none;
        padding-bottom: 5px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul
{
    padding-right: 5px;
    list-style-type: none;
    display: flex;
    align-items: center;
    margin: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul
    {
        padding-top: 5px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul li
{
    padding-left: 4px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul li:last-child
{
    padding-left: 0
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul li a
{
    font-size: 11px;
    color: #232933;
    border: 1px solid transparent;
    border-radius: 4px;
    padding: 5px 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul li a.active, .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-title .sort ul li a:hover
{
    border: 1px solid #CFCFCF
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box
{
    padding-top: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .title-area
{
    padding-right: 70px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .title-area .name
{
    font-size: 12.5px;
    color: #232933;
    padding-left: 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .title-area .date-area
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .title-area .date-area i
{
    color: #AFAFAF;
    font-size: 15px;
    padding-left: 4px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .title-area .date-area .title
{
    padding-left: 4px;
    color: #AFAFAF;
    font-size: 11.5px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .title-area .date-area .date
{
    color: #AFAFAF;
    font-size: 11.5px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q
{
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    background-color: #FCFCFC;
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .icon-q
{
    background-color: #FFFBDB;
    padding: 10px;
    border-radius: 50%;
    font-size: 30px;
    color: #DCD281;
    border: 1px solid #E6DE9E;
    position: absolute;
    right: 8px;
    top: -30px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .icon-q
    {
        font-size: 20px;
        top: -25px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .description-q
{
    line-height: 2;
    font-size: 12px;
    padding-right: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .description-q
    {
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 15px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .btn-area
{
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .btn-area .btn-answer-q
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    border: none;
    outline: none;
    background-color: transparent !important;
    transition: 0.2s ease-out;
    margin-bottom: 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .btn-area .btn-answer-q:hover i, .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .btn-area .btn-answer-q:hover .text
{
    font-weight: bold
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .btn-area .btn-answer-q i
{
    color: #3498DB;
    font-size: 25px;
    padding-left: 4px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .question-box .box-q .btn-area .btn-answer-q .text
{
    font-size: 12.5px;
    color: #3498DB
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box
{
    padding-right: 70px;
    padding-top: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box
    {
        padding-right: 15px;
        padding-top: 12px;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area
{
    padding-left: 75px;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area
    {
        padding-left: 55px;
        padding-bottom: 3px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area .name
{
    font-size: 12.5px;
    color: #232933;
    padding-left: 10px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area .date-area
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area .date-area i
{
    color: #AFAFAF;
    font-size: 15px;
    padding-left: 4px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area .date-area .title
{
    padding-left: 4px;
    color: #AFAFAF;
    font-size: 11.5px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .title-area .date-area .date
{
    color: #AFAFAF;
    font-size: 11.5px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a
{
    border: 1px solid #DBDBDB;
    border-radius: 5px;
    position: relative;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .icon-a
{
    background-color: #E5FFF0;
    padding: 10px;
    border-radius: 50%;
    font-size: 30px;
    color: #9BD4B3;
    border: 1px solid #9BD4B3;
    position: absolute;
    left: 8px;
    top: -30px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .icon-a
    {
        font-size: 16px;
        top: -22px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a
{
    line-height: 2;
    font-size: 12px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 70px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a
    {
        padding-top: 15px !important;
        font-size: 11px;
        padding-left: 5px !important;
        padding-right: 5px !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area .caption-question
{
    color: #232933;
    padding-left: 10px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area .caption-question
    {
        font-size: 11.5px
    }
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button
{
    outline: none;
    background-color: transparent;
    border-radius: 4px;
    padding: 3px 9px;
    margin-left: 8px
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button.ok
{
    border: 1px solid #00AA33
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button.ok .title
{
    font-size: 12px;
    color: #00AA33
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button.ok .count
{
    font-size: 12px;
    padding-right: 1px;
    color: #00AA33
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button.no
{
    border: 1px solid #ed2139
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button.no .title
{
    font-size: 12px;
    color: #ed2139
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .caption-area button.no .count
{
    font-size: 12px;
    padding-right: 1px;
    color: #ed2139
}

.body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .text
{
    padding-top: 8px;
    font-size: 12px;
    color: #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .property-section .tab-content .question-answer-content .question-user-area .user-question-list .answer-box .box-a .description-a .text
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
        font-size: 11px
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products
{
    /*display: none;*/
    background-color: #F1F1F1
}

.body-content[data-page='showProduct'] .show-product .offer-products .offer-title
{
    text-align: center;
    font-size: 14px;
    color: #232933;
    padding-top: 40px;
    padding-bottom: 5px
}

.body-content[data-page='showProduct'] .show-product .offer-products .lines
{
    padding-top: 5px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.body-content[data-page='showProduct'] .show-product .offer-products .lines .line-right, .body-content[data-page='showProduct'] .show-product .offer-products .lines .line-left
{
    width: 45%;
    border-top: 1px solid #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .offer-products .lines .line-right, .body-content[data-page='showProduct'] .show-product .offer-products .lines .line-left
    {
        display: none
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products .lines .line-center
{
    width: 45px;
    border-radius: 4px;
    border-top: 5px solid #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .offer-products .lines .line-center
    {
        border-top: 1px solid #232933;
        width: 40%
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products .items
{
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-right: 20px;
    margin-left: 20px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .owl-item
{
    margin-bottom: 5px !important
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item
{
    height: 100%;
    margin-right: 2px !important
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content
{
    height: 100%;
    text-align: center;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: all 1s !important;
    border: 1px solid transparent;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content
    {
        display: flex;
        padding: 10px
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    border: 1px solid #232933
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    position: relative
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top .pic
{
    width: 180px;
    padding: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top .pic
    {
        margin-bottom: 10px;
        margin-top: -4px;
        margin-right: 10px;
        width: 90px;
        border-radius: 5px;
        border: 5px solid #F4F4FD
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top .pic img
{
    width: 100%;
    height: auto
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top .discount
{
    border-radius: 10px;
    position: absolute;
    right: 0px;
    top: 0px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top .discount img
{
    width: 40px;
    height: 40px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-top .discount .digit-discount
{
    font-size: 15px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bolder;
    position: absolute;
    top: 8px;
    right: 4px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom
{
    padding-top: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .ranking i, .body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .ranking .checked
    {
        font-size: 12px !important
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .ranking i
{
    color: #CBCBCB;
    font-size: 18px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .ranking .checked
{
    font-size: 18px;
    color: #FFC107
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .i-title
{
    padding-top: 13px;
    padding-bottom: 10px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .i-title a
{
    color: #232933 !important
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .line
{
    padding-bottom: 10px;
    margin: auto;
    width: 95%;
    border-top: 1px solid #D8D8D8
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .price
{
    display: inline-flex;
    color: #232933;
    padding-bottom: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .price .price-area
    {
        font-size: 14px !important
    }

    .body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .price .unit
    {
        font-size: 11px !important
    }
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .price .price-area
{
    font-weight: bold;
    font-size: 25px
}

.body-content[data-page='showProduct'] .show-product .offer-products .items .item .i-content .i-bottom .price .unit
{
    font-weight: normal;
    vertical-align: bottom;
    font-size: 12px;
    position: relative;
    bottom: -12px
}

.body-content[data-page='showProduct'] .show-product .offer-products .arrow
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
    padding-top: 5px
}

.body-content[data-page='showProduct'] .show-product .offer-products .arrow .right-arrow
{
    padding: 10px;
    background-color: #232933;
    color: #fff;
    cursor: pointer
}

.body-content[data-page='showProduct'] .show-product .offer-products .arrow .right-arrow i
{
    width: 25px;
    font-size: 25px;
    position: relative;
    top: 2px;
    right: 2px
}

.body-content[data-page='showProduct'] .show-product .offer-products .arrow .left-arrow
{
    background-color: #fff;
    padding: 10px;
    cursor: pointer
}

.body-content[data-page='showProduct'] .show-product .offer-products .arrow .left-arrow i
{
    width: 25px;
    font-size: 25px;
    color: #232933;
    position: relative;
    right: 2px;
    top: 2px
}

.body-content[data-page='showProduct'] .modal-add-comment
{
    backdrop-filter: blur(10px) !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog
{
    max-width: 900px !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content
{
    border-radius: 15px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    padding: 0 10px !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-header
{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 0 0 !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-header .modal-title
{
    color: #191d24;
    font-size: 14px !important;
    padding-bottom: 6px !important;
    font-weight: 600
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-header .modal-title
    {
        font-size: 12px !important
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-header .close
{
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 6px !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-header .close span
{
    font-size: 30px
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body
{
    padding: 0 !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs
{
    padding-top: 15px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs
    {
        padding-top: 10px
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area
    {
        margin-bottom: 10px;
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box
{
    height: 100%;
    padding: 15px;
    width: 100%;
    background-color: #FCFCFC;
    border-radius: 10px;
    box-shadow: 0 1px 6px #c7c7c7
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box
    {
        padding: 10px 0 10px 0 !important
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 15px;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress .progress-area
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress .progress-area .title
{
    font-size: 12px;
    color: #232933;
    padding-bottom: 6px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress .progress-area .title
    {
        font-size: 11px;
        padding-bottom: 4px
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress .progress-area input[type=range]
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress .status-progress
{
    padding-right: 10px !important;
    padding-left: 0 !important;
    color: #232933;
    font-size: 12.5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.progress-box .item-progress .status-progress
    {
        font-size: 10px
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .title
{
    color: #040506;
    padding-right: 5px !important;
    font-weight: 600;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .title
    {
        font-size: 12px !important
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box
    {
        padding-right: 8px !important;
        padding-left: 8px !important
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box textarea
{
    font-size: 13px;
    color: #191d24;
    line-height: 2.5
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area
    {
        justify-content: center;
        padding-right: 15px !important;
        padding-left: 15px !important
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area .add-new-comment
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #232933;
    padding: 10px 40px;
    border-radius: 4px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: none;
    outline: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area .add-new-comment
    {
        width: 100%;
        padding: 10px
    }
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area .add-new-comment:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translate(-3px)
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area .add-new-comment i
{
    padding-left: 8px;
    color: #fff;
    font-size: 20px
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-body .container-fluid .boxs .box-area .box.user-has-comment-box .comment-box .btn-add-comment-area .add-new-comment .link-text
{
    color: #fff;
    font-weight: bold
}

.body-content[data-page='showProduct'] .modal-add-comment .modal-dialog .modal-content .modal-footer
{
    border-top: none !important
}

.body-content[data-page='card'] .card-box
{
    padding-top: 15px;
    padding-bottom: 18px;
    padding-right: 10px !important;
    padding-left: 10px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box
    {
        border: none;
        padding-top: 25px;
        padding-bottom: 0 !important
    }
}

.body-content[data-page='card'] .card-box .title-area
{
    display: flex;
    margin-bottom: 15px;
    border-bottom: 1px solid #d2d2d2;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .title-area
    {
        padding-right: 10px;
        padding-left: 10px;
        border-bottom: 0
    }
}

.body-content[data-page='card'] .card-box .title-area .title
{
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 5px;
    border-bottom: 3px solid #00D9FF;
    color: #00D9FF;
    width: fit-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .title-area .title
    {
        font-size: 16px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box
{
    display: flex;
    align-items: flex-start;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 12px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box
    {
        padding-right: 10px !important;
        padding-left: 10px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area
{
    padding-right: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area
    {
        padding-left: 0 !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content
{
    padding: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content
    {
        margin-bottom: 10px;
        padding: 8px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .title-buy-cart
{
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #d2d2d2;
    color: #232933;
    padding-bottom: 4px;
    padding-right: 0;
    padding-left: 0
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items
{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items
    {
        padding-top: 0
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item
{
    border-bottom: 1px solid #ebebeb;
    padding-top: 10px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item:last-child
{
    border-bottom: 0
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content
{
    height: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    padding: 4px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-right
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-right .pic
{
    width: 110px;
    height: 110px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-right .pic
    {
        width: 75px !important;
        height: 75px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-right .pic img
{
    width: 100%;
    height: auto;
    object-fit: contain
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left
{
    padding: 3px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left
    {
        padding: 3px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart
{
    padding: 0 !important
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .i-title
{
    padding-right: 0
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .i-title .category
{
    padding-bottom: 15px;
    font-size: 11px;
    color: #919496
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .i-title a
{
    color: #232933 !important;
    font-size: 11px;
    text-align: right
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .price
{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    color: #232933;
    padding-left: 0 !important
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .price .price-area
{
    font-weight: 600;
    font-size: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .price .price-area
    {
        padding-top: 5px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .price .unit
{
    color: #2c3e50;
    font-weight: normal;
    vertical-align: bottom;
    font-size: 35px !important;
    padding-right: 3px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .details-cart .price .unit
    {
        font-size: 30px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding-top: 2px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .count
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    padding: 4px 0;
    border: 1px solid #ebebeb;
    border-radius: 4px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .count .minus
{
    color: #dedede;
    font-size: 22px;
    cursor: pointer;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .count .count-card
{
    width: 50px;
    outline: none;
    user-select: none;
    padding: 3px 0 3px 0 !important;
    text-align: center
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .count .plus
{
    color: #dedede;
    font-size: 22px;
    cursor: pointer;
    padding-right: 0 !important;
    padding-left: 0 !important;
    text-align: center
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .delete
{
    cursor: pointer;
    outline: 0;
    border: 0;
    background-color: transparent;
    width: 36px;
    height: 36px;
    display: flex
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .delete i
{
    display: flex;
    margin: auto;
    font-size: 24px;
    color: #c5c5c5;
    transition: 0.2s ease-out
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .delete i:hover, .body-content[data-page='card'] .card-box .buy-cart .cart-box .cart-area .cart-area-content .items .item .i-content .i-left .operations .delete i:focus
{
    transform: scale(1.1)
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay
{
    border: 1px solid #d2d2d2;
    background-color: #fff;
    border-radius: 7px;
    overflow: hidden;
    padding-bottom: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay
    {
        display: block;
        padding: 10px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .title-buy-cart
{
    font-weight: bold;
    font-size: 13px;
    border-bottom: 1px solid #d2d2d2;
    color: #232933;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 15px;
    padding-bottom: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .title-buy-cart
    {
        padding-top: 10px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area
    {
        display: block;
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-box, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price
    {
        display: flex !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .title-discount
{
    font-size: 12px;
    color: #232933;
    padding-bottom: 5px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box
{
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid #b8b8b8;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-color: #ebebeb
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .input
{
    flex-grow: 1
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .input input
{
    width: 100%;
    padding: 8px;
    border: none;
    outline: none;
    background-color: transparent;
    text-align: right;
    color: #232933
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .input input ::placeholder
{
    color: #232933 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .input input
    {
        padding: 8px;
        font-size: 11px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc
{
    padding-left: 10px;
    background-color: transparent
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount button, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
{
    border: none;
    outline: none;
    padding: 8px 20px;
    color: #fff;
    border-radius: 4px;
    background: #232933;
    margin-left: -8px;
    font-size: 11px;
    transition: 0.2s ease-out
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount button:hover, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount button:focus, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button:hover, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translateX(2px);
    background-color: #00D9FF
}

@media (min-width: 360px) and (max-width: 377px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount button, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
    {
        padding: 7px !important
    }
}

@media (min-width: 378px) and (max-width: 423px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount button, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
    {
        padding: 7px !important;
        font-size: 10px
    }
}

@media (min-width: 424px) and (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-discount button, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
    {
        padding: 6px 10px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc
{
    padding-left: 10px;
    background-color: transparent
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
{
    border: none;
    outline: none;
    padding: 8px 20px;
    color: #fff;
    border-radius: 4px;
    background-color: #232933;
    margin-left: -8px;
    font-size: 11px;
    transition: 0.2s ease-out
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button:hover, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translateX(2px)
}

@media (min-width: 360px) and (max-width: 377px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
    {
        padding: 7px !important
    }
}

@media (min-width: 378px) and (max-width: 423px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
    {
        padding: 7px !important;
        font-size: 10px
    }
}

@media (min-width: 424px) and (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .discount-area .discount-box .btn-desc button
    {
        padding: 6px 10px !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price
{
    padding: 18px 10px 5px 10px !important;
    text-align: left
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price
    {
        text-align: center;
        padding-top: 10px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price .total-area
{
    display: inline-flex;
    align-items: center;
    color: #112630
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price .total-area
    {
        margin: auto !important;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price .total-area .total-title
{
    font-size: 17px;
    padding-left: 10px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price .total-area .digit
{
    font-weight: bold;
    font-size: 24px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price .total-area .unit
{
    color: #2c3e50;
    font-size: 40px;
    padding-right: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .pay-area .total-price .total-area .unit
    {
        font-size: 30px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount
    {
        padding-right: 0 !important;
        padding-left: 0 !important
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount .title-discount-i
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    font-size: 11px;
    color: #61728e;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount .title-discount-i
    {
        padding-top: 0;
        padding-bottom: 10px
    }
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount .btn-complete
{
    margin: auto auto 4px;
    outline: none;
    background-color: #00D9FF;
    color: #fff;
    border-radius: 8px;
    font-weight: 500;
    border: 0;
    outline: 0;
    padding: 12px 5px;
    opacity: 0.8;
    transition: 0.2s ease-out
}

.body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount .btn-complete:hover, .body-content[data-page='card'] .card-box .buy-cart .cart-box .pay .items-discount .btn-complete:focus
{
    opacity: 1
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty
{
    margin-top: 20px;
    margin-bottom: 20px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty .cart-empty-area
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty .cart-empty-area .picture
{
    width: 100px;
    height: 100px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty .cart-empty-area .picture img
{
    object-fit: contain
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty .cart-empty-area .title-empty
{
    font-weight: 600;
    color: #ef394e;
    margin-top: 25px;
    margin-bottom: 20px;
    font-size: 15px
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty .cart-empty-area .details-empty
{
    text-align: center
}

.body-content[data-page='card'] .card-box .buy-cart .cart-empty .cart-empty-area .details-empty .text
{
    font-size: 13px
}

.body-content .site-content
{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

.body-content .site-content.public-page
{
    background: #FCFCFC
}

.body-content .site-content.public-page .box-content
{
    background: #ffffff;
    border: 1px solid #E1E1E1;
    border-radius: 4px;
    text-align: right;
    padding: 30px 15px;
    align-items: center
}

.body-content .site-content.public-page .box-content .page-title
{
    color: #232933;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px
}

.body-content .site-content.public-page .box-content .page-text
{
    line-height: 23px
}

.body-content[data-page='callback'] .callback
{
    padding-top: 25px;
    background-color: #ffffff
}

.body-content[data-page='callback'] .callback.success, .body-content[data-page='callback'] .callback.description
{
    color: #27AE60
}

.body-content[data-page='callback'] .callback.unsuccess, .body-content[data-page='callback'] .callback.description
{
    color: #F60E40
}

.body-content[data-page='callback'] .callback .title-area .title
{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    font-weight: normal;
    font-size: 16px;
    color: #373636
}

.body-content[data-page='callback'] .callback .title-area .lines
{
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 18px
}

@media (max-width: 700px)
{
    .body-content[data-page='callback'] .callback .title-area .lines
    {
        color: #112630 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='callback'] .callback .title-area .lines .line-right, .body-content[data-page='callback'] .callback .title-area .lines .line-left
{
    width: 190px;
    border-top: 1px solid #999
}

@media (max-width: 700px)
{
    .body-content[data-page='callback'] .callback .title-area .lines .line-right, .body-content[data-page='callback'] .callback .title-area .lines .line-left
    {
        display: none
    }
}

.body-content[data-page='callback'] .callback .title-area .lines .line-center
{
    width: 50px;
    border-radius: 4px;
    border-top: 5px solid #112630
}

@media (max-width: 700px)
{
    .body-content[data-page='callback'] .callback .title-area .lines .line-center
    {
        width: 35%;
        border-top: 1px solid #51565a
    }
}

.body-content[data-page='callback'] .callback .pay .payment-area
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
    margin-top: 20px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box
{
    width: 50%;
    padding: 15px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 10px;
    padding-bottom: 20px
}

@media (max-width: 700px)
{
    .body-content[data-page='callback'] .callback .pay .payment-area .payment-box
    {
        width: 100% !important;
        margin-right: 15px;
        margin-left: 15px
    }
}

@media (min-width: 700px) and (max-width: 992px)
{
    .body-content[data-page='callback'] .callback .pay .payment-area .payment-box
    {
        width: 100% !important;
        margin-right: 15px;
        margin-left: 15px
    }
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .top-box
{
    text-align: center
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .top-box .status
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .top-box .pic-area
{
    padding-bottom: 10px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .top-box .pic-area .pic
{
    margin: auto;
    width: 100px;
    height: 100px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .top-box .pic-area .pic img
{
    width: 100%;
    padding: 5px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .top-box .description
{
    font-size: 12px;
    padding-bottom: 25px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .bottom-box .details
{
    padding-bottom: 10px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .bottom-box .details .list
{
    padding: 0;
    margin: 0;
    list-style-type: none
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .bottom-box .details .list .item
{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .bottom-box .details .list .item .key
{
    width: 40%;
    margin-bottom: 7px;
    padding: 5px;
    background-color: #F3F3F3;
    text-align: right;
    color: #43697B;
    padding-right: 5px;
    font-size: 12px
}

.body-content[data-page='callback'] .callback .pay .payment-area .payment-box .bottom-box .details .list .item .value
{
    width: 59%;
    font-size: 12px;
    color: #112630;
    margin-bottom: 7px;
    padding: 5px;
    padding-left: 10px;
    background-color: #F3F3F3;
    text-align: left
}

.body-content[data-page='callback'] .callback .pay .buttons-payment
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px
}

.body-content[data-page='callback'] .callback .pay .buttons-payment .buttons
{
    padding: 10px;
    border-radius: 10px;
    padding-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .close-btn
{
    margin-left: 15px
}

.body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .close-btn a
{
    color: #232933 !important;
    border: 1px solid #232933;
    background-color: transparent;
    padding: 12px 30px;
    border-radius: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

@media (max-width: 700px)
{
    .body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .close-btn a
    {
        padding: 12px 100px !important
    }
}

.body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .close-btn a:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 700px)
{
    .body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .receive
    {
        display: none !important
    }
}

.body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .receive .btn-print
{
    color: #ffffff;
    background-color: #232933;
    padding: 12px 60px;
    border-radius: 50px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    border: none;
    outline: none
}

.body-content[data-page='callback'] .callback .pay .buttons-payment .buttons .receive .btn-print:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='club'] .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='club'] .club-page .club .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club
    {
        border-bottom: 1px solid transparent !important;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content[data-page='club'] .club-page .club .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 180px !important
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .logo
    {
        width: 80px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .logo img
{
    width: 100%
}

.body-content[data-page='club'] .club-page .club .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #c5c5c5;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content[data-page='club'] .club-page .club .header-club .menu-club .items .item.active, .body-content[data-page='club'] .club-page .club .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='club'] .club-page .club .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='club'] .club-page .club .content-club
{
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club
    {
        margin-top: 6px;
        border: none;
        padding-top: 0
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .content-club
    {
        border: none;
        padding-top: 5px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item
{
    margin-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item
    {
        padding-right: 5px !important;
        padding-left: 5px !important;
        margin-bottom: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item
    {
        padding: 5px;
        margin-bottom: 10px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content
{
    background-color: #fff;
    height: 100%;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border: 1px solid #d2d2d2;
    border-radius: 4px;
    align-items: flex-start;
    justify-content: stretch;
    padding: 10px;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content
    {
        padding: 7px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i
{
    padding-left: 5px
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box
{
    background: #00D9FF;
    background-image: linear-gradient(to top, #e6bc10, #eac644, #eed067, #f1da86, #f5e4a5, #fce7b8, #ffeacb, #ffefde, #fff1eb, #fff5f7, #fffafe, #fff);
    border-radius: 8px;
    padding: 12px 18px;
    position: relative;
    top: -20px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box
    {
        top: -16px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .number
{
    width: 55px;
    height: 55px;
    line-height: 55px;
    background-color: white;
    border-radius: 50%;
    color: #232933;
    text-align: center;
    font-size: 20px;
    border: 2px solid #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .number
    {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 13px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .pic
{
    width: 25px;
    height: 25px;
    margin: auto;
    position: relative;
    top: -14px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .pic
    {
        width: 20px;
        height: 20px;
        top: -12px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .pic img
{
    width: 100%
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .title
{
    margin: auto;
    color: #ffffff;
    font-size: 13px;
    text-align: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .right-i .score-box .title
    {
        font-size: 12px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i
{
    padding-right: 5px;
    width: 100%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i
    {
        width: 100%
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .title
{
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .title
    {
        font-size: 13px;
        font-weight: 600
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .text
{
    font-size: 13px;
    line-height: 1.5
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .text
    {
        font-size: 12px;
        line-height: 1.7
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .btn-continue
{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    align-content: flex-end;
    padding-top: 35px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .btn-continue
    {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .btn-continue a
{
    padding: 10px 30px;
    border: 1px solid #232933;
    border-radius: 7px;
    background-color: transparent;
    color: #232933;
    font-size: 12px;
    outline: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .btn-continue a
    {
        padding: 8px 15px;
        font-weight: normal;
        font-size: 11px
    }
}

.body-content[data-page='club'] .club-page .club .content-club .items .item .i-content .left-i .btn-continue a:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    color: #ffffff;
    background-color: #232933
}

.body-content[data-page='loginClub'] .club-page
{
    background-color: #FCFCFC;
    padding-bottom: 30px
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club
    {
        width: 100% !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club
{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid #d2d2d2 !important;
    padding-top: 5px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club
    {
        border-bottom: 1px solid transparent;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .logo
{
    width: 310px !important;
    height: auto;
    margin-bottom: 10px;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .logo
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 1;
        padding-bottom: 10px;
        margin: auto;
        width: 220px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .logo
    {
        width: 80px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .logo img
{
    width: 100%
}

.body-content[data-page='loginClub'] .club-page .club .header-club .menu-club
{
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .menu-club
    {
        padding-right: 10px;
        padding-left: 10px;
        order: 3
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .menu-club .items
    {
        width: 100%;
        background: #fff;
        overflow: hidden;
        border: 1px solid #384151;
        border-radius: 6px;
        margin-bottom: 5px;
        text-align: center;
        padding: 2px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .menu-club .items .item
{
    margin-right: 15px;
    color: #232933;
    padding: 5px 10px;
    border-radius: 6px;
    font-size: 13px;
    background-color: transparent
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .menu-club .items .item
    {
        margin-right: 0 !important;
        background-color: #ebebeb;
        flex-grow: 1;
        border-radius: 4px;
        color: #232933;
        padding: 6px 10px 3px;
        margin-left: 4px;
        outline: none;
        transition: 0.25s ease-out;
        margin-bottom: 2px;
        font-size: 11px;
        font-weight: normal
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .menu-club .items .item.active, .body-content[data-page='loginClub'] .club-page .club .header-club .menu-club .items .item:hover
{
    background-color: #00D9FF;
    color: #fff
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .menu-club .items .item
    {
        font-size: 11px;
        margin-right: 10px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score
{
    padding-right: 0;
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score
    {
        padding-right: 10px;
        padding-left: 10px;
        display: block;
        margin: auto;
        order: 2;
        padding-bottom: 6px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #dedede !important;
    background-color: #ebebeb !important;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent !important;
        margin-top: 5px;
        margin-bottom: 5px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 15px;
    border: 1px solid #DCDCDC;
    background-color: #F2F2F2;
    border-radius: 4px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px;
        order: 1;
        border: none;
        background-color: transparent
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score
    {
        padding: 3px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .title-score
{
    font-size: 13px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .title-score
    {
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .my-price
{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .my-price .caption-text
{
    color: #232933 !important;
    font-size: 11px !important
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .my-price .price
{
    padding-right: 4px !important;
    color: #00D9FF !important;
    font-size: 12px !important;
    font-weight: 600;
    position: relative !important;
    top: 2px !important
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .title-score
{
    font-size: 14px;
    padding-left: 20px;
    width: max-content
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 15px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .title-score
    {
        font-size: 11px;
        font-weight: normal;
        padding-left: 8px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .number-score
{
    font-size: 16px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .number-score
    {
        font-size: 14px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .pic
{
    width: 33px;
    height: 33px;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 25px;
        height: 25px
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .pic
    {
        width: 26px;
        height: 26px
    }
}

.body-content[data-page='loginClub'] .club-page .club .header-club .left-score .your-score .pic img
{
    width: 100%
}

.body-content[data-page='loginClub'] .club-page .club .content-club
{
    margin-top: 15px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    padding: 15px 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club
    {
        margin-top: 6px;
        padding-top: 0
    }
}

@media (min-width: 767.98px) and (max-width: 992px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club
    {
        padding-top: 5px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content
{
    margin-right: 5px;
    margin-left: 5px
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .title-login
{
    color: #112630;
    border-bottom: 1px solid #112630;
    font-size: 14px;
    padding-bottom: 8px;
    padding-right: 0
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .title-login
    {
        font-size: 12px;
        padding-top: 8px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .text
{
    padding-top: 8px;
    padding-right: 10px;
    font-size: 13px;
    color: #112630;
    line-height: 2.5;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .text
    {
        font-size: 10px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area
{
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area
    {
        display: block;
        margin: auto
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area .view-terms
{
    display: flex;
    flex-grow: 5
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area .view-terms
    {
        padding-bottom: 15px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area .view-terms .btn-view-terms
{
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    background-color: transparent;
    color: #00D9FF;
    font-weight: 600;
    font-size: 11.5px
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area .view-terms .btn-view-terms .title
{
    padding-left: 8px
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area .view-terms .btn-view-terms i
{
    font-size: 15px
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form
{
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form
    {
        display: block;
        margin: auto
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept
{
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept
    {
        padding-bottom: 8px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept
{
    outline: none;
    border-radius: 40px;
    background-color: #F2F2F2;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid transparent;
    transition: 0.2s ease-out;
    cursor: pointer
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept
    {
        padding: 4px;
        justify-content: space-between
    }
}

@media (min-width: 767.98px) and (max-width: 900px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept
    {
        padding: 2px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept .title
{
    padding-left: 30px;
    font-size: 10px;
    color: #747474;
    padding-right: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept .title
    {
        font-size: 9.5px
    }
}

@media (min-width: 767.98px) and (max-width: 900px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept .title
    {
        padding-left: 15px;
        padding-right: 5px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept i
{
    margin-left: 15px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    color: white;
    background-color: #C9C9C9
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept i
    {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 9px;
        margin-left: 5px
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept:hover, .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept.active
{
    border: 1px solid #495057;
    background-color: transparent
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept:hover .title, .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept.active .title
{
    color: #495057;
    font-weight: 600
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept:hover i, .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .accept .btn-accept.active i
{
    background-color: #495057;
    color: white
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .login-club-key
    {
        display: grid;
        margin: auto;
        width: 100%
    }
}

.body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .login-club-key .btn-login-club
{
    border: none;
    outline: none;
    background-color: #495057;
    color: #ffffff;
    font-size: 11px;
    border-radius: 10px;
    padding: 15px 100px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .login-club-key .btn-login-club
    {
        border-radius: 50px;
        padding: 12px;
        font-size: 10px
    }
}

@media (min-width: 767.98px) and (max-width: 900px)
{
    .body-content[data-page='loginClub'] .club-page .club .content-club .login-club-content .form-area form .login-club-key .btn-login-club
    {
        padding: 8px 50px
    }
}

.body-content .body-content
{
    background-color: #fff !important
}

.body-content[data-page='seller'] .seller-box
{
    padding-top: 30px;
    padding-bottom: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box
    {
        border: none;
        padding-top: 30px;
        padding-bottom: 15px;
        background-color: #FFFFFF !important
    }
}

.body-content[data-page='seller'] .seller-box .title-area .title
{
    display: flex;
    justify-content: center;
    font-size: 15px;
    font-weight: bold;
    color: #232933
}

.body-content[data-page='seller'] .seller-box .title-area .lines
{
    padding-top: 8px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .title-area .lines
    {
        color: #232933 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='seller'] .seller-box .title-area .lines .line-right, .body-content[data-page='seller'] .seller-box .title-area .lines .line-left
{
    width: 190px;
    border-top: 1px solid #999
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .title-area .lines .line-right, .body-content[data-page='seller'] .seller-box .title-area .lines .line-left
    {
        width: 20% !important
    }
}

.body-content[data-page='seller'] .seller-box .title-area .lines .line-center
{
    width: 50px;
    border-radius: 4px;
    border-top: 5px solid #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .title-area
    {
        padding-bottom: 5px
    }
}

.body-content[data-page='seller'] .seller-box .description
{
    line-height: 2.4;
    text-align: justify;
    color: #232933;
    font-size: 13px;
    padding-bottom: 25px
}

.body-content[data-page='seller'] .seller-box .levels
{
    border: 1px solid #666464;
    border-radius: 5px 5px 0 0;
    border-bottom: none;
    padding-bottom: 15px
}

.body-content[data-page='seller'] .seller-box .levels .item-level
{
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .levels .item-level
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
        align-items: flex-start;
        justify-content: center
    }
}

.body-content[data-page='seller'] .seller-box .levels .item-level .status-area
{
    display: flex;
    align-items: center;
    flex-direction: column;
    margin-top: 15px;
    margin-bottom: 20px
}

.body-content[data-page='seller'] .seller-box .levels .item-level .status-area .status
{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #232933;
    border-radius: 50%;
    text-align: center;
    background-color: #fff;
    display: flex;
    align-items: center;
    z-index: 2
}

.body-content[data-page='seller'] .seller-box .levels .item-level .status-area .status .icon
{
    display: none;
    font-size: 18px;
    align-items: center;
    margin: auto
}

.body-content[data-page='seller'] .seller-box .levels .item-level .status-area .title
{
    padding-top: 8px;
    color: #232933;
    font-size: 12px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .levels .item-level .status-area .title
    {
        font-size: 10px
    }
}

.body-content[data-page='seller'] .seller-box .levels .item-level.active .status-area .status
{
    border: 1px solid #27AE60;
    background-color: #27AE60;
    color: #fff
}

.body-content[data-page='seller'] .seller-box .levels .item-level.active .status-area .status .icon
{
    display: flex
}

.body-content[data-page='seller'] .seller-box .item-box
{
    border: 1px solid #666464;
    border-radius: 0 0 5px 5px;
    padding: 10px;
    border-top: none
}

.body-content[data-page='seller'] .seller-box .item-box .welcome
{
    padding-top: 10px
}

.body-content[data-page='seller'] .seller-box .item-box .welcome .title-welcome
{
    font-size: 16px;
    font-weight: bolder;
    color: #232933;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='seller'] .seller-box .item-box .welcome .logo-welcome
{
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='seller'] .seller-box .item-box .welcome .logo-welcome img
{
    width: 80px;
    height: auto
}

.body-content[data-page='seller'] .seller-box .item-box .title-levels
{
    font-weight: bolder;
    font-size: 16px;
    color: #232933;
    margin-top: 10px;
    margin-bottom: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box .title-levels
    {
        font-size: 14px !important
    }
}

.body-content[data-page='seller'] .seller-box .item-box .alert-box
{
    font-weight: 600;
    line-height: 2.3;
    font-size: 14px !important;
    margin: 0 auto 5px auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box .alert-box
    {
        line-height: 2;
        font-size: 13px !important
    }
}

.body-content[data-page='seller'] .seller-box .item-box .alert-box .icon
{
    font-size: 20px;
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box .alert-box .icon
    {
        font-size: 18px !important
    }
}

.body-content[data-page='seller'] .seller-box .item-box .items-lvl-description
{
    margin-top: 20px;
    margin-bottom: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld
    {
        margin-bottom: 15px
    }
}

.body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld .caption
{
    font-weight: bolder;
    font-size: 17px;
    margin-bottom: 10px;
    color: #188ec5
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld .caption
    {
        font-size: 14px !important
    }
}

.body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld ul
{
    margin: 0 !important
}

.body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld ul li
{
    padding: 8px;
    list-style-type: none;
    color: #424d60;
    font-size: 14px;
    display: flex;
    align-content: baseline;
    font-weight: 600
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld ul li
    {
        padding: 5px;
        font-size: 12px;
        font-weight: normal
    }
}

.body-content[data-page='seller'] .seller-box .item-box .items-lvl-description .item-ld ul li:before
{
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #384151;
    display: flex;
    margin-left: 7px;
    background-color: #384151;
    position: relative;
    top: 5px
}

.body-content[data-page='seller'] .seller-box .item-box .btn-area
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
    padding-bottom: 20px
}

.body-content[data-page='seller'] .seller-box .item-box .btn-area .continue
{
    border: none;
    outline: none;
    font-size: 13px;
    color: #fff;
    background-color: #2980b9;
    padding: 10px 60px;
    border-radius: 5px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='seller'] .seller-box .item-box .btn-area .continue:hover, .body-content[data-page='seller'] .seller-box .item-box .btn-area .continue:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translateX(-4px)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input
    {
        margin-bottom: 15px
    }
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input label
{
    padding-top: 3px;
    margin-bottom: 2px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input label
    {
        margin-bottom: 2px !important
    }
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input label .required
{
    color: red;
    font-size: 15px
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input input
{
    font-size: 13px !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input input#nationalCode, .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input input#certificate, .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input input#postalCode, .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input input#phone, .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input input#mobile
{
    direction: ltr
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input select.province, .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .input select.city
{
    font-size: 13px !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .line
{
    border-bottom: 1px solid #c8c8c8;
    padding-top: 20px;
    margin-bottom: 20px;
    padding-right: 20px !important;
    padding-left: 20px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-information .form-si .line
    {
        display: none
    }
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .btn-area
{
    display: flex;
    justify-content: flex-end !important;
    padding-top: 10px;
    padding-bottom: 5px !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .btn-area .continue
{
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    background-color: #27AE60;
    padding: 10px 20px;
    border-radius: 5px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='seller'] .seller-box .item-box.seller-information .btn-area .continue:hover, .body-content[data-page='seller'] .seller-box .item-box.seller-information .btn-area .continue:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input
    {
        margin-bottom: 15px
    }
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .title-d
{
    color: #232933;
    font-size: 12px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 4px;
    border-bottom: 1px solid #C9C9C9
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .pic-upload
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 1px dashed #C9C9C9;
    border-radius: 8px;
    height: 130px;
    display: flex;
    overflow: hidden
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .pic-upload img
{
    z-index: 2
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .pic-upload .add
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    z-index: 1;
    cursor: pointer
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload
{
    background-color: #3498DB;
    border: 1px solid #3498DB;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload:hover, .body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload .add
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3px;
    border: 1px dashed #fff;
    border-radius: 50%;
    margin-left: 5px
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload .add::after
{
    content: '+';
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 26px;
    border: 1px solid transparent;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    color: #2980B9;
    background-color: #fff
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload .title
{
    padding: 2px;
    text-align: center;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .form-ds .input .file-upload input[type=file]
{
    display: none !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .btn-area
{
    display: flex;
    justify-content: flex-end !important;
    padding-top: 10px;
    padding-bottom: 5px !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .btn-area .continue
{
    border: none;
    outline: none;
    font-size: 12px;
    color: #fff;
    background-color: #27AE60;
    padding: 10px 20px;
    border-radius: 5px;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='seller'] .seller-box .item-box.seller-documents .btn-area .continue:hover, .body-content[data-page='seller'] .seller-box .item-box.seller-documents .btn-area .continue:focus
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 25px 15px !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .right
{
    padding-left: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .right .title
{
    font-size: 14px;
    padding-bottom: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .right .title
    {
        padding-bottom: 5px;
        font-size: 12px
    }
}

.body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .right .text
{
    font-size: 18px;
    font-weight: bold;
    line-height: 2.2;
    text-align: right !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .right .text
    {
        font-size: 11px
    }
}

.body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .left
{
    text-align: left;
    padding-right: 0 !important
}

.body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .left .icon
{
    font-size: 40px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='seller'] .seller-box .item-box.seller-finish .finish-box .left .icon
    {
        font-size: 35px
    }
}

.body-content[data-page='blog'] .blog-box
{
    background-color: #f5f5f5 !important;
    padding-top: 30px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box
    {
        border: none;
        background-color: #f5f5f5 !important
    }
}

.body-content[data-page='blog'] .blog-box .title-area .title
{
    display: flex;
    justify-content: center;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #232933
}

.body-content[data-page='blog'] .blog-box .title-area .lines
{
    padding-top: 8px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .title-area .lines
    {
        color: #232933 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='blog'] .blog-box .title-area .lines .line-right, .body-content[data-page='blog'] .blog-box .title-area .lines .line-left
{
    width: 190px;
    border-top: 1px solid #999
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .title-area .lines .line-right, .body-content[data-page='blog'] .blog-box .title-area .lines .line-left
    {
        width: 20% !important
    }
}

.body-content[data-page='blog'] .blog-box .title-area .lines .line-center
{
    width: 50px;
    border-radius: 4px;
    border-top: 5px solid #232933
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .title-area
    {
        padding-bottom: 5px
    }
}

.body-content[data-page='blog'] .blog-box .content-blog
{
    padding-top: 15px;
    padding-bottom: 10px;
    display: flex;
    align-items: flex-start
}

.body-content[data-page='blog'] .blog-box .content-blog .panel
{
    padding-right: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .panel
    {
        padding-left: 0 !important
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box
{
    background-color: white;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 8px
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category
{
    padding: 5px 10px 5px 5px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category .title
{
    font-weight: bold;
    font-size: 16px;
    color: #232933;
    padding-bottom: 3px
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul
{
    list-style-type: none;
    margin-bottom: 0 !important
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li
{
    padding: 5px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li:hover, .body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li:focus, .body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li.active
{
    background-color: #EEEEEE
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li a
{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li a .text
{
    font-size: 12px;
    font-weight: 600;
    color: #232933
}

.body-content[data-page='blog'] .blog-box .content-blog .panel .item-box.category ul li a .count
{
    padding: 5px 8px !important;
    font-size: 12px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .search-blog
{
    background-color: white;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 15px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .search-blog input
{
    flex-grow: 1;
    border: none;
    outline: none;
    color: #232933;
    font-size: 13px
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .search-blog input::placeholder
{
    font-size: 13px;
    font-weight: bold;
    color: #232933
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .search-blog i
{
    font-weight: bold;
    font-size: 23px;
    color: #00D9FF
}

@media (max-width: 768px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .search-blog i
    {
        font-size: 19px
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog
{
    margin-top: 12px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog
{
    padding-bottom: 15px;
    overflow: hidden;
    display: flex;
    align-items: stretch
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog
    {
        box-shadow: none !important;
        padding: 5px 2px 5px 2px !important;
        overflow: hidden
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content
{
    background-color: white;
    border-radius: 8px;
    border: 1px solid #CBCBCB;
    overflow: hidden;
    transition: 0.2s ease-out;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content:focus, .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content:focus img, .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content:hover img
{
    filter: brightness(0.4)
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content:focus .icon-pic, .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content:hover .icon-pic
{
    visibility: visible !important;
    transform: scale(1.5)
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .pic
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    transition: all 0.8s;
    position: relative;
    height: 160px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .pic
    {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .pic img
{
    object-fit: cover;
    height: 160px !important;
    width: 100% !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .pic img
    {
        object-fit: contain;
        max-height: 150px !important
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .pic .icon-pic
{
    visibility: hidden;
    font-size: 35px;
    font-weight: bolder;
    color: white;
    display: flex;
    align-items: unset;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 38%;
    right: 50%;
    z-index: 2;
    transition: all 0.5s
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .pic .icon-pic
    {
        top: 45%;
        font-size: 28px
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details
{
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 8px
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .title
{
    padding-bottom: 7px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .title a
{
    font-weight: bolder;
    font-size: 11.5px;
    color: #232933
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .description
{
    text-align: justify;
    color: #232933;
    font-size: 11px;
    line-height: 2.2;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .show-more
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D2D2D2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .show-more a
{
    color: #2796CA;
    font-weight: bolder;
    font-size: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .show-more
    {
        border-bottom: none
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options .opt-item
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options .opt-item .title-opt
{
    color: #232933;
    font-size: 12px;
    padding-left: 5px
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options .opt-item .icon
{
    color: #232933;
    font-size: 11px
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options .opt-item.view .icon
{
    font-size: 10.5px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options .opt-item.like .icon
{
    font-size: 17px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .items-blog .item-blog .item-blog-content .details .options .opt-item.date .icon
{
    font-size: 14px !important
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .box-footer
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 1px solid #CCCCCC;
    background-color: white;
    border-radius: 5px;
    margin-top: 8px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .box-footer
    {
        margin-top: 3px
    }
}

.body-content[data-page='blog'] .blog-box .content-blog .blogs-area .box-footer .pagination-content
{
    padding-bottom: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='blog'] .blog-box .content-blog .blogs-area .box-footer .my-pagination
    {
        padding-bottom: 8px !important
    }
}

.body-content[data-page='showBlog'] .show-blog-box
{
    background-color: #f5f5f5 !important;
    padding-top: 30px
}

@media (max-width: 700px)
{
    .body-content[data-page='showBlog'] .show-blog-box
    {
        border: none;
        background-color: #FFFFFF !important
    }
}

.body-content[data-page='showBlog'] .show-blog-box .title-area .title
{
    display: flex;
    justify-content: center;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #232933
}

.body-content[data-page='showBlog'] .show-blog-box .title-area .lines
{
    padding-top: 8px;
    padding-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (max-width: 700px)
{
    .body-content[data-page='showBlog'] .show-blog-box .title-area .lines
    {
        color: #232933 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='showBlog'] .show-blog-box .title-area .lines .line-right, .body-content[data-page='showBlog'] .show-blog-box .title-area .lines .line-left
{
    width: 190px;
    border-top: 1px solid #999
}

@media (max-width: 700px)
{
    .body-content[data-page='showBlog'] .show-blog-box .title-area .lines .line-right, .body-content[data-page='showBlog'] .show-blog-box .title-area .lines .line-left
    {
        width: 20% !important
    }
}

.body-content[data-page='showBlog'] .show-blog-box .title-area .lines .line-center
{
    width: 50px;
    border-radius: 4px;
    border-top: 5px solid #232933
}

@media (max-width: 700px)
{
    .body-content[data-page='showBlog'] .show-blog-box .title-area
    {
        padding-bottom: 5px
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog
{
    padding-top: 15px;
    padding-bottom: 10px;
    display: flex;
    align-items: flex-start
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel
{
    padding-right: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .panel
    {
        padding-left: 0 !important
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box
{
    background-color: white;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 8px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category
{
    padding: 5px 10px 5px 5px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category .title
{
    font-weight: bold;
    font-size: 16px;
    color: #232933;
    padding-bottom: 3px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul
{
    list-style-type: none;
    margin-bottom: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li
{
    padding: 5px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li:hover, .body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li:focus, .body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li.active
{
    background-color: #EEEEEE
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li a
{
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li a .text
{
    font-size: 12px;
    font-weight: 600;
    color: #232933
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .panel .item-box.category ul li a .count
{
    padding: 5px 8px !important;
    font-size: 12px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .search-blog
{
    background-color: white;
    border: 1px solid #C9C9C9;
    border-radius: 5px;
    overflow: hidden;
    display: flex;
    align-content: center;
    justify-content: space-between;
    padding: 15px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .search-blog input
{
    flex-grow: 1;
    border: none;
    outline: none;
    color: #232933;
    font-size: 13px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .search-blog input::placeholder
{
    font-size: 13px;
    font-weight: bold;
    color: #232933
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .search-blog i
{
    font-weight: bold;
    font-size: 23px;
    color: #00D9FF
}

@media (max-width: 768px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .search-blog i
    {
        font-size: 19px
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box
{
    margin-top: 12px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-items: flex-start
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b
{
    background-color: white;
    border: 1px solid #C9C9C9;
    border-radius: 6px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .picture
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .picture img
{
    width: 100% !important;
    max-height: 400px !important;
    object-fit: contain
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 8px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options .opt-item
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 30px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options .opt-item .title-opt
{
    color: #232933;
    font-size: 12px;
    padding-left: 5px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options .opt-item .icon
{
    color: #232933;
    font-size: 11px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options .opt-item.view .icon
{
    font-size: 10.5px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options .opt-item.like .icon
{
    font-size: 17px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .show-b-options .opt-item.date .icon
{
    font-size: 14px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .title
{
    border-top: 1px solid #D2D2D2;
    font-weight: bolder;
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 7px;
    color: #232933
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .show-details-b .description
{
    text-align: justify;
    color: #232933;
    font-size: 13px;
    line-height: 2.6;
    padding-bottom: 20px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog
{
    padding-left: 0 !important;
    padding-right: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .title-other-blogs
{
    padding-right: 15px !important;
    padding-left: 15px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .title-other-blogs .title-ob
{
    font-weight: bolder;
    font-size: 16px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    color: #232933;
    border-bottom: 1px solid #707070
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .title-other-blogs .title-ob
    {
        font-size: 14px
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog
{
    padding-top: 8px;
    padding-bottom: 8px;
    overflow: hidden;
    display: flex;
    align-items: stretch
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog:nth-child(1)
{
    padding-top: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog:nth-child(1)
    {
        padding-top: 8px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog
    {
        padding: 5px !important
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content
{
    background-color: white;
    border-radius: 8px;
    border: 1px solid #CBCBCB;
    overflow: hidden;
    transition: 0.2s ease-out
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content:focus, .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content:focus img, .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content:hover img
{
    filter: brightness(0.4)
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content:focus .icon-pic, .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content:hover .icon-pic
{
    visibility: visible !important;
    transform: scale(1.5)
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .pic
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    transition: all 0.8s;
    position: relative;
    height: 160px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .pic
    {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .pic img
{
    object-fit: cover;
    height: 160px !important;
    width: 100% !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .pic img
    {
        object-fit: contain;
        max-height: 150px !important
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .pic .icon-pic
{
    visibility: hidden;
    font-size: 35px;
    font-weight: bolder;
    color: white;
    display: flex;
    align-items: unset;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 38%;
    right: 50%;
    z-index: 2;
    transition: all 0.5s
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .pic .icon-pic
    {
        top: 45%;
        font-size: 28px
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details
{
    padding-right: 10px !important;
    padding-left: 10px !important;
    padding-top: 8px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .title
{
    padding-bottom: 7px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .title a
{
    font-weight: bolder;
    font-size: 11.5px;
    color: #232933
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .description
{
    text-align: justify;
    color: #232933;
    font-size: 11px;
    line-height: 2.2;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .show-more
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 8px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D2D2D2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .show-more a
{
    color: #2796CA;
    font-weight: bolder;
    font-size: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .show-more
    {
        border-bottom: none
    }
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0 !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options .opt-item
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options .opt-item .title-opt
{
    color: #232933;
    font-size: 12px;
    padding-left: 5px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options .opt-item .icon
{
    color: #232933;
    font-size: 11px
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options .opt-item.view .icon
{
    font-size: 10.5px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options .opt-item.like .icon
{
    font-size: 17px !important
}

.body-content[data-page='showBlog'] .show-blog-box .content-blog .blogs-area .show-b-box .items-blog .item-blog .item-blog-content .details .options .opt-item.date .icon
{
    font-size: 14px !important
}

.body-content[data-page='shopMan'] .active-category-hs-navigation
{
    right: 0 !important
}

.body-content[data-page='shopMan'] .category-page
{
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page
    {
        padding-top: 8px;
        padding-bottom: 20px
    }
}

.body-content[data-page='shopMan'] .category-page .category-details
{
    padding-top: 10px;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .category-details
    {
        padding-bottom: 10px !important;
        padding-right: 10px;
        padding-left: 10px
    }
}

.body-content[data-page='shopMan'] .category-page .category-details .category-content
{
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-bottom: 10px
}

.body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item
{
    text-align: center;
    margin-top: 5px;
    line-height: 1;
    display: flex;
    align-items: center;
    flex-direction: column
}

.body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .pic
{
    max-width: 110px;
    max-height: 110px;
    margin: auto auto 10px auto;
    border-radius: 50%
}

.body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .pic img
{
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d2d2d2;
    height: 110px;
    width: 110px;
    object-fit: contain
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .pic img
    {
        border-radius: 50%;
        width: 60px;
        height: 60px
    }
}

.body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
{
    color: #232933;
    font-size: 11px;
    font-weight: 500
}

@media (min-width: 300px) and (max-width: 359px)
{
    .body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
    {
        font-size: 9px;
        font-weight: normal
    }
}

@media (min-width: 360px) and (max-width: 500px)
{
    .body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
    {
        font-size: 10px;
        font-weight: normal
    }
}

@media (min-width: 501px) and (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .category-details .category-content .category-items .owl-category-page .item .title
    {
        font-size: 10px;
        font-weight: normal
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search
{
    background-color: #00D9FF;
    color: #fff
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-text
{
    display: flex;
    justify-content: center;
    padding-top: 30px;
    font-weight: normal;
    font-size: 16px
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-text .search-title
{
    color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-text .search-title
    {
        color: #112630 !important;
        font-size: 13px
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines
{
    padding-top: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 18px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines
    {
        color: #112630 !important;
        padding-bottom: 0
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines .line-right, .body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines .line-left
{
    width: 190px;
    border-top: 1px solid #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines .line-right, .body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines .line-left
    {
        display: none
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines .line-center
{
    width: 60px;
    border-radius: 4px;
    border-top: 6px solid #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .lines .line-center
    {
        width: 35%;
        border-top: 1px solid #51565a
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header
{
    padding-bottom: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header
    {
        padding-bottom: 0 !important
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing
{
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    overflow: hidden;
    border-radius: 50px;
    border: 1px solid #878991;
    width: 60%;
    background-color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing
    {
        width: 90%;
        margin-top: 13px !important;
        margin-bottom: 10px !important;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing input
    {
        font-size: 11px !important
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .input
{
    flex-grow: 1
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .input input
{
    width: 100%;
    padding: 10px 30px;
    border: none;
    outline: none;
    text-align: right;
    color: #6c707c
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .input input
    {
        font-size: 10px !important;
        padding: 8px 4px 8px 4px !important
    }
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon
{
    padding-left: 10px
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon button
{
    background-color: transparent;
    border: none;
    outline: none
}

.body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon button i
{
    width: 20px;
    height: 20px;
    color: #6C707C;
    font-weight: bold;
    font-size: 22px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .filter-search .search-product .search-area-header .search-boxing .icon button i
    {
        width: 18px;
        height: 18px;
        font-size: 15px !important
    }
}

.body-content[data-page='shopMan'] .category-page .content
{
    padding-top: 10px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content
    {
        padding-top: 0
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area
    {
        padding-right: 3px !important;
        padding-left: 3px !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman
{
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    border-bottom: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px;
    margin-bottom: 8px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box
{
    display: flex;
    padding-right: 0;
    padding-left: 0
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .main
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .main .pic
{
    width: 70px;
    height: 70px;
    max-width: 70px;
    object-fit: contain;
    border: 1px solid #ebebeb;
    border-radius: 8px;
    overflow: hidden;
    margin-left: 15px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .main .pic
    {
        width: 50px;
        height: 50px;
        max-width: 50px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .main .details
{
    display: flex;
    flex-direction: column
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .main .details .shop-name
{
    font-size: 18px;
    font-weight: 600;
    color: #232933
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .main .details .shopman-name
{
    margin-top: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #61728e
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .message-shopman .title
{
    font-size: 16px;
    font-weight: 600;
    color: #232933;
    margin-left: 4px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .message-shopman .text
{
    font-size: 15px;
    font-weight: 500;
    color: #232933
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .other
{
    margin-top: 8px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .other .location
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .other .location .icon
{
    font-size: 13px;
    font-weight: 500;
    color: #657794;
    margin-left: 4px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .information-shopman .profile-box .other .location .title
{
    font-size: 13px;
    font-weight: 500;
    color: #657794
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box
{
    padding-right: 3px !important;
    padding-left: 3px !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .i-box-filter
{
    border: 1px solid #ebebeb;
    background-color: #fff;
    border-radius: 6px;
    margin-bottom: 6px;
    padding: 5px !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter
{
    padding: 5px !important;
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 4px !important;
    padding-left: 8px !important;
    width: 100%
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter
    {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .title
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #EEEEEE;
    padding-right: 10px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb
{
    margin-top: 5px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding: 7px 2px;
    color: #222222;
    border: 1px solid transparent;
    background-color: #F5F5F5
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb:hover
{
    border: 1px solid #00D9FF;
    background-color: #fff
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb:hover input
{
    background-color: #fff
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb i
{
    cursor: pointer;
    padding-left: 4px;
    padding-right: 4px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .search-area-filter .search-fb input
{
    flex-grow: 1;
    border: none;
    outline: none;
    font-size: 11px;
    background-color: #F5F5F5
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
{
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 4px !important;
    padding-left: 8px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
    {
        display: none
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category
    {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .title
{
    font-size: 13px;
    font-weight: 500;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    padding-right: 10px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction
{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 8px;
    padding-right: 10px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction ul
{
    list-style: none
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d
{
    padding-right: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title
{
    padding-bottom: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title i
{
    color: #8c8a8a
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title a
{
    color: #37372a;
    padding-right: 3px;
    font-size: 12px;
    transition: 0.2s ease-out
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .category-title a:hover
{
    font-weight: bold
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more
{
    padding-top: 8px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area
{
    padding-right: 10px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area i
{
    color: #8c8a8a
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area a
{
    color: #37372a;
    transition: 0.2s ease-out;
    padding-right: 4px;
    font-size: 12px;
    font-weight: 600
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .type-area a:hover
{
    color: #00D9FF
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more
{
    padding-top: 8px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area
{
    color: #37372a;
    padding-right: 25px;
    font-size: 11.5px;
    padding-bottom: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area a
{
    color: #37372a !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area a:hover
{
    font-weight: bold
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-result-category .box-direction .category-list-d .category-d .show-more .type-d .type-d-content .show-more .product-d .product-d-area::before
{
    content: '..'
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .title, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .title, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .title, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .title
{
    font-size: 13px;
    color: #232933;
    padding-right: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch
{
    padding-left: 5px;
    position: relative;
    display: inline-block;
    width: 54px;
    height: 26px;
    margin-bottom: 0 !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input
{
    opacity: 0;
    width: 0;
    height: 0
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider
{
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #D5D5D5;
    -webkit-transition: .4s;
    transition: .4s
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider::before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider::before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider::before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider::before
{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    left: 4px;
    bottom: 3px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider.round, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider.round, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider.round, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider.round
{
    border-radius: 34px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch .slider.round:before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch .slider.round:before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch .slider.round:before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch .slider.round:before
{
    border-radius: 50%
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input:checked + .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input:checked + .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input:checked + .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input:checked + .slider
{
    background-color: #00bfd6
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input:focus + .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input:focus + .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input:focus + .slider, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input:focus + .slider
{
    box-shadow: 0 0 1px #00bfd6
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count .switch input:checked + .slider:before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount .switch input:checked + .slider:before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send .switch input:checked + .slider:before, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original .switch input:checked + .slider:before
{
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-count, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-is-discount, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-fast-send, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-product-original
    {
        display: none !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
{
    user-select: none;
    padding: 5px !important;
    border-bottom: 1px solid #EEE;
    padding-top: 8px;
    padding-right: 5px !important;
    padding-left: 4px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        display: none
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .title, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title
{
    font-size: 12px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 10px;
    color: #00D9FF;
    padding-right: 8px;
    cursor: pointer;
    position: relative
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .title i, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title i
{
    position: absolute;
    left: 10px;
    font-size: 20px;
    color: #00D9FF
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter
{
    border-top: 1px solid #eeecec;
    border-bottom: 1px solid #eeecec;
    padding-top: 8px;
    padding-bottom: 8px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel
{
    display: flex;
    align-items: center;
    border: 1px solid #c3bfbf;
    padding: 5px;
    border-radius: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel .icon, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel .icon
{
    border: none !important;
    outline: none !important;
    background-color: transparent !important;
    padding: 2px;
    font-size: 17px;
    color: #232933
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel input, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input
{
    font-size: 12px;
    width: 100%;
    flex-grow: 1;
    border: none;
    outline: none;
    padding-right: 2px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .search-a-filter .search-f-panel input::placeholder, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .search-a-filter .search-f-panel input::placeholder
{
    color: #232933;
    font-size: 11px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area
{
    margin-top: 8px;
    max-height: 320px;
    overflow-y: auto
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box
{
    margin-bottom: 0 !important;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 22px;
    padding-right: 30px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border-radius: 2px;
    transition: 0.2s ease-out
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box:hover, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box:hover
{
    background-color: #f3f0f0 !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box input, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box input
{
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box .title-chk, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box .title-chk
{
    font-size: 11.5px;
    font-weight: bold;
    color: #232933
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box .en-title, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box .en-title
{
    color: #4d5a6f;
    position: absolute;
    left: 5px;
    top: 10px;
    font-size: 11px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .checkmark, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .checkmark
{
    position: absolute;
    top: 3px;
    right: 0;
    height: 25px;
    width: 25px;
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    overflow: hidden
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box:hover input ~ .checkmark, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box:hover input ~ .checkmark
{
    border: 2px solid #E8E8E8;
    border-radius: 6px;
    overflow: hidden
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark
{
    background-color: #2196F3
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .checkmark:after, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .checkmark:after
{
    content: "";
    position: absolute;
    display: none
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark:after, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box input:checked ~ .checkmark:after
{
    display: block
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand .box .checkbox-area .chk-item .chk-box .checkmark:after, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .checkbox-area .chk-item .chk-box .checkmark:after
{
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-brand, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used
    {
        display: none !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area
{
    padding: 5px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area
    {
        display: none
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .title-range
{
    padding: 10px 8px 10px 10px;
    font-size: 12px;
    font-weight: bold;
    color: #232933;
    cursor: pointer;
    position: relative;
    margin-bottom: 0 !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .title-range i
{
    position: absolute;
    left: 10px;
    font-size: 20px;
    color: #232933
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area
{
    border-top: 1px solid #eeecec;
    padding: 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area
    {
        display: none
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box
{
    margin-top: 12px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
{
    width: 200px;
    margin: 0 auto;
    color: #CCCCCC;
    font-weight: 300;
    border: 1px solid transparent !important
}

@media (min-width: 767.98px) and (max-width: 767px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
    {
        width: 250px !important
    }
}

@media (min-width: 767.98px) and (max-width: 1000px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range #time-range
    {
        width: 150px !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .slider-time, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .slider-time2
{
    font-weight: 400
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-corner-all, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-corner-all
{
    border-radius: 0;
    border: 1px solid transparent !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider
{
    border: 0;
    background: #EEEEEE;
    border-radius: 5px;
    border: 1px solid transparent !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal
{
    height: 2px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical
{
    height: 15em;
    width: 6px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-slider-handle
{
    border: 1px solid transparent !important;
    outline: none;
    cursor: pointer;
    color: #00D9FF;
    background: transparent;
    font-size: 25px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal .ui-slider-handle
{
    top: 50%;
    margin-top: -12px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical .ui-slider-handle
{
    left: 50%;
    margin-left: -12px;
    border: 1px solid transparent
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider .ui-slider-range
{
    border: 1px solid transparent !important;
    border-radius: 6px;
    background: #66e8ff
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-horizontal .ui-slider-range
{
    top: -2px;
    height: 6px;
    border: 1px solid transparent !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .range .flat-slider.ui-slider-vertical .ui-slider-range
{
    left: 0;
    width: 6px;
    border: 1px solid transparent !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008299
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price .digit
{
    font-size: 12px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .right .price .unit
{
    color: #2c3e50;
    font-size: 11px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price
{
    display: flex;
    justify-content: center;
    align-items: center;
    color: #008299
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price .digit
{
    font-size: 12px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .range-area .range-box .filter-value .left .price .unit
{
    font-size: 11px;
    color: #2c3e50
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area
{
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search
{
    border-radius: 50px;
    padding: 5px 15px;
    background-color: #00bbdb;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    transition: 0.2s ease-out;
    margin-top: 15px;
    margin-bottom: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search
    {
        display: none
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search:hover
{
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .input
{
    display: inline-block
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .input input
{
    background-color: #00bbdb;
    border: none;
    outline: none;
    color: #fff;
    font-size: 11px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .icon
{
    display: inline-block;
    position: relative;
    top: 3px;
    font-size: 15px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .range-limit-area .btn-search-area .btn-search .icon i
{
    color: #fff
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title
{
    border-bottom: 1px solid #EEEEEE;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title .delete-all
{
    background-color: transparent;
    outline: none;
    font-size: 12px;
    font-weight: 600;
    color: red;
    margin-left: 10px;
    border: 1px solid transparent;
    border-radius: 30px;
    padding: 4px 12px;
    transition: 0.2s ease-out
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title .delete-all:hover, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .title .delete-all:focus
{
    border: 1px solid red
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box
{
    padding-top: 5px;
    display: flex
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used
{
    border: 1px solid #aba8a8;
    border-radius: 8px;
    margin: 3px;
    display: flex;
    align-items: center;
    padding: 0 7px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used .label
{
    font-size: 13px;
    padding-left: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used button
{
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 22px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used button:hover, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .item-filter-used .box .i-filter-used button:focus
{
    color: red
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-one-filter
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    width: 324px !important;
    max-height: 125px !important;
    border-radius: 5px;
    overflow: hidden
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-one-filter img
{
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-one-filter
    {
        display: none !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-two-filter
{
    margin-top: 3px;
    margin-bottom: 3px;
    padding-right: 0 !important;
    padding-left: 0 !important;
    border-radius: 5px;
    width: 324px !important;
    max-height: 244px !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-two-filter img
{
    border-radius: 5px;
    overflow: hidden;
    width: 100%;
    height: auto
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .filter-area-box .filter-content .picture-box-two-filter
    {
        display: none !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list
{
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding-right: 8px !important;
    padding-left: 8px !important
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by
{
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    border: 1px solid #ebebeb;
    border-bottom: none;
    margin-top: 3px;
    display: flex;
    align-items: baseline;
    padding: 12px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by
    {
        display: none !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .title-order .title
{
    font-size: 13px;
    font-weight: 500
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .title-order .title::after
{
    content: '';
    width: 1px;
    height: 25px;
    border-left: 1px solid #d2d2d2;
    padding-right: 7px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order
{
    padding-right: 8px;
    list-style-type: none !important;
    display: flex;
    margin-bottom: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order
    {
        padding: 3px;
        display: flex !important;
        flex-wrap: wrap !important;
        flex-grow: 1;
        border-radius: 4px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li
{
    margin-left: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li
    {
        margin-bottom: 5px;
        text-align: center
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li:last-child
{
    margin-left: 0
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order
{
    border: 1px solid transparent;
    border-radius: 8px;
    color: #232933;
    outline: 0;
    font-size: 13px;
    padding: 2px 10px;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order
    {
        font-size: 10px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order.active, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .order-by .content-order li .btn-order:hover
{
    background-color: #00D9FF;
    color: #fff
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (min-width: 767.98px) and (max-width: 991.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item
    {
        min-width: 50%
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item
    {
        min-width: 100%
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content
{
    height: 100%;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    transition: all 0.5s !important;
    border: 1px solid #ebebeb;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content:hover, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content:focus
{
    z-index: 2;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-2px)
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content:hover .add-card, .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content:focus .add-card
{
    visibility: visible !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content
    {
        display: flex;
        padding: 2px;
        flex-direction: row;
        margin-bottom: 3px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top
{
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top
    {
        justify-content: flex-start
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
{
    width: 100%;
    height: 180px !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top .pic
    {
        width: 120px !important;
        height: 100px !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-top .pic img
{
    width: 100%;
    height: 100%;
    object-fit: contain
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom
{
    padding-top: 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom
    {
        flex-grow: 1;
        position: relative
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title
{
    padding-top: 10px;
    padding-bottom: 8px;
    line-height: 1.5;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title
    {
        text-align: right;
        padding-right: 3px !important;
        position: relative;
        top: 10px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title a
{
    color: #232933 !important;
    font-size: 11.5px;
    padding: 0 3px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .i-title a
    {
        font-size: 10.5px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .line
{
    padding-bottom: 5px;
    margin: auto;
    width: 95% !important;
    border-top: 1px solid #D8D8D8
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .line
    {
        display: none !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .number-rank
{
    color: #232933;
    font-size: 14px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank i
{
    color: #ebebeb;
    font-size: 15px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank .checked
{
    font-size: 15px;
    color: #FFEE00
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank
    {
        display: none
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box
    {
        display: flex !important;
        flex-direction: row;
        position: absolute;
        top: 5px;
        padding-right: 5px;
        padding-left: 0 !important
    }

    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile
    {
        display: inherit !important;
        padding-right: 4px
    }

    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile i
    {
        color: #ebebeb;
        font-size: 15px
    }

    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .ranking-box .star-rank-mobile .checked
    {
        font-size: 15px;
        color: #FFEE00
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box
{
    display: flex;
    align-items: center;
    justify-content: space-around
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box
    {
        justify-content: flex-end !important;
        padding-right: 5px !important;
        padding-left: 5px !important
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .discount
{
    width: 35px;
    height: 35px;
    margin-left: 5px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .discount img
{
    width: 35px;
    height: 35px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .discount .digit-discount
{
    font-size: 12px;
    transform: rotate(-45deg);
    color: #fff;
    font-weight: bold;
    position: relative;
    left: 2px;
    bottom: 26px
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price
{
    color: #232933;
    display: flex;
    align-items: center
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .price-area
{
    font-weight: bold;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .price-area
    {
        font-size: 16px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .unit
{
    padding-right: 4px;
    font-size: 35px;
    color: #2c3e50
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .price-box .price .unit
    {
        font-size: 25px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price
{
    font-size: 25px;
    font-weight: bold;
    color: #F60E40;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price
    {
        color: #fff;
        font-size: 16px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price.is-discount
{
    text-decoration-line: line-through;
    text-decoration-color: #BBBBBB;
    text-decoration-style: initial;
    color: #BBBBBB;
    font-size: 17px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .digit-old-price.is-discount
    {
        font-size: 12px;
        margin-left: 20px;
        text-align: right;
        position: absolute;
        top: 73px;
        right: 3px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card
{
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    text-align: center;
    border: none;
    outline: none;
    background: transparent;
    transition: 0.2s ease-out;
    padding-top: 2px;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card
    {
        visibility: visible !important;
        margin: inherit !important;
        justify-content: flex-end !important;
        float: left !important;
        position: absolute;
        left: 5px;
        top: 2px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .title
{
    color: #f60e40;
    font-size: 11.5px;
    padding-left: 4px;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .title
    {
        font-size: 10px;
        padding-left: 2px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .icon
{
    color: #f60e40;
    font-size: 20px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .item .i-content .i-bottom .add-card .icon
    {
        font-size: 17px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .box-footer
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    border: 1px solid #ebebeb;
    border-top: none;
    background-color: #fff;
    border-radius: 0 0 5px 5px
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .box-footer
    {
        margin-top: 3px
    }
}

.body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .box-footer .pagination-content
{
    padding-bottom: 0 !important
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .content .content-box-area .product-content .product-list .box-footer .my-pagination
    {
        padding-bottom: 8px !important
    }
}

.body-content[data-page='shopMan'] .category-page .mobile-filter
{
    display: none
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .mobile-filter
    {
        display: inherit !important;
        z-index: 9;
        position: fixed;
        width: 100%;
        bottom: -280px;
        transition: all 0.90s;
        overflow: hidden
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter.active-filter
    {
        position: fixed;
        width: 100%;
        bottom: 0
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter.active-filter .filter-content .title
    {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        border: 1px solid #232933;
        border-bottom: none !important;
        overflow: hidden
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter.active-filter .filter-content .content
    {
        border-top: none !important;
        height: 400px;
        overflow: scroll !important;
        padding-top: 15px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content
    {
        width: 100% !important;
        bottom: 300px !important
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .title
    {
        border: 1px solid #232933;
        border-bottom: none;
        border-radius: 20px 20px 0 0;
        background-color: #fff !important;
        cursor: pointer
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .title .line
    {
        border-bottom: 4px solid #232933;
        border-radius: 3px;
        width: 13%;
        margin: auto;
        padding-top: 7px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .title i
    {
        font-size: 25px;
        color: #232933;
        padding-top: 5px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content
    {
        height: 282px;
        border: 1px solid #232933;
        border-top: none;
        background-color: #fff !important;
        padding: 3px;
        padding-left: 0
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item
    {
        margin-bottom: 10px;
        padding-bottom: 20px;
        border-bottom: 1px solid #E6E6E6
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box
    {
        overflow-x: auto;
        padding-bottom: 8px;
        padding-top: 5px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by
    {
        display: flex;
        align-items: baseline;
        padding-right: 5px !important;
        padding-left: 5px !important
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order
    {
        padding-right: 8px;
        list-style-type: none !important;
        display: flex;
        margin-bottom: 0 !important
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li
    {
        margin-left: 5px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li:last-child
    {
        margin-left: 0px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order
    {
        border: 1px solid transparent;
        border-radius: 50px;
        color: #0e0d0d;
        outline: none;
        font-size: 10px;
        padding: 5px 15px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order.active, .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order:focus, .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.order-by-area .order-by-box .order-by .content-order li .btn-order:hover
    {
        border: 1px solid #CFCFCF
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.brand
    {
        display: none
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item:last-child
    {
        border-bottom: none !important
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-top
    {
        display: flex
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-top .caption
    {
        color: #112630 !important;
        font-size: 13px !important;
        font-weight: bold;
        margin: auto;
        padding-bottom: 10px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range #time-range
    {
        width: 767.98px;
        margin: 0 auto;
        color: #CCCCCC;
        font-weight: 300
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range #time-range
    {
        width: 280px !important
    }
}

@media (max-width: 767.98px)
{
    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .slider-time, .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .slider-time2
    {
        font-weight: 400;
        color: #232933;
        position: relative;
        top: -12px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-corner-all, .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-corner-all
    {
        border-radius: 0
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider
    {
        border: 0;
        background: #d8d7d9;
        border-radius: 5px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-horizontal
    {
        height: 2px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-vertical
    {
        height: 15em;
        width: 6px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-slider-handle
    {
        width: 22px;
        height: 22px;
        background: #232933;
        border-radius: 50%;
        outline: none;
        cursor: pointer;
        border: 4px solid #fff;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-horizontal .ui-slider-handle
    {
        top: 50%;
        margin-top: -12px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-vertical .ui-slider-handle
    {
        left: 50%;
        margin-left: -12px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-slider-handle:hover
    {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.35)
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider .ui-slider-range
    {
        border: 0;
        border-radius: 6px;
        background: #232933
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-horizontal .ui-slider-range
    {
        top: -1px;
        height: 4px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .range .flat-slider.ui-slider-vertical .ui-slider-range
    {
        left: 0;
        width: 6px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox
    {
        padding-right: 10px;
        text-align: right !important;
        word-wrap: break-word;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox .item-chk-mobile
    {
        padding-right: 0 !important;
        padding-left: 0 !important;
        display: flex;
        align-items: baseline
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox .item-chk-mobile input
    {
        display: inline-block;
        margin-left: 1px !important
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .checkbox .item-chk-mobile p
    {
        padding-right: 2px !important;
        color: #232933;
        display: inline-block;
        font-size: 10px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        position: relative;
        top: -3px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item .i-bottom .search-box-brand
    {
        display: flex;
        align-items: center;
        border: 1px solid #a2a0a0;
        border-radius: 50px;
        width: 70%;
        margin: auto;
        overflow: hidden
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.brand .i-bottom .search-box-brand
    {
        margin-bottom: 8px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 0
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.brand .i-bottom .search-box-brand input
    {
        padding-right: 10px;
        font-size: 12px;
        color: #232933;
        flex-grow: 1;
        border: none;
        outline: none
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .item.brand .i-bottom .search-box-brand .icon
    {
        color: #232933;
        font-size: 17px;
        padding-left: 10px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .buttons
    {
        padding-right: 15px;
        padding-left: 15px;
        display: flex;
        justify-content: space-around;
        margin-bottom: 30px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .buttons .delete
    {
        flex-grow: 1;
        border: 1px solid #ef394e;
        border-radius: 4px;
        padding: 10px 25px;
        text-align: center !important;
        background-color: transparent;
        color: #ef394e !important;
        transition: 0.2s ease-out;
        font-size: 11px
    }

    .body-content[data-page='shopMan'] .category-page .mobile-filter .filter-content .content .buttons .apply
    {
        margin-left: 10px;
        font-size: 11px;
        flex-grow: 2;
        text-align: center;
        background-color: #00D9FF;
        border-radius: 4px;
        padding: 10px 30px;
        color: #fff !important;
        outline: none;
        border: none;
        transition: 0.2s ease-out
    }
}

@media (max-width: 767.98px)
{
    .body-content
    {
        padding-top: 90px;
        margin-bottom: 50px
    }
}

a, div, span, h1, h2, h3, h4, h5, h6
{
    color: #232933;
    font-weight: 400
}

.div, .span, a
{
    font-size: 13px;
    font-weight: 400
}

.hover-item
{
    transition: 0.2s ease-out
}

.hover-item:hover
{
    color: #00D9FF !important
}

.my-badge
{
    color: #232933;
    background: #00D9FF;
    border-radius: 50px;
    height: 16px;
    min-width: 16px;
    line-height: 16px;
    overflow: hidden;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px)
{
    .d-none-mobile
    {
        display: none !important
    }
}

.owl-carousel .owl-stage
{
    display: flex !important
}

.sticky-top
{
    position: sticky !important;
    top: 0 !important;
    z-index: 1000 !important
}

.dropdown
{
    position: relative;
    display: inline-block
}

.dropdown:hover.dropbtn
{
    color: #000
}

.dropdown:hover .dropdown-content
{
    display: block !important
}

.dropdown .dropbtn
{
    border: 0 !important;
    outline: 0 !important
}

.dropdown .dropdown-content
{
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    border-radius: 4px;
    border: 1px solid #ebebeb;
    z-index: 10001;
    left: 0
}

.dropdown .dropdown-content a
{
    color: #232933;
    padding: 6px 12px;
    text-decoration: none;
    display: block;
    font-size: 12px
}

.header
{
    background-color: #fff;
    color: #232933;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

@media (max-width: 767.98px)
{
    .header
    {
        background-color: #FAFAFA;
        margin-bottom: 0
    }
}

.header .top-header .header-mobile .hs-menubar
{
    display: none !important
}

@media (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar
    {
        display: inherit !important;
        height: auto !important
    }
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar
{
    height: 45px !important
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .menu-trigger
{
    display: flex !important;
    align-items: center;
    padding-right: 0 !important
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .menu-trigger i
{
    color: #232933;
    font-size: 25px !important
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .menu-trigger .title
{
    color: #232933 !important;
    font-family: "iransans";
    font-size: 15px !important;
    font-weight: bold !important
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .brand-logo
{
    margin-top: 0 !important
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .brand-logo .logo-site-main img
{
    width: 28px;
    object-fit: contain;
    height: auto;
    margin-top: 0 !important
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .bay-cart .bay-cart-area
{
    font-size: 30px;
    color: #232933 !important;
    position: absolute;
    left: 5px
}

.header .top-header .header-mobile .hs-menubar .main-hs-menubar .bay-cart .bay-cart-area .count
{
    font-size: 12px;
    font-weight: 500;
    font-family: "iransans";
    position: absolute;
    top: 18px;
    left: 20px;
    z-index: 9;
    background-color: #ef394e;
    color: #fff;
    height: 18px;
    min-width: 18px;
    line-height: 18px;
    border: 2px solid #fff
}

.header .top-header .header-mobile .hs-menubar .search-info-box
{
    display: none !important
}

@media (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar .search-info-box
    {
        height: 45px;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-right: 8px !important;
        padding-left: 10px !important;
        line-height: 20px !important
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m
    {
        display: none
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m
    {
        margin-top: 5px;
        margin-bottom: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: inherit !important;
        background-color: transparent;
        border-radius: 5px;
        border: 1px solid #dedede;
        transition: 0.2s ease-out;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .icon
    {
        padding-right: 8px
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .icon button
    {
        background-color: transparent;
        border: none;
        outline: none
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .icon button i
    {
        color: #6C707C;
        font-size: 16px;
        font-weight: bold
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .input
    {
        flex-grow: 1
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .input input
    {
        width: 99%;
        padding: 15px 0;
        border: none;
        outline: none;
        text-align: right;
        color: #232933;
        font-size: 13px
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .input input::placeholder
    {
        font-size: 10px
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .input input:focus
    {
        color: #232933
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px) and (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .input input
    {
        padding: 8px 5px 8px 2px;
        font-size: 11px
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .clean
    {
        display: none;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        border-radius: 50%;
        background-color: #c3c1c1;
        cursor: pointer;
        margin-left: 8px
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .clean .clean-area
    {
        margin: auto;
        color: #fff
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .result-search
    {
        display: none;
        list-style-type: none;
        padding: 0;
        margin: 0;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
        background-color: #fff;
        width: 100%;
        position: absolute;
        top: 32px !important;
        z-index: 5;
        overflow-y: auto;
        max-height: 350px;
        border-radius: 0 0 5px 5px
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .result-search li
    {
        width: 100%
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .result-search li a
    {
        margin-top: -1px;
        padding: 5px 10px 5px 2px;
        background: #fff;
        text-decoration: none;
        font-size: 11px;
        color: #515050;
        display: block;
        width: 100%
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .search-boxing-m .result-search li a:hover
    {
        background-color: #eeecec
    }
}

@media (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area
    {
        display: none !important
    }
}

@media (max-width: 767.98px) and (max-width: 767.98px)
{
    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area
    {
        margin-top: 5px;
        margin-bottom: 5px;
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome, .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .menu-container .menu-top .user-information .left-menu .login-welcome-in-login, .header .top-header .menu-container .menu-top .user-information .left-menu .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome-in-login
    {
        display: flex;
        align-items: center
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome .text, .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text, .header .top-header .menu-container .menu-top .user-information .left-menu .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome-in-login .text
    {
        display: flex;
        align-items: center;
        color: #232933 !important
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome .text .user, .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text .user, .header .top-header .menu-container .menu-top .user-information .left-menu .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome-in-login .text .user
    {
        padding-right: 0 !important;
        font-size: 12px !important;
        padding-left: 5px !important;
        color: #232933
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome .text .register, .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text .register, .header .top-header .menu-container .menu-top .user-information .left-menu .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome-in-login .text .register
    {
        font-size: 12px !important;
        padding-right: 3px !important;
        padding-left: 0 !important;
        color: #232933
    }

    .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome .text .loged, .header .top-header .header-mobile .hs-menubar .search-info-box .login-register-area .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text .loged, .header .top-header .menu-container .menu-top .user-information .left-menu .header-mobile .hs-menubar .search-info-box .login-register-area .login-welcome-in-login .text .loged
    {
        font-size: 10px
    }
}

@media (max-width: 767.98px)
{
    .header .top-header .hs-navigation
    {
        top: 0 !important
    }

    .header .top-header .hs-navigation.open
    {
        top: 0 !important
    }

    .header .top-header .hs-navigation ul .user-details
    {
        border-bottom: 1px solid #ebebeb !important;
        padding-bottom: 8px;
        margin-right: 5px !important
    }

    .header .top-header .hs-navigation ul .user-details .personal
    {
        display: flex !important;
        margin: auto !important
    }

    .header .top-header .hs-navigation ul .user-details .personal .pic
    {
        display: flex !important;
        width: 90px !important;
        height: 90px !important;
        margin: auto !important
    }

    .header .top-header .hs-navigation ul .user-details .personal .pic img
    {
        display: flex !important;
        margin: auto !important;
        border: 1px solid #00D9FF !important;
        border-radius: 50% !important;
        width: 75px !important;
        height: 75px !important;
        overflow: hidden !important;
        object-fit: contain;
        padding: 5px;
        -webkit-animation: glow 1s ease-in-out infinite alternate;
        -moz-animation: glow 1s ease-in-out infinite alternate;
        animation: glow 1s ease-in-out infinite alternate
    }

    @-webkit-keyframes glow
    {
        from
        {
            box-shadow: 0 0 2px #00D9FF, 0 0 3px #00D9FF
        }
        to
        {
            box-shadow: 1px 0 8px #00D9FF, 1px 0 9px #00D9FF
        }
    }.header .top-header .hs-navigation ul .user-details .username
     {
         display: flex !important;
         justify-content: center !important;
         margin-top: 10px !important;
         margin-bottom: 10px !important
     }

    .header .top-header .hs-navigation ul .user-details .username .user
    {
        color: #232933 !important;
        font-weight: 600;
        font-size: 14px !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area
    {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area .right .my-price
    {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area .right .my-price .caption-text
    {
        color: #232933 !important;
        font-size: 11px !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area .right .my-price .price
    {
        padding-right: 4px !important;
        color: #00D9FF !important;
        font-size: 12px !important;
        font-weight: 600;
        position: relative !important;
        top: 2px !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area .left .plus-area
    {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin-left: 3px !important;
        border-radius: 4px;
        border: 1px solid #27AE60;
        padding: 5px !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area .left .plus-area .icon
    {
        color: #232933 !important;
        padding: 0 !important
    }

    .header .top-header .hs-navigation ul .user-details .price-area .left .plus-area .text-plus
    {
        color: #27AE60 !important;
        position: relative !important;
        top: 1px !important;
        font-size: 11px !important;
        padding: 0 !important
    }

    .header .top-header .hs-navigation ul li a
    {
        padding: 8px !important;
        transition: 0.2s ease-out;
        color: #61728e
    }

    .header .top-header .hs-navigation ul li a .icon
    {
        transition: 0.2s ease-out;
        color: #61728e
    }

    .header .top-header .hs-navigation ul li a:hover
    {
        font-weight: 600 !important;
        color: #00D9FF !important
    }

    .header .top-header .hs-navigation ul li a:hover .icon
    {
        color: #00D9FF !important
    }

    .header .top-header .hs-navigation ul .category-area
    {
        border-top: 1px solid #ebebeb !important;
        margin: 10px !important;
        padding-top: 10px !important;
        font-size: 13px !important
    }

    .header .top-header .hs-navigation ul .category-area .category-caption
    {
        padding-right: 0 !important;
        font-size: 15px;
        color: #2d3542
    }

    .header .top-header .hs-navigation ul .has-child
    {
        background-color: #f5f5f5 !important
    }

    .header .top-header .hs-navigation ul .has-child .my-item-parent b
    {
        font-size: 11px !important;
        color: #232933 !important
    }

    .header .top-header .hs-navigation ul .has-child .my-item-parent i
    {
        position: relative !important;
        top: 5px !important;
        float: left !important;
        color: #232933 !important
    }

    .header .top-header .hs-navigation ul .has-child .my-item-parent:hover
    {
        background-color: #cbcaca !important
    }

    .header .top-header .hs-navigation ul .has-child .my-open-drop
    {
        display: block !important;
        padding-right: 20px !important;
        font-weight: bold !important;
        font-size: 11px !important
    }

    .header .top-header .hs-navigation ul .has-child .opened-drop-item
    {
        padding-right: 33px !important;
        font-size: 10.5px !important;
        background-color: #eae4e4 !important;
        color: #232933 !important
    }

    .header .top-header .hs-navigation ul .has-child .sub-menu
    {
        padding-right: 43px !important
    }
}

.header .top-header .menu-container .menu-top
{
    display: flex;
    align-items: center;
    padding: 5px
}

.header .top-header .menu-container .menu-top .main-h
{
    display: flex;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.header .top-header .menu-container .menu-top .main-h .logo-area, .header .top-header .menu-container .menu-top .main-h .user-information
{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.header .top-header .menu-container .menu-top .main-h .logo-area .logo-item .logo, .header .top-header .menu-container .menu-top .main-h .user-information .logo-item .logo
{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0 !important
}

.header .top-header .menu-container .menu-top .main-h .logo-area .logo-item .logo img, .header .top-header .menu-container .menu-top .main-h .user-information .logo-item .logo img
{
    max-width: 90px;
    height: auto;
    object-fit: contain
}

.header .top-header .menu-container .menu-top .main-h .logo-area .logo-item h1, .header .top-header .menu-container .menu-top .main-h .user-information .logo-item h1
{
    font-size: inherit !important
}

.header .top-header .menu-container .menu-top .main-h .logo-area .logo-item h1 .site-name, .header .top-header .menu-container .menu-top .main-h .user-information .logo-item h1 .site-name
{
    vertical-align: middle;
    font-size: 13px !important;
    padding-right: 0 !important;
    color: #232933 !important
}

.header .top-header .menu-container .menu-top .main-h .search-boxing
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
    overflow: hidden;
    background-color: #ebebeb;
    border-radius: 8px;
    transition: 0.2s ease-out;
    position: relative;
    overflow: inherit
}

.header .top-header .menu-container .menu-top .main-h .search-boxing:focus, .header .top-header .menu-container .menu-top .main-h .search-boxing:active, .header .top-header .menu-container .menu-top .main-h .search-boxing:target, .header .top-header .menu-container .menu-top .main-h .search-boxing:hover
{
    background-color: transparent;
    border: 1px solid #ebebeb;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15)
}

@media (max-width: 767.98px)
{
    .header .top-header .menu-container .menu-top .main-h .search-boxing
    {
        margin-top: 10px;
        width: 100%
    }
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .icon
{
    padding-left: 15px
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .icon button
{
    background-color: transparent;
    border: none;
    outline: none
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .icon button i
{
    color: #6C707C;
    font-size: 18px;
    font-weight: 900
}

@media (max-width: 767.98px)
{
    .header .top-header .menu-container .menu-top .main-h .search-boxing .icon button i
    {
        font-size: 16px
    }
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .input
{
    flex-grow: 1;
    background-color: transparent
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .input input
{
    width: 100%;
    padding: 10px 0;
    border: none;
    outline: none;
    text-align: right;
    color: #9ba7ba;
    font-size: 13px;
    background-color: transparent;
    font-weight: 500
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .input input:focus
{
    color: #757171
}

@media (max-width: 767.98px)
{
    .header .top-header .menu-container .menu-top .main-h .search-boxing .input input
    {
        padding: 8px 15px;
        font-size: 11px
    }
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .clean
{
    display: none;
    width: 22px;
    height: 22px;
    line-height: 25px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 50%;
    background-color: #c3c1c1;
    cursor: pointer
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .clean .clean-area
{
    margin: auto;
    color: #fff
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .result-search
{
    display: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 40px;
    z-index: 5;
    overflow-y: auto;
    max-height: 400px;
    border-radius: 0 0 5px 5px
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .result-search li
{
    width: 100%
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .result-search li a
{
    margin-top: -1px;
    padding: 8px 10px 8px 5px;
    background: #fff;
    text-decoration: none;
    font-size: 13px;
    color: #515050;
    display: block;
    width: 100%
}

.header .top-header .menu-container .menu-top .main-h .search-boxing .result-search li a:hover
{
    background-color: #eeecec
}

.header .top-header .menu-container .menu-top .user-information
{
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.header .top-header .menu-container .menu-top .user-information .left-menu
{
    display: flex;
    align-items: center;
    padding-top: 5px
}

.header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome, .header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome-in-login
{
    display: flex;
    align-items: center;
    padding-left: 12px
}

.header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome .text, .header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text
{
    display: flex;
    align-items: baseline;
    border: 1px solid #dedede;
    border-radius: 4px;
    padding: 6px 5px
}

.header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome .text .user, .header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text .user
{
    color: #232933;
    font-size: 15px;
    padding-right: 0 !important;
    padding-left: 6px !important
}

.header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome .text .register, .header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text .register
{
    font-size: 15px;
    padding-right: 5px !important;
    padding-left: 5px !important
}

.header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome img, .header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome-in-login img
{
    width: 35px;
    height: 35px;
    object-fit: contain;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #c1c1c1
}

.header .top-header .menu-container .menu-top .user-information .left-menu .login-welcome-in-login .text .icon-user
{
    font-size: 16px;
    font-weight: 500
}

.header .top-header .menu-container .menu-top .user-information .left-menu .bay-cart
{
    padding-right: 5px
}

.header .top-header .menu-container .menu-top .user-information .left-menu .bay-cart .bay-cart-area
{
    color: #232933;
    font-size: 30px !important;
    position: relative
}

.header .top-header .menu-container .menu-top .user-information .left-menu .bay-cart .bay-cart-area .count
{
    font-size: 13px;
    font-weight: 500;
    font-family: "iransans";
    position: absolute;
    top: -7px;
    left: 20px;
    z-index: 9;
    background-color: #ef394e;
    color: #fff;
    height: 18px;
    min-width: 18px;
    line-height: 18px
}

.header .top-header .menu-container .menu
{
    display: flex;
    align-items: center
}

.header .top-header .menu-container .menu .list-m
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.header .top-header .menu-container .menu .list-m li
{
    padding-top: 4px;
    margin-left: 0 !important;
    margin-bottom: 1px !important
}

.header .top-header .menu-container .menu .list-m li a
{
    font-weight: 500;
    color: #232933;
    font-size: 12px !important;
    transition: 0.2s ease-out
}

.header .top-header .menu-container .menu .list-m li.item-m
{
    padding: 10px 10px 10px;
    color: #00D9FF
}

.header .top-header .menu-container .menu .list-m li.item-m a
{
    padding: 0 !important
}

@media (min-width: 767.98px) and (max-width: 1280px)
{
    .header .top-header .menu-container .menu .list-m li.item-m
    {
        padding-right: 5px;
        padding-left: 5px;
        font-size: 11px
    }
}

.header .top-header .menu-container .menu .list-m li.item-m:after
{
    content: '';
    transition: 0.2s ease-out;
    display: block;
    width: 0;
    border-top: 2px solid #00D9FF;
    position: relative;
    top: 4px;
    margin: auto
}

.header .top-header .menu-container .menu .list-m li.item-m:hover a, .header .top-header .menu-container .menu .list-m li.item-m:focus a, .header .top-header .menu-container .menu .list-m li.item-m.active-item a
{
    font-weight: 500
}

.header .top-header .menu-container .menu .list-m li.item-m:hover:after, .header .top-header .menu-container .menu .list-m li.item-m:focus:after, .header .top-header .menu-container .menu .list-m li.item-m.active-item:after
{
    width: 100%
}

@media (max-width: 1024px)
{
    .header .top-header .menu-container .menu .list-m li.item-m:hover:after, .header .top-header .menu-container .menu .list-m li.item-m:focus:after, .header .top-header .menu-container .menu .list-m li.item-m.active-item:after
    {
        width: 0
    }
}

.header .top-header .menu-container .menu .list-m li.category-btn a
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.header .top-header .menu-container .menu .list-m li.category-btn a .icon-category
{
    font-size: 22px;
    padding-left: 3px;
    color: #57667f
}

.header .top-header .menu-container .menu .list-m li.category-btn .btn-category-link::after
{
    padding-left: 13px;
    content: '';
    width: 1px;
    height: 18px;
    border-left: 1px solid #fff
}

.header .top-header .menu-container .menu .list-m li.active-item a, .header .top-header .menu-container .menu .list-m li:hover a
{
    color: #34495E !important
}

.header .top-header .menu-container .menu .list-m li .columns-item
{
    height: auto !important;
    overflow: auto !important
}

.header .top-header .menu-container .menu .list-m li .columns-item .column-title
{
    padding-bottom: 5px !important;
    margin-top: 13px !important;
    color: #000 !important;
    border-bottom: none !important;
    font-weight: 500 !important;
    font-size: 13px !important;
    transition: 0.2s ease-out
}

.header .top-header .menu-container .menu .list-m li .columns-item .column-title:hover
{
   // color: #00D9FF !important
}

.header .top-header .menu-container .menu .list-m li .columns-item .column-list
{
    border-right: 1px solid #dedede;
    margin: 0;
    padding: 0
}

.header .top-header .menu-container .menu .list-m li .columns-item .column-list .column-item
{
    color: #57667f;
    padding-right: 8px !important;
    transition: 0.2s ease-out;
    padding-top: 0 !important
}

.header .top-header .menu-container .menu .list-m li .columns-item .column-list .column-item:hover
{
    color: #00D9FF !important;
    font-weight: 500 !important
}

.header .content-header
{
    padding-top: 20px
}

@media (max-width: 767.98px)
{
    .header .content-header
    {
        padding-top: 60px !important
    }
}

@media (max-width: 991.98px)
{
    .header .content-header .right .slider
    {
        height: 260px
    }

    .header .content-header .right .slider .item
    {
        height: 260px
    }

    .header .content-header .right .slider .item img
    {
        width: 100%;
        min-height: inherit !important
    }
}

.header .content-header .right .slider
{
    background-color: transparent;
    border-radius: 20px;
    overflow: hidden
}

@media (max-width: 767.98px)
{
    .header .content-header .right .slider
    {
        width: 100% !important
    }
}

.header .content-header .right .slider .item
{
    border-radius: 20px;
    width: 100%;
    overflow: hidden;
    max-height: 350px
}

@media (max-width: 767.98px)
{
    .header .content-header .right .slider .item
    {
        max-height: 200px
    }

    .header .content-header .right .slider .item img
    {
        min-height: 200px !important
    }
}

.header .content-header .right .slider .item img
{
    width: 100%;
    min-height: 350px
}

@media (min-width: 767.98px) and (max-width: 768px)
{
    .header .content-header .left
    {
        display: flex;
        align-items: center;
        justify-content: space-evenly
    }

    .header .content-header .left .top, .header .content-header .left .bottom
    {
        margin-top: 18px !important;
        padding: 20px
    }

    .header .content-header .left .top img, .header .content-header .left .bottom img
    {
        width: 100%;
        height: 150px !important
    }
}

.header .content-header .left .top img
{
    background-color: transparent;
    border-radius: 25px;
    width: 100%;
    height: auto
}

.header .content-header .left .bottom
{
    margin-top: 18px
}

.header .content-header .left .bottom img
{
    background-color: transparent;
    border-radius: 25px;
    width: 100%;
    height: auto
}

@media (max-width: 767.98px)
{
    .header .content-header .left
    {
        display: none
    }
}

.tell-me
{
    display: none;
    background-color: #ebebeb;
    border-top: 1px solid #ebebeb;
    margin-top: 20px
}

.tell-me .covering .info-vizmarket
{
    padding-bottom: 25px
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket
    {
        padding-bottom: 8px
    }
}

.tell-me .covering .info-vizmarket .support-box
{
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 10px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 50px;
    margin-top: 20px;
    margin-bottom: 0
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box
    {
        margin: 0 12px 5px 12px;
        border-radius: 8px;
        text-align: center;
        box-shadow: none;
        border: 1px solid #232933;
        padding: 10px
    }
}

.tell-me .covering .info-vizmarket .support-box .phone-area
{
    text-align: right;
    display: flex;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .phone-area
    {
        text-align: center;
        padding-right: 0 !important;
        padding-left: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.tell-me .covering .info-vizmarket .support-box .phone-area .title-area-phone
{
    display: flex;
    align-items: center;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .phone-area .title-area-phone
    {
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.tell-me .covering .info-vizmarket .support-box .phone-area .title-area-phone .icon
{
    font-size: 35px;
    color: #232933;
    padding-left: 4px
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .phone-area .title-area-phone .icon
    {
        font-size: 25px
    }
}

.tell-me .covering .info-vizmarket .support-box .phone-area .title-area-phone .title-phone
{
    color: #232933;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 0 !important
}

.tell-me .covering .info-vizmarket .support-box .phone-area .phones
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-items: center
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .phone-area .phones
    {
        flex-direction: column
    }
}

.tell-me .covering .info-vizmarket .support-box .phone-area .phones .phone
{
    color: #112630;
    font-size: 17px;
    font-weight: bolder;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.tell-me .covering .info-vizmarket .support-box .phone-area .phones .other-phones
{
    color: #112630;
    font-size: 17px;
    font-weight: bolder;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .phone-area .phones .other-phones
    {
        font-size: 15px
    }
}

.tell-me .covering .info-vizmarket .support-box .phone-area .description
{
    font-weight: bold;
    padding-right: 10px;
    padding-left: 10px
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .phone-area .description
    {
        padding-top: 10px;
        padding-bottom: 8px
    }
}

.tell-me .covering .info-vizmarket .support-box .social-networks
{
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0 !important;
    padding-left: 0 !important
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .social-networks
    {
        justify-content: center;
        padding-top: 8px
    }
}

.tell-me .covering .info-vizmarket .support-box .social-networks .item
{
    border-radius: 50%;
    border: 1px solid #232933;
    width: 45px;
    height: 45px;
    line-height: 42px;
    text-align: center;
    margin-right: 10px;
    transition: all 1s
}

.tell-me .covering .info-vizmarket .support-box .social-networks .item:hover
{
    border: none;
    box-shadow: none !important
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .social-networks .item
    {
        width: 40px;
        height: 40px;
        line-height: 36px
    }
}

.tell-me .covering .info-vizmarket .support-box .social-networks .item img
{
    width: 28px;
    height: auto;
    transition: 0.2s ease-out
}

@media (max-width: 767.98px)
{
    .tell-me .covering .info-vizmarket .support-box .social-networks .item img
    {
        width: 25px
    }
}

.tell-me .covering .info-vizmarket .support-box .social-networks .item img:hover
{
    transform: scale(1.1)
}

.footer
{
    background-color: #fff;
    border-top: 1px solid #dedede
}

.footer .cover-footer .main-footer
{
    border-bottom: 1px solid #ebebeb;
    padding-top: 10px;
    padding-bottom: 18px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer
    {
        padding-top: 8px;
        padding-bottom: 12px
    }
}

.footer .cover-footer .main-footer .introduction
{
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding-bottom: 15px
}

.footer .cover-footer .main-footer .introduction .pic
{
    width: 200px
}

.footer .cover-footer .main-footer .introduction .pic img
{
    object-fit: contain
}

.footer .cover-footer .main-footer .introduction .text
{
    color: #232933;
    font-size: 14px
}

.footer .cover-footer .main-footer .introduction .description
{
    color: #424d60;
    padding-right: 8px;
    font-size: 13px;
    line-height: 30px
}

.footer .cover-footer .main-footer .box-info-area
{
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .box-info-area
    {
        padding-top: 10px;
        padding-bottom: 12px
    }
}

.footer .cover-footer .main-footer .box-info-area .box-info
{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-right: 0;
    padding-left: 0
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .box-info-area .box-info
    {
        display: flex;
        align-items: center;
        flex-direction: column !important;
        margin-bottom: 18px
    }
}

.footer .cover-footer .main-footer .box-info-area .box-info .picture
{
    text-align: center;
    background-color: #fff
}

.footer .cover-footer .main-footer .box-info-area .box-info .picture img
{
    width: 40px;
    height: auto
}

.footer .cover-footer .main-footer .box-info-area .box-info .title-info
{
    font-size: 12px;
    font-weight: 500;
    padding-top: 8px;
    text-align: center;
    color: #4d5a6f
}

.footer .cover-footer .main-footer .items
{
    display: flex;
    align-items: flex-start;
    padding-top: 30px;
    border-top: 1px solid #dedede
}

.footer .cover-footer .main-footer .items .item
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    color: #232933
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item
    {
        margin-bottom: 10px
    }
}

.footer .cover-footer .main-footer .items .item .caption
{
    font-size: 15px;
    font-weight: 600;
    color: #191d24
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item .caption
    {
        font-size: 12px
    }
}

.footer .cover-footer .main-footer .items .item .list-items
{
    padding-top: 12px;
    padding-right: 12px;
    list-style-type: none
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item .list-items
    {
        padding-top: 5px;
        padding-right: 10px;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start
    }
}

.footer .cover-footer .main-footer .items .item .list-items li
{
    text-align: right;
    padding-bottom: 12px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item .list-items li
    {
        padding-bottom: 4px;
        padding-left: 15px
    }
}

.footer .cover-footer .main-footer .items .item .list-items li a
{
    color: #4d5a6f;
    transition: 0.2s ease-out;
    font-style: 13px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item .list-items li a
    {
        font-size: 12px
    }
}

.footer .cover-footer .main-footer .items .item .list-items li a:hover
{
    color: #00D9FF;
    font-weight: 600
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items
{
    margin-bottom: 0 !important;
    flex-direction: column
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items li
{
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items li.address
{
    align-items: flex-start
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items li .key
{
    color: #2d3542;
    transition: 0.2s ease-out;
    display: flex;
    align-items: center
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items li .key:after
{
    content: ' : ';
    color: #232933;
    font-size: 15px;
    padding-left: 4px;
    padding-right: 2px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item.contact-us .list-items li .key
    {
        font-size: 12px
    }
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items li .value
{
    color: #4d5a6f;
    transition: 0.2s ease-out;
    font-size: 13px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item.contact-us .list-items li .value
    {
        font-size: 12px
    }
}

.footer .cover-footer .main-footer .items .item.contact-us .list-items li .value:hover
{
    color: #00D9FF;
    font-weight: 500
}

.footer .cover-footer .main-footer .items .item.contact-us .social-networks
{
    border-top: 1px solid #ebebeb;
    padding-top: 10px;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: row !important
}

.footer .cover-footer .main-footer .items .item.contact-us .social-networks li
{
    padding-right: 25px
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item.contact-us .social-networks li
    {
        padding-right: 15px
    }
}

.footer .cover-footer .main-footer .items .item.contact-us .social-networks li a i
{
    color: #57667f;
    font-size: 25px;
    transition: 0.2s ease-out
}

.footer .cover-footer .main-footer .items .item.contact-us .social-networks li a i:hover
{
    color: #232933
}

.footer .cover-footer .main-footer .items .item.notify-discount .notify-discount-box
{
    padding: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 6px;
    background-color: #ebebeb
}

.footer .cover-footer .main-footer .items .item.notify-discount .notify-discount-box .input
{
    flex-grow: 1
}

.footer .cover-footer .main-footer .items .item.notify-discount .notify-discount-box .input input
{
    background-color: transparent;
    width: 100%;
    padding: 10px;
    border: none;
    outline: none;
    text-align: right;
    color: rgba(35, 41, 51, 0.9);
    direction: ltr !important
}

.footer .cover-footer .main-footer .items .item.notify-discount .notify-discount-box .input input::placeholder
{
    direction: rtl !important;
    color: rgba(35, 41, 51, 0.9)
}

.footer .cover-footer .main-footer .items .item.notify-discount .notify-discount-box .register
{
    padding-left: 10px;
    background-color: transparent
}

.footer .cover-footer .main-footer .items .item.notify-discount .notify-discount-box .register button
{
    border: none;
    outline: none;
    padding: 5px 15px;
    color: #fff;
    border-radius: 4px;
    background-color: #b9c1cf;
    margin-left: -8px;
    font-size: 13px
}

.footer .cover-footer .main-footer .items .item.notify-discount .description
{
    padding-top: 8px;
    color: #232933;
    font-size: 12px;
    line-height: 25px
}

.footer .cover-footer .main-footer .items .item.license .license-items
{
    padding-right: 0 !important;
    padding-left: 0 !important;
    display: flex;
    align-items: flex-start
}

@media (max-width: 767.98px)
{
    .footer .cover-footer .main-footer .items .item.license .license-items
    {
        padding-top: 8px;
        display: flex;
        align-items: flex-start;
        justify-content: space-around;
        flex-direction: row
    }
}

.footer .cover-footer .main-footer .items .item.license .license-items .license-item
{
    margin: 5px;
    border-radius: 8px;
    background: transparent;
    border: 1px solid #d2d2d2;
    width: 130px;
    height: 145px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.footer .cover-footer .main-footer .items .item.license .license-items .license-item img
{
    cursor: pointer;
    object-fit: contain
}

.footer .cover-footer .main-footer .map-area
{
    padding-right: 0 !important;
    padding-left: 8px !important
}

.footer .cover-footer .main-footer .map-area #map
{
    height: 300px;
    width: 100%;
    border-radius: 4px;
    overflow: hidden !important
}

.footer .copyright
{
    background-color: transparent;
    padding: 15px 10px;
    font-size: 13px;
    font-weight: 500;
    color: #61728e;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767.98px)
{
    .footer .copyright
    {
        font-size: 12px
    }
}

.footer-mobile
{
    display: none
}

@media (max-width: 767.98px)
{
    .footer-mobile
    {
        background-color: #00D9FF;
        color: #ffffff;
        padding: 3px
    }

    .footer-mobile ul
    {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: space-around
    }

    .footer-mobile ul li
    {
        margin-top: 5px;
        margin-bottom: 5px;
        width: 35px;
        height: 35px;
        line-height: 40px;
        text-align: center;
        border-radius: 50%
    }

    .footer-mobile ul li.active
    {
        background-color: #008299
    }

    .footer-mobile ul li a i
    {
        color: #ffffff;
        font-size: 20px
    }

    .footer-mobile ul li a .fi-dashboard
    {
        font-size: 18px
    }

    .footer-mobile ul li.profile
    {
        border-radius: 50%
    }

    .footer-mobile ul li.profile a
    {
        width: 40px;
        height: 40px
    }

    .footer-mobile ul li.profile a img
    {
        border-radius: 50%;
        border: 1px solid transparent;
        overflow: hidden;
        width: 100%;
        position: relative;
        left: 10px;
        top: -4px
    }
}

.arrow-go-top
{
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 217, 255, 0.7);
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 101;
    font-size: 25px;
    transform: rotate(90deg);
    margin: 30px;
    cursor: pointer;
    transition: all 0.50s
}

.arrow-go-top:hover
{
    cursor: pointer;
    background-color: #00aecc
}

.arrow-go-top:active
{
    background-color: #0098b3
}

.arrow-go-top.show
{
    opacity: 1;
    visibility: visible
}

@media (max-width: 767.98px)
{
    .arrow-go-top
    {
        display: none !important;
        bottom: 50px !important;
        right: 0 !important;
        margin: 5px !important
    }
}

.owl-carousel .owl-stage
{
    display: flex !important
}

@media (max-width: 767.98px)
{
    #mdlyModal
    {
        display: none !important
    }
}

#mdlyModal .modal-dialog
{
    width: 75% !important;
    margin: 20px auto !important;
    max-width: initial !important
}

#mdlyModal .modal-dialog .modal-content
{
    display: flex;
    align-items: stretch !important;
    flex-direction: row !important;
    height: 100% !important
}

#mdlyModal .modal-dialog .modal-content .modal-header
{
    padding: 5px 15px !important;
    border-bottom: none !important
}

#mdlyModal .modal-dialog .modal-content .modal-body img
{
    max-width: 500px !important
}

@media (max-width: 991px)
{
    #mdlyModal .modal-dialog .modal-content .modal-body img
    {
        max-width: 300px !important
    }
}

#mdlyModal .modal-dialog .modal-content .modal-body #modallery-caption
{
    padding: 20px 15px 0 15px !important
}

#mdlyModal .modal-dialog .modal-content .panel-footer
{
    background-color: #FFFFFF !important;
    border-radius: 5px 0 0 5px !important;
    border-top: none !important
}

#mdlyModal .modal-dialog .modal-content .panel-footer .btn-default
{
    border: 1px solid #eeecec !important;
    transition: 0.2s ease-out !important;
    opacity: 0.5 !important;
    outline: none !important;
    padding: 0 !important;
    width: 80px !important;
    height: 80px !important
}

@media (max-width: 991px)
{
    #mdlyModal .modal-dialog .modal-content .panel-footer .btn-default
    {
        width: 70px !important;
        height: 70px !important
    }
}

#mdlyModal .modal-dialog .modal-content .panel-footer .btn-default img
{
    padding: 0 !important
}

#mdlyModal .modal-dialog .modal-content .panel-footer .btn-default:hover
{
    opacity: 1 !important;
    border: 1px solid #00D9FF !important;
    background: none !important
}

#pop
{
    backdrop-filter: blur(10px)
}

#pop .modal-content
{
    background: none;
    border: 0
}

#pop .modal-content img
{
    width: 100%
}

#pop .modal-content .close
{
    position: absolute !important;
    left: 20px !important;
    top: 15px !important;
    color: #fff !important;
    opacity: 1 !important;
    font-size: 4rem !important
}

@media (max-width: 767.98px)
{
    #pop .modal-content .close
    {
        left: 15px !important;
        top: 8px !important
    }
}

#logoMain
{
    backdrop-filter: blur(10px)
}

@media (max-width: 767.98px)
{
    #logoMain
    {
        backdrop-filter: blur(20px)
    }
}

#logoMain .modal-content
{
    background: #fff;
    border-radius: 12px;
    overflow: hidden
}

#logoMain .modal-content .modal-body
{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important
}

#logoMain .modal-content .modal-body .title
{
    font-size: 16px;
    font-weight: 600;
    color: #00D9FF;
    padding-top: 10px;
    padding-bottom: 8px;
    border-bottom: 1px solid #C8D2DC;
    width: 100%;
    text-align: center
}

@media (max-width: 767.98px)
{
    #logoMain .modal-content .modal-body .title
    {
        width: 80%;
        font-size: 13px
    }
}

#logoMain .modal-content .modal-body .description
{
    color: #00D9FF;
    font-size: 13px;
    font-weight: 600;
    padding-top: 12px;
    padding-bottom: 8px
}

@media (max-width: 767.98px)
{
    #logoMain .modal-content .modal-body .description
    {
        font-size: 12px
    }
}

#logoMain .modal-content .modal-body .logo-pic
{
    width: 50px
}

.raychat_main_button
{
    z-index: 6 !important;
    left: 0 !important
}

@media (max-width: 767.98px)
{
    .raychat_main_button
    {
        bottom: 100px !important;
        margin-bottom: 5px !important
    }
}

.finished a
{
    color: #f60e0e !important;
    font-size: 12px !important;
    font-weight: bold !important
}

@media (max-width: 767.98px)
{
    .finished a
    {
        font-size: 10px !important
    }
}

.tools .favorite-link
{
    display: flex;
    align-items: center;
    position: fixed;
    left: -114px;
    top: 140px;
    z-index: 5;
    background: #00D9FF;
    color: #fff;
    padding: 6px 10px 6px 2px;
    border-radius: 0 15px 15px 0;
    transition: all 0.5s
}

.tools .favorite-link i
{
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 5px
}

.tools .favorite-link .title
{
    font-size: 13px;
    color: #fff
}

.tools .favorite-link:hover
{
    left: 0
}

.modal-favorite-list
{
    backdrop-filter: blur(10px) !important
}

.modal-favorite-list .modal-dialog .modal-content
{
    border-radius: 15px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    padding: 0 10px !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-header
{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 0 0 !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-header .modal-title
{
    color: #191d24;
    font-size: 15px !important;
    padding-bottom: 6px !important;
    font-weight: bold
}

@media (max-width: 767.98px)
{
    .modal-favorite-list .modal-dialog .modal-content .modal-header .modal-title
    {
        font-size: 12px !important
    }
}

.modal-favorite-list .modal-dialog .modal-content .modal-header .close
{
    margin: 0 !important;
    padding: 0 !important;
    padding-bottom: 6px !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-header .close span
{
    font-size: 30px
}

.modal-favorite-list .modal-dialog .modal-content .modal-body
{
    padding: 0 !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item
{
    display: flex;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid #D1D1D1
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item:last-child
{
    border-bottom: none
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .pic
{
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 0 !important;
    padding-left: 0 !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .pic img
{
    width: 80px;
    height: 80px;
    object-fit: contain
}

@media (max-width: 767.98px)
{
    .modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .pic img
    {
        width: 70px;
        height: 70px
    }
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .title
{
    font-size: 13px;
    color: black;
    font-weight: 500;
    padding: 0 0 20px 0 !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .show-more
{
    padding-right: 0 !important;
    padding-left: 0 !important
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .show-more a
{
    font-weight: bold;
    color: #12b4cd;
    font-size: 13px
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .price-area
{
    display: flex;
    align-items: center;
    justify-content: center
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .price-area .digit
{
    font-weight: bolder;
    color: #2c3e50;
    font-size: 18px
}

@media (max-width: 767.98px)
{
    .modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .price-area .digit
    {
        font-size: 13px
    }
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .price-area .unit i
{
    padding-right: 4px;
    font-size: 27px;
    color: #2c3e50
}

@media (max-width: 767.98px)
{
    .modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .details .price-area .unit i
    {
        font-size: 23px
    }
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .options
{
    display: flex;
    justify-content: flex-end
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .options .delete-favorite-p
{
    color: #fb3449;
    font-size: 30px;
    background-color: transparent;
    border: none;
    outline: none;
    transition: 0.2s ease-out
}

.modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .options .delete-favorite-p:hover, .modal-favorite-list .modal-dialog .modal-content .modal-body .container-fluid .product-list .item .options .delete-favorite-p:focus
{
    transform: scale(1.1)
}

.modal-rules
{
    backdrop-filter: grayscale(1) !important
}

.modal-rules .modal-dialog
{
    max-width: 900px !important
}

.modal-rules .modal-dialog .modal-content
{
    border-radius: 5px;
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15) !important;
    padding: 0 10px !important
}

.modal-rules .modal-dialog .modal-content .modal-header
{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 10px 0 0 0 !important;
    border-bottom: none !important
}

.modal-rules .modal-dialog .modal-content .modal-header .modal-title
{
    color: #191d24;
    font-size: 16px !important;
    font-weight: bold;
    text-align: center;
    padding: 8px 15px;
    border-radius: 8px;
    border: 2px solid #4d5a6f;
    border-bottom: 2px dashed #4d5a6f;
    border-top: 2px dashed #4d5a6f
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-header .modal-title
    {
        border-radius: 0;
        border-bottom: 1px dashed #F4F4FD;
        border-right: none;
        border-left: none;
        border-top: none
    }
}

.modal-rules .modal-dialog .modal-content .modal-header .modal-title .vizmarket
{
    display: inline-flex;
    padding-right: 3px;
    font-size: 18px;
    text-decoration: none !important
}

.modal-rules .modal-dialog .modal-content .modal-header .modal-title .vizmarket .viz
{
    font-size: 18px;
    color: #00D9FF
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-header .modal-title
    {
        font-size: 14px !important
    }
}

.modal-rules .modal-dialog .modal-content .modal-header .line
{
    border-bottom: 2px solid #4d5a6f;
    width: 100%
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-header .line
    {
        display: none
    }
}

.modal-rules .modal-dialog .modal-content .modal-body .container-fluid
{
    font-size: 14px;
    line-height: 2.7;
    color: black;
    text-align: justify
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-body .container-fluid
    {
        font-size: 13px;
        line-height: 2.5
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer
{
    border-top: none !important
}

.modal-rules .modal-dialog .modal-content .modal-footer form
{
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form
    {
        display: block;
        margin: auto
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept
{
    padding-left: 5px
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .accept
    {
        padding-bottom: 8px
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept
{
    outline: none;
    border-radius: 40px;
    background-color: #F2F2F2;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    border: 1px solid transparent;
    transition: 0.2s ease-out;
    cursor: pointer
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept
    {
        padding: 4px;
        justify-content: space-between
    }
}

@media (min-width: 767.98px) and (max-width: 900px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept
    {
        padding: 2px
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept .title
{
    padding-left: 30px;
    font-size: 10px;
    color: #747474;
    padding-right: 15px
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept .title
    {
        font-size: 9.5px
    }
}

@media (min-width: 767.98px) and (max-width: 900px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept .title
    {
        padding-left: 15px;
        padding-right: 5px
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept i
{
    margin-left: 15px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    background-color: #C9C9C9
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept i
    {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 9px;
        margin-left: 5px
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept.active
{
    border: 1px solid #232933;
    background-color: transparent
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept.active .title
{
    color: #232933;
    font-weight: 600
}

.modal-rules .modal-dialog .modal-content .modal-footer form .accept .btn-accept.active i
{
    background-color: #232933;
    color: #fff
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .rules-key
    {
        display: grid;
        margin: auto;
        width: 100%
    }
}

.modal-rules .modal-dialog .modal-content .modal-footer form .rules-key .btn-rules
{
    border: none;
    outline: none;
    background-color: #232933;
    color: #ffffff;
    font-size: 11px;
    border-radius: 5px;
    padding: 12px 25px
}

@media (max-width: 767.98px)
{
    .modal-rules .modal-dialog .modal-content .modal-footer form .rules-key .btn-rules
    {
        border-radius: 50px;
        padding: 12px;
        font-size: 10px
    }
}

.support-link
{
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    position: fixed;
    bottom: 25px;
    left: 10px;
    z-index: 5;
    transition: 2s ease-out
}

.support-link .title-support-link
{
    display: none;
    width: 0;
    font-size: 13px;
    line-height: 1.6;
    background-color: #25d366;
    color: #fff;
    border-radius: 10px;
    margin: 0 5px;
    order: 1;
    padding: 5px 16px
}

.support-link img
{
    width: 55px;
    height: 55px;
    filter: drop-shadow(1px 4px 5px #535353)
}

.support-link:hover
{
    transition: 2s ease-out
}

.support-link:hover .title-support-link
{
    transition: all 2s;
    width: 100%;
    display: inherit !important
}

@media (max-width: 767.98px)
{
    .support-link
    {
        bottom: 73px
    }
}

.support-link
{
    display: flex;
    align-items: center;
    flex-flow: row-reverse;
    position: fixed;
    bottom: 25px;
    left: 10px;
    z-index: 5;
    transition: 2s ease-out
}

@media (max-width: 767.98px)
{
    .support-link
    {
        bottom: 73px
    }
}

.support-link .title-support-link
{
    display: none;
    width: 0;
    font-size: 13px;
    line-height: 1.6;
    background-color: #25d366;
    color: #fff;
    border-radius: 10px;
    margin: 0 5px;
    order: 1;
    padding: 5px 16px
}

.support-link img
{
    width: 55px;
    height: 55px;
    filter: drop-shadow(1px 4px 5px #535353)
}

.support-link:hover
{
    transition: 2s ease-out
}

.support-link:hover .title-support-link
{
    transition: all 2s;
    width: 100%;
    display: inherit !important
}

/*# sourceMappingURL=style.min.css.map */