@media (min-width: 1500px) {
    .container {
        max-width:1370px
    }
}

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

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

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    padding-right: 10px;
    padding-left: 10px
}

.line_1 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 1;
    height: calc(21px* 1);
    line-height: 21px
}

.line_2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 2;
    height: calc(21px* 2);
    line-height: 21px
}

.line_3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 3;
    height: calc(21px* 3);
    line-height: 21px
}

.line_4 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 4;
    height: calc(21px* 4);
    line-height: 21px
}

.line_5 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    word-break: break-word;
    -webkit-line-clamp: 5;
    height: calc(21px* 5);
    line-height: 21px
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: auto!important;
}
.gap_1 {
    gap: 1px
}

.gap_2 {
    gap: 2px
}

.gap_3 {
    gap: 3px
}

.gap_4 {
    gap: 4px
}

.gap_5 {
    gap: 5px
}

.gap_6 {
    gap: 6px
}

.gap_7 {
    gap: 7px
}

.gap_8 {
    gap: 8px
}

.gap_9 {
    gap: 9px
}

.gap_10 {
    gap: 10px
}

.w-32 {
    width: 32px
}

.w-33 {
    width: 33px
}

.w-34 {
    width: 34px
}

.w-35 {
    width: 35px
}

.w-36 {
    width: 36px
}

.w-37 {
    width: 37px
}

.w-38 {
    width: 38px
}

.w-39 {
    width: 39px
}

.w-40 {
    width: 40px
}

.w-41 {
    width: 41px
}

.w-42 {
    width: 42px
}

.w-43 {
    width: 43px
}

.w-44 {
    width: 44px
}

.w-45 {
    width: 45px
}

.w-46 {
    width: 46px
}

.w-47 {
    width: 47px
}

.w-48 {
    width: 48px
}

.w-49 {
    width: 49px
}

.w-50 {
    width: 50px
}

.w-51 {
    width: 51px
}

.w-52 {
    width: 52px
}

.w-53 {
    width: 53px
}

.w-54 {
    width: 54px
}

.w-55 {
    width: 55px
}

.w-56 {
    width: 56px
}

.w-57 {
    width: 57px
}

.w-58 {
    width: 58px
}

.w-59 {
    width: 59px
}

.w-60 {
    width: 60px
}

.w-61 {
    width: 61px
}

.w-62 {
    width: 62px
}

.w-63 {
    width: 63px
}

.w-64 {
    width: 64px
}

.w-65 {
    width: 65px
}

.w-66 {
    width: 66px
}

.w-67 {
    width: 67px
}

.w-68 {
    width: 68px
}

.w-69 {
    width: 69px
}

.w-70 {
    width: 70px
}

.w-71 {
    width: 71px
}

.w-72 {
    width: 72px
}

.w-73 {
    width: 73px
}

.w-74 {
    width: 74px
}

.w-75 {
    width: 75px
}

.w-76 {
    width: 76px
}

.w-77 {
    width: 77px
}

.w-78 {
    width: 78px
}

.w-79 {
    width: 79px
}

.w-80 {
    width: 80px
}

img {
    max-width: 100%
}

i.down_icon,i.right_icon,i.left_icon,i.up_icon {
    position: absolute;
    top: 16px;
    right: 5px;
    display: flex;
    justify-content: center;
    align-items: center
}

i.down_icon:before,i.right_icon:before,i.left_icon:before,i.up_icon:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: #59646a transparent transparent transparent;
    transition: border-color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s
}

i.right_icon {
    transform: rotate(-90deg)
}

i.left_icon {
    transform: rotate(90deg)
}

i.up_icon {
    transform: rotate(180deg)
}

.btn-primary.focus,.btn-primary:focus,.form-control:focus,.btn.focus,.btn:focus {
    box-shadow: none
}

.fill_light {
    fill: #fff
}

body {
    background-color: #1c1b19;
    font-family: 'Roboto Condensed', sans-serif!important;
    background: #FFF;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    background-color: #FFF;
    border-radius: 10px
}

body::-webkit-scrollbar {
    width: 3px;
    background-color: #FFF
}

body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #FFF;
    background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(var(--mainColor)), to(var(--mainColor)), color-stop(0.6, var(--mainColor)))
}

a {
    color: var(--textColor)
}

a,a:hover {
    text-decoration: none;
    font-family:'Roboto Condensed';
    transition: 0.3s all ease
}

a:hover,.alert-warning .alert-link:hover {
    color: var(--mainColor)
}

.sitdown:before {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255,255,255,0.6) none repeat scroll 0 0;
    height: 0;
    transition: all 0.5s ease-in-out 0s;
    width: 100%;
    z-index: 1
}

.sitdown:hover:before {
    opacity: 0;
    height: 100%
}

header.left_h {
    width: 260px;
    text-align: center;
    position: fixed;
    height: 100%;
    top: 0 !important;
    z-index: 9;
    background: #000
}

button {
    cursor: pointer
}

.pt-xl-7 {
    padding-top: 4rem !important
}

.pb-xl-7 {
    padding-bottom: 4rem !important
}

.rounded-10 {
    border-radius: 10px !important
}

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

.swiper-container [class*=swiper-button-].swiper-button-disabled {
    display: none
}

.swiper-container .swiper-button-next,.swiper-container .swiper-button-prev {
    width: 30px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #d5af39;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
    color: #707070;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    transition: .3s;
    outline: none;
    opacity: .9
}

.swiper-container .swiper-button-next:after,.swiper-container .swiper-button-prev:after {
    font-size: 20px;
    color: #333
}

.swiper-container .swiper-button-next:hover:after,.swiper-container .swiper-button-prev:hover:after {
    color: var(--mainColor)
}

.swiper-container .swiper-button-next {
    padding-left: 7px;
    border-radius: 100px 0 0 100px;
    right: 0
}

.swiper-container .swiper-button-prev {
    padding-right: 7px;
    border-radius: 0 100px 100px 0;
    left: 0
}

.swiper-container .swiper-pagination-bullet:before {
    transition: 0.7s width;
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    transition: 0.7s width;
    width: 100%;
    left: 0;
    right: auto
}

.swiper-container .swiper-pagination-bullet:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #fff;
    top: 0;
    right: 0;
    opacity: 0.25
}

.swiper-container-fade .swiper-slide {
    opacity: 0 !important
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    opacity: 1 !important
}

.line_slide {
    bottom: 0;
    left: 0;
    z-index: 2;
    line-height: 0
}

.searchResult {
    background: var(--leftColBackground);
    z-index: 9;
    top: calc(100%);
    left: 0;
    right: 0;
    border-top: 0;
    transition: 0.3s border-color ease;
    box-shadow: 0px 0px 5px 0px #d5d5d5
}

.searchResult.active {
    display: block
}

@media (max-width: 767px) {
    .searchResult .search-result-warpper {
        max-height:500px
    }
}

.searchResult .search-result-warpper .h6 {
    background: var(--mainColor)
}

.searchResult .result-item {
    transition: 0.3s all ease
}

.searchResult .result-item:hover .result-item_name {
    color: var(--mainColor)
}

.searchResult .result-item_image {
    width: 48px
}

.searchResult .result-item_image img {
    max-height: 100%
}

.searchResult .result-item_detail {
    flex: 0 0 calc(100% - 48px);
    min-width: calc(100% - 48px)
}

.searchResult .result-item_name {
    transition: 0.3s all ease;
    color: #000;
    font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis
}

.searchResult .result-item_price {
    color: #ff0018;
    overflow: hidden;
    text-overflow: ellipsis
}

.searchResult .result-item s {
    font-size: 0.85rem;
    color: #bbb
}

.menubar {
    background: var(--mainColor);
    z-index: 10;
    min-height: 57px;
    top: 0 !important;
    transition: all 1s
}

@media (min-width: 568px) {
    .menubar {
        background:linear-gradient(-180deg, var(--mainColor), var(--mainColor2))
    }
}

.menubar.min,.menubar.bg_no_index {
    background: var(--mainColor)
}

.head_svg svg path {
    fill: #fff
}

.menu-toggle {
    width: 50px;
    height: 50px;
    right: -50px;
    top: 0;
    z-index: 10;
    background: var(--leftColBackground)
}

.menu-toggle svg {
    fill: var(--accentColor1)
}

.logo {
    position: relative
}

@media (max-width: 991.98px) {
    .mb-rounded {
        border-radius:15px
    }

    .pr-menu {
        padding-right: 0
    }

    .navigation-block {
        height: 100vh;
        overflow-y: auto;
        overflow-x: hidden
    }

    .navigation-block::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
        background-color: #f7f7f7;
        border-radius: 10px
    }

    .navigation-block::-webkit-scrollbar {
        width: 2px;
        background-color: #f7f7f7
    }

    .navigation-block::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #FFF;
        background-image: -webkit-gradient(linear, 40% 0%, 75% 84%, from(var(--mainColor)), to(var(--mainColor)), color-stop(0.6, var(--mainColor)))
    }
}

.head_svg {
    background: no-repeat;
    color: #fff;
}

.head_svg:hover {
    color: var(--menuHover)
}

.blog_head a {
    color: #fff;
    font-size: 14px;
    line-height: normal
}

.blog_head a:hover {
    color: var(--menuHover)
}

.blog_head a:after {
    content: '';
    width: 1px;
    height: 30px;
    background: #ffffff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    filter: opacity(0.4)
}

.blog_head a:last-child:after {
    display: none
}

.navigation-bottom .pop_login {
    line-height: normal
}

.navigation-bottom .pop_login a {
    color: #fff
}

.navigation-bottom .pop_login a:hover {
    color: var(--menuHover)
}

.navigation-bottom .btn-account svg {
    transition: 0.5s all;
    fill: #fff
}

.navigation-bottom .btn-cart {
    top: initial !important;
    line-height: normal
}

@media (min-width: 1200px) {
    .navigation-bottom .btn-cart {
        flex: 0 0 80px;
        min-width: 104px;
        max-width: 80px
    }
}

.navigation-bottom .btn-cart svg {
    max-width: 30px;
    fill: #465461;
}

.navigation-bottom .btn-cart-indicator {
    bottom: -4px;
    right: -3px;
    background-color: #cb0013;
    font-size: 13px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 12px
}

.search-block {
    flex: 1
}

.search-block .open_search.fade {
    pointer-events: none
}

.search-block .open_search:hover {
    transform: scale(1.2)
}

.search-block .open_search img {
    max-width: 22px
}

.info-block a {
    color: #fff
}

.info-block a:hover {
    color: var(--menuHover)
}

.info-block a svg {
    width: 100%;
    max-width: 28px;
    margin-right: 10px;
    fill: #fff;
    vertical-align: -18px
}

.info-block a b {
    line-height: normal
}

.b_ico_Cart {
    width: 23px;
    height: 38px
}

.left-search {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    top: 0 !important;
    border: 1px solid #dfc24a;
    border-radius: 10px;
}

@media (max-width: 991px) {
    .banner-content .title {
        font-size: 60px;
    }
    .mew_mobile_slide {
        padding-top: 26px!important;
    }
    .left-search {
        opacity:1;
        right: -100%;
        position: fixed !important;
        top: 1px !important;
        margin: 0 !important;
        z-index: 9;
        width: calc(100% - 20px);
        pointer-events: none;
        will-change: auto;
        border: none;
    }

    .left-search input,.left-search .searchResult {
        pointer-events: all
    }

    .fix-phone {
        overflow: hidden;
        bottom: 55px;
        left: 50%;
        right: auto;
        transform: translate(-50%) scale(1);
        border-radius: 6px;
        background: #fff;
        padding: 10px 0;
        top: inherit!important;
        box-shadow: 0 0 2px 2px rgba(45,52,58,.1);
        opacity: 0;
        transition: .7s;
        visibility: hidden;
    }

    .fix-phone, .search-block {
        position: fixed;
        z-index: 9;
    }

    .mew_mobi_bar {
        top: initial!important;
        bottom: 0;
        left: auto;
        width: 100%;
        height: 50px;
        z-index: 11;
        box-shadow: 0 7px 36px rgba(16,42,67,.15);
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        transition: .5s;
        transform: translateY(0);
        background-image: linear-gradient(to right, #d1a733 , #e4cb51);
    }

    .mew_mobi_bar .item {
        width: 25%;
    }

    .mew_mobi_bar .item svg {
        max-width: 20px;
        margin: 0 auto;
        fill: #020202;
    }

    .mew_mobi_bar .item .tit {
        font-size: 10px;
        color: #080808;
    }

    .mew_mobi_bar .item .btn-cart-indicator {
        min-width: 20px;
        height: 20px;
        top: -6px;
        right: 2px;
        padding: 3px;
        background: red;
        color: #fff;
        border-radius: 50%;
        line-height: 15px;
        font-size: 13px;
    }
}

.left-search input[type="text"] {
    height: 28px;
    width: 100%;
    color: #dfaa10;
    padding: 0 10px;
    box-shadow: none;
    border: none;
}

@media (max-width: 991px) {
    .left-search input[type="text"] {
        height: 40px;
        max-width: calc(100% - 70px)
    }
}

.left-search input[type="submit"] {
    background: url(//bizweb.dktcdn.net/thumb/icon/100/459/533/themes/868331/assets/search-icon.png?1689838116391) no-repeat;
    background-size: 19px;
    background-position: center;
    height: 27px;
    width: 27px;
    cursor: pointer;
    text-indent: -9999px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%)
}

.left-search.open {
    width: 100%;
    opacity: 1;
    left: 0;
    pointer-events: auto
}

.left-search.active #searchResult {
    display: block
}

#menu_pc>li>a {
    color: #052828;
}

#menu_pc>li>a i:before {
    border-color: #465461 transparent transparent transparent;
}

#menu_pc li>a {
    font-weight: 500;
    font-size: 13px;
    display: block;
    transition: 0.3s color ease
}

@media (min-width: 991.99px) and (max-width: 1199px) {
    #menu_pc li>a {
        font-size:0.9rem
    }
}

#menu_pc li>a.active::after,#menu_pc li>a:hover::after {
    border-color: #fff
}

#menu_pc li .down_icon {
    top: 0;
    right: 0;
    height: 100%;
    width: 26px;
    height: 2rem;
    transition: 0.3s all ease
}

#menu_pc li:hover>.down_icon::before {
    border-color: var(--mainColor) transparent transparent transparent
}

#menu_pc .lv1,#menu_pc .lv2 {
    transition: all 0.4s
}

@media (max-width: 991.98px) {
    #menu_pc .lv1,#menu_pc .lv2 {
        transition:all 0.7s;
        pointer-events: none;
        opacity: 0;
        font-size: 0
    }

    #menu_pc .lv1 a,#menu_pc .lv2 a {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

#menu_pc .lv1 .down_icon,#menu_pc .lv2 .down_icon {
    transition: all 0.8s;
    height: 0
}

#menu_pc .open>ul {
    opacity: 1;
    pointer-events: auto;
    font-size: 1rem
}

#menu_pc .open>ul .down_icon {
    height: 2rem
}

#menu_pc .open>ul>li>a {
    padding-bottom: 0.25rem !important;
    padding-top: 0.25rem !important
}

#menu_pc .open>.down_icon {
    transform: rotate(180deg)
}

#menu_pc .cls .open>ul {
    font-size: 0
}

#menu_pc .cls .open>ul a {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

@media (min-width: 991.99px) {
    #menu_pc {
        overflow-x:auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        max-width: 100%;
        cursor: grab
    }

    #menu_pc.active {
        cursor: grabbing
    }

    #menu_pc a {
        -webkit-user-select: none;
        -webkit-user-drag: none;
        -webkit-app-region: no-drag
    }

    #menu_pc::-webkit-scrollbar {
        display: none
    }

    #menu_pc {
        -ms-overflow-style: none;
        scrollbar-width: none
    }

    #menu_pc .level0 {
        transition: all 0.15s linear
    }

    #menu_pc .level0>a {
        white-space: nowrap;
        font-size: 16px;
    }

    #menu_pc .level0 ul.lv1 {
        position: absolute;
        display: block;
        font-size: initial !important;
        background: #fff;
        z-index: 9;
        top: 100%;
        transform: translateY(40px);
        opacity: 0;
        pointer-events: none;
        min-width: 240px;
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,.24);
    }

    #menu_pc .level0 ul.lv1.sub-right {
        right: 0;
        left: auto !important
    }

    #menu_pc .level0 ul.lv1 .level1.no i {
        right: 0px;
        width: inherit;
        height: 0px
    }

    #menu_pc .level0 ul.lv1 .level1.no i:before {
        border-width: 5px 5px 0 5px
    }

    #menu_pc .level0 ul.lv1 .level1.no ul.lv2 {
        position: absolute;
        min-width: 240px;
        left: 100%;
        top: 0px;
        box-shadow: 0px 0px 2px 0px var(--mainColor);
        background: #fff;
        transform: translateX(40px);
        opacity: 0;
        pointer-events: none
    }

    #menu_pc .level0 ul.lv1 .level1.no ul.lv2.sub-right {
        left: -100% !important
    }

    #menu_pc .level0 ul.lv1 .level1.no:hover>a {
        color: #0f5132;
    }

    #menu_pc .level0 ul.lv1 .level1.no:hover>a i:before {
        border-color: var(--mainColor) transparent transparent transparent
    }

    #menu_pc .level0 ul.lv1 .level1.no:hover ul.lv2 {
        pointer-events: auto;
        transform: translateX(0);
        opacity: 1
    }

    #menu_pc .level0.not-mega ul.lv1 {
        max-width: 260px
    }

    #menu_pc .level0:hover {
        background: transparent
    }

    #menu_pc .level0:hover>a {
        color: var(--menuHover)
    }

    #menu_pc .level0:hover>a i:before {
        border-color: var(--menuHover) transparent transparent transparent
    }

    #menu_pc .level0:hover ul.lv1 {
        pointer-events: auto;
        transform: translateY(0);
        opacity: 1
    }

    #menu_pc .level0.mega {
        position: static !important
    }

    #menu_pc .level0.mega ul.lv1 {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        left: 0;
        flex-direction: initial;
        box-shadow: 0px 0px 2px 0px var(--mainColor)
    }

    #menu_pc .level0.mega ul.lv1 .level1 {
        width: calc(100%/4);
        display: inline-flex;
        flex-direction: column
    }

    #menu_pc .level0.mega ul.lv1 .level1>a {
        font-weight: 600
    }

    #menu_pc .level0.mega ul.lv1 .level1 ul.lv2 {
        opacity: 1;
        font-size: initial
    }

    #menu_pc .level0>a>i.mg {
        top: 16px;
        right: -5px
    }

    #menu_pc .level0>a>i.mg:before {
        border-width: 5px 5px 0 5px
    }
}

@media (max-width: 991px) {
    #menu_pc .level0 {
        position:relative
    }

    #menu_pc li>a .down_icon {
        width: 32px
    }
    .col-right .contentWarp {
        padding-top: 0!important;
    }
}

.cart_m {
    color: #fff;
    background: var(--lightLeftColBackground);
    border-top: 2px solid var(--mainColor)
}

.cart_m img {
    max-height: 30px
}

.title {
    font-size: 22px;
    z-index: 7;
    flex: none
}

.title a,.title span {
    color: #084243;
    letter-spacing: 0
}

.title a:hover {
    color: var(--mainColor)
}

.breadcrumbs .inner {
    z-index: 1
}

.breadcrumbs .breadcrumb a {
    color: #e0c54c;
}

.breadcrumbs .breadcrumb a svg {
    display: inline-block
}

.breadcrumbs .breadcrumb a:hover {
    color: var(--mainColor);
    filter: brightness(0.7)
}

.img_b {
    border: 2px solid var(--mainColor);
    background: var(--mainColor);
    min-width: 65px;
    height: 65px
}

.aspect {
    height: 0
}

.aspect .img {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important
}

.item_list .item-title {
    font-size: 1rem
}

.ring-container {
    width: 1em;
    height: 8px
}

.ring-container .ringring {
    border: 3px solid var(--mainColor);
    border-radius: 50%;
    height: 1pc;
    width: 1pc;
    left: -4px;
    top: -4px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0
}

.ring-container .circle {
    width: 8px;
    height: 8px;
    background-color: var(--mainColor);
    background-color: var(--mainColor);
    border-radius: 50%;
    top: 0;
    left: 0
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        -webkit-transform: scale(1.2);
        opacity: 0
    }
}

.ratio1by1 {
    padding-bottom: 100%
}

.ratio2by3 {
    padding-bottom: calc(100%*3/2)
}

.ratio3by2 {
    padding-bottom: calc(100%*2/3)
}

.ratio2by1 {
    padding-bottom: 50%
}

.ratio1by2 {
    padding-bottom: 200%
}

.ratio1by3 {
    padding-bottom: calc(100%/3)
}

.ratio1by4 {
    padding-bottom: calc(100%/4)
}

.ratio1by12 {
    padding-bottom: calc(100%/12)
}

.ratio1by6 {
    padding-bottom: calc(100%/6)
}

.ratioslide {
    padding-bottom: calc(100%*25/64)
}

html {
    scroll-behavior: smooth
}

.h-auto {
    height: auto !important
}

body {
    color: #a3a3a3;
    background-color: #1c1b19;
}

.bor-10 {
    border-radius: 10px
}

.m_white_bg_module {
    background: #fff
}

@media (max-width: 767px) {
    .m_white_bg_module.opa_5 {
        background:linear-gradient(180deg, rgba(255,255,255,0.5) 0%, #fff 33%, #fff 100%)
    }
}

.crp {
    cursor: pointer
}

#body_overlay {
    top: 0 !important;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.5);
    z-index: 10
}

.mbs {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-flex-wrap: unset;
    flex-wrap: unset
}

.text-main {
    color: var(--mainColor)
}

.navigation-block {
    min-width: calc(100% - 145px);
}

.col-left {
    height: calc(100% - 58px);
    transition: all 0.5s ease;
    z-index: 10;
    top: 0 !important
}

@media (min-width: 991.99px) {
    .col-left {
        position:relative !important;
    }
}

@media (max-width: 991.98px) {
    .col-left {
        top:initial !important;
        bottom: 58px !important;
        width: var(--menuWidth);
        left: calc(-1 * var(--menuWidth))
    }

    .col-left.pc {
        will-change: transform;
        top: 0 !important
    }

    .col-left .menu_mobile {
        overflow: hidden;
        border-radius: 10px;
        background: #1c1b19;
    }
}

@media (max-width: 991.98px) and (orientation: portrait) {
    .col-left {
        max-height:calc(100vh - 220px)
    }
}

@media (max-width: 991.98px) and (orientation: landscape) {
    .col-left {
        max-height:calc(100vh - 67px)
    }

    .col-left.active {
        box-shadow: 0 0px 0px 0 #fff, 0 0px 3px 0px #fff
    }
}

@media (max-width: 991.98px) {
    .col-left.active {
        left:10px
    }
}

.mb_logo {
    max-height: 40px;
    max-width: 50px
}

.menu_mobile {
    box-shadow: 0px 0px 2px 0px #ccc
}

@media (orientation: landscape) {
    .menu_mobile {
        width:100px
    }
}

.menu_mobile #menu-mew {
    overflow: scroll;
    transition: 0.5s all;
    background: #d5af3a;
    z-index: 1
}

@media (orientation: portrait) {
    .menu_mobile #menu-mew {
        display:flex;
        height: 100px;
        margin-top: calc(100vh - 320px) !important;
        box-shadow: 0px 0px 3px 0px #d70018
    }
}

@media (orientation: landscape) {
    .menu_mobile #menu-mew {
        height:100%
    }
}

.menu_mobile #menu-mew .main {
    z-index: 2;
    top: 0
}

.menu_mobile #menu-mew .level0 {
    border-top: 0 !important
}

@media (orientation: portrait) {
    .menu_mobile #menu-mew .level0 {
        border-right:1px solid #f2f2f2
    }
}

@media (orientation: landscape) {
    .menu_mobile #menu-mew .level0 {
        border-bottom:1px solid #f2f2f2
    }
}

.menu_mobile #menu-mew .level0>a {
    line-height: 1.2;
    font-size: 12px;
    color: #333;
    display: table-cell;
    width: 100px;
    vertical-align: middle
}

.menu_mobile #menu-mew .level0>a img {
    pointer-events: none;
    max-width: 45px
}

.menu_mobile #menu-mew .level0>a span {
    height: calc(14px * 2);
    line-height: normal;
    pointer-events: none
}

.menu_mobile #menu-mew .level0 .lv1 {
    top: 0;
    overflow: scroll;
    opacity: 0;
    z-index: -1
}

@media (orientation: portrait) {
    .menu_mobile #menu-mew .level0 .lv1 {
        width:100%;
        height: calc(100% - 100px);
        left: 0%
    }
}

@media (orientation: landscape) {
    .menu_mobile #menu-mew .level0 .lv1 {
        width:calc(100vw - 121px);
        left: 101%;
        height: 100%
    }
}

.menu_mobile #menu-mew .level0 .lv1.waring {
    opacity: 1
}

.menu_mobile #menu-mew .level0 .lv2 .level2:before {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 17px;
    left: 11px;
    background: var(--mainColor)
}

.menu_mobile #menu-mew .level0.open .lv1 {
    opacity: 1;
    transition: 0.3s ease;
    z-index: 1
}

.menu_mobile #menu-mew .level0.open .lv1 .level1 {
    list-style: none
}

.menu_mobile #menu-mew .level0.open>a {
    color: #fff;
    background: #1c1b19;
}

.menu_mobile #menu-mew.no_waring .waring {
    display: none
}

.col-right {
    width: 100%;
    display: flex;
    flex-direction: column;
    min-height: 90vh
}

.col-right .contentWarp {
    flex: 1 0 auto;
    padding-top: 60px;
}

@media (max-width: 1499px) {
    .cont_sale_blog {
        max-height:250px;
        overflow: auto
    }

    .cont_sale_blog::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 6px
    }

    .cont_sale_blog::-webkit-scrollbar {
        width: 2px;
        background-color: #F5F5F5
    }

    .cont_sale_blog::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, var(--mainColor2)), color-stop(0.72, var(--mainColor2)), color-stop(0.86, var(--mainColor2)))
    }
}

@media (max-width: 1199px) {
    .msb {
        overflow-x:auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-flex-wrap: unset;
        flex-wrap: unset
    }

    .cont_sale_blog {
        max-height: 200px;
        overflow: auto
    }

    .cont_sale_blog::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
        border-radius: 6px
    }

    .cont_sale_blog::-webkit-scrollbar {
        width: 2px;
        background-color: #F5F5F5
    }

    .cont_sale_blog::-webkit-scrollbar-thumb {
        border-radius: 6px;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, var(--mainColor2)), color-stop(0.72, var(--mainColor2)), color-stop(0.86, var(--mainColor2)))
    }
}

@media (max-width: 567px) {
    .mew_slide {
        border-radius:10px
    }

    .border-xs-none {
        border: none !important
    }

    .cont_sale_blog {
        max-height: 155px;
        overflow: auto
    }

    .bg_head {
        left: unset;
        height: 48px;
        top: 0 !important;
        border-radius: 0 0 20px 20px;
        z-index: 0;
        transition: all 0.6s
    }

    .bg_head.min {
        transform: translateY(-250px)
    }
}

.ico_mb_bar {
    max-height: 20px
}

.b_shadow {
    transition: all .3s ease-in-out
}

.b_shadow:hover {
    box-shadow: 0 0px 4px 0 rgba(0,0,0,0.25)
}

.sale-label {
    top: 5px;
    left: -5px;
    color: #ffffff;
    background: #7b5f04;
    padding: 4px 6px;
    z-index: 2;
    font-size: 12px;
    border-top-left-radius: 5px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    box-shadow: 0px 0px 5px 1px #fff
}

.sale-label:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 0;
    border-color: transparent #7b5f04 transparent transparent;
    bottom: -5px;
    left: 0px;
    filter: brightness(0.8)
}

.thumb {
    -webkit-perspective: 600px;
    perspective: 600px
}

.thumb .zoom {
    transition: .8s ease-out;
    will-change: transform
}

.thumb:hover .zoom {
    transform: scale(1.1)
}

@media (max-width: 767px) {
    .thumb {
        overflow:hidden
    }
}

.time_box .title img {
    max-height: 23px;
    vertical-align: -2px
}

.time_box .countdown-item {
    background: var(--mainColor);
    padding: 5px;
    min-width: 36px;
    border: 2px solid
}

.time_box .bg_flash {
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
    border-radius: 10px
}

.sold-module {
    height: 20px;
    border-radius: 10px;
    background: #ff9a9a;
    z-index: 1
}

.sold-module img {
    left: 2px;
    top: -2px;
    width: 18px;
    z-index: 3
}

.sold-module .sold {
    font-size: 12px;
    color: #fff;
    z-index: 2;
    line-height: normal
}

@media (max-width: 375px) {
    .sold-module .sold {
        font-size:9px
    }
}

.sold-module .remain {
    background: linear-gradient(to right, #ec1a17, #ffad00);
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px
}

.sold-module .remain:before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: linear-gradient(45deg, rgba(255,255,255,0.25) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.25) 50%, rgba(255,255,255,0.25) 75%, transparent 75%, transparent);
    animation: progress_bar_fill 2s linear infinite;
    background-size: 30px 30px;
    position: absolute
}

@keyframes progress_bar_fill {
    0% {
        background-position: 0 0
    }

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

.breadcrumbs {
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.1),0 2px 6px 2px rgba(60,64,67,0.15)
}

.breadcrumbs svg {
    fill: #e0c54c;
}

.box_shadow {
    box-shadow: 0 0px 2px 0 rgba(60,64,67,0.1),0 0px 6px 0px rgba(60,64,67,0.25)
}

.product-item .item-info .item-title {
    margin: 5px 0
}

.product-item .item-info .item-title a {
    color: #ffffff;
    transition: 0.4s color;
    font-size: 20px;
    font-family: inherit;
}

.product-item .item-info .item-title a:hover {
    color: var(--mainColor)
}

.product-item .item-info.small .item-title a {
    font-size: 14px
}

.product-item .item-info .action {
    clear: both;
    padding: 3px 10px;
    border: 1px solid var(--mainColor);
    border-radius: 20px;
    min-width: 120px;
    backdrop-filter: blur(4px);
    transition: 0.4s all;
    color: var(--mainColor)
}

.product-item .item-info .action:hover {
    color: #fff;
    background: var(--mainColor)
}

.product-item .item-info .action:hover i.right_icon {
    transform: rotate(270deg)
}

.product-item:hover .item-info {
    bottom: 0
}

.product-item .product-item_form {
    top: -45px;
    right: 0px
}

@media (min-width: 992px) {
    .product-item .product-item_form {
        transform:translateX(100%);
        opacity: 0;
        visibility: hidden;
        transition: 0.3s all ease
    }
}

.product-item .product-item_form .btn {
    min-width: 40px;
    height: 40px;
    background: var(--mainColor)
}

.product-item .product-item_form .btn:hover {
    background: var(--mainColor2)
}

.product-item .product-item_form .btn.s_out {
    background: #b5b5b5;
    position: relative
}

.product-item .product-item_form .btn.s_out:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    bottom: 0;
    background: #fff;
    transform: translateX(-50%) rotate(45deg)
}

.product-item .product-item_form svg {
    fill: #fff
}

@media (min-width: 992px) {
    .product-item:hover .product-item_form {
        transform:translateX(0);
        opacity: 1;
        visibility: visible
    }
}

@media (max-width: 991px) {
    .product-item .product-item_form .btn {
        min-width:35px;
        height: 35px
    }

    .product-item .product-item_form .btn svg {
        width: 20px;
        height: 20px
    }
}

.product-item .item-price,.product-item-list .item-price {
    color: #fcd462;
    font-size: 20px;
}

.product-item .item-price .old-price,.product-item-list .item-price .old-price {
    font-size: 15px;
    color: #f1e6e6;
}

@media (max-width: 375px) {
    .product-item .item-price,.product-item-list .item-price {
        font-size:13px
    }

    .product-item .item-price .old-price,.product-item-list .item-price .old-price {
        font-size: 11px
    }
}

.product-item .small .old-price,.product-item-list .small .old-price {
    font-size: 11px
}

.view_more {
    margin-bottom: -15px
}

.view_more:before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #dee2e6;
    z-index: 0
}

.view_more a {
    font-size: 14px;
    background: var(--mainColor);
    padding: 5px 15px;
    border-radius: 25px;
    box-shadow: 0px 0px 0px 13px #fff
}

.view_more a:hover {
    background: var(--mainColor2);
    color: #fff !important
}

.product-item-list .action,.product-item-list .author {
    font-size: 14px
}

.more_abs .view_more {
    top: 0px;
    right: 15px;
    padding-right: 20px
}

.more_abs .view_more .down_icon {
    top: 10px
}

.more_abs .view_more:hover .down_icon:before {
    border-color: var(--mainColor) transparent transparent transparent
}

@media (max-width: 767px) {
    .item-info .item-title {
        font-size:18px
    }
}

@media (min-width: 576px) {
    .item-info .item_sum {
        display:-webkit-box !important
    }
}

.menu_list {
    top: 0;
    right: 0
}

@media (min-width: 992px) {
    .menu_list {
        position:absolute
    }
}

.menu_list .list_mn a {
    font-size: 14px
}

.title_blo a {
    font-size: 1.1rem
}

.item_grid {
    transition: all 0.5s;
    margin-bottom: 15px
}

.item_grid .entry-date {
    color: #ffffff;
    top: 10px;
    left: 0;
    padding: 0px 7px;
    line-height: normal;
    z-index: 2
}

.item_grid .entry-date p {
    margin: 0
}

.item_grid .entry-date p.day {
    font-size: 1.2rem
}

.item_grid .entry-date p.yeah {
    font-size: 0.8rem
}

.item_grid .entry-date:before {
    content: '';
    background: var(--mainColor);
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    top: -60px;
    left: -40px;
    z-index: -1;
    pointer-events: none
}

.item_grid .sum {
    font-size: 0.95rem
}

@media (min-width: 767px) {
    .item_grid.index .cont {
        box-shadow:0 0 8px 0 rgba(4,0,0,0.4);
        border-radius: 10px;
        background: #fff;
        z-index: 4;
        transform: translateY(-60px);
        transition: all 0.5s
    }

    .item_grid.index:hover .cont {
        transform: translateY(-40px)
    }
}

footer {
    color: white;
    flex-shrink: 0;
    /* background: #37424c; */
    background-image: url(../images/pattern-01.png);
}

@media (min-width: 992px) and (max-width: 1199px) {
    footer {
        font-size:14px
    }
}

footer a {
    color: white;
}

footer .logo_foo img {
    max-width: 215px
}

footer .footer-left .footer-title {
    font-size: 20px;
    text-transform: uppercase;
    color: white;
}

footer ul.links {
    padding: 0;
    list-style: none
}

footer ul.links li {
    margin: 4px 0
}

footer .links_sm a {
    font-size: 14px
}

footer p {
    margin-bottom: 0
}

footer .social a.iso {
    border-radius: 50%
}

footer .social a.instagram img {
    border-radius: 20px
}

footer .store img {
    max-height: 120px
}

footer .store .tit {
    transition: 0.3s all ease;
    font-size: 18px;
    padding: 5px 15px;
    border-radius: 10px;
    color: var(--mainColor);
    border: 1px solid var(--mainColor)
}

footer .store:hover .tit {
    background: var(--mainColor);
    color: #fff
}

footer .payment-accept {
    display: flex;
    gap: 10px
}

.btn-primary {
    transition: all 0.5s;
    color: #fff;
    background-color: var(--mainColor);
    border-color: var(--mainColor)
}

.btn-primary:hover,.btn-primary:active,.btn-primary:not(:disabled):not(.disabled):active,.btn-primary:not(:disabled):not(.disabled):active:focus {
    background-color: var(--mainColor2);
    border-color: var(--mainColor2)
}

.effect-ming {
    overflow: hidden
}

.effect-ming img {
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s
}

.effect-ming .overlay {
    top: 0;
    left: 0;
    padding: 30px;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 3
}

@media (min-width: 1199px) {
    .effect-ming .overlay::before {
        content:'';
        position: absolute;
        top: 30px;
        right: 30px;
        bottom: 30px;
        left: 30px;
        border: 1px solid #fff;
        border-radius: .25rem;
        box-shadow: 0 0 0 45px rgba(255,255,255,0.2);
        opacity: 0;
        transition: opacity 0.35s, transform 0.35s;
        transform: scale3d(1.4, 1.4, 1);
        background-image: url(//bizweb.dktcdn.net/100/459/533/themes/868331/assets/favicon.png?1689838116391);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 70px;
        background-color: rgba(76,175,80,0.2)
    }
}

@media (min-width: 1199px) {
    .effect-ming .video_open {
        top: 0;
        left: 0;
        background-repeat: no-repeat;
        background-position: center center;
        z-index: 2
    }

    .grecaptcha-badge {
        display: none !important
    }

    #book-form h3 {
        color: #fff
    }

    .phone-box .oi {
        opacity: 0;
        width: 0;
        font-size: 0;
        position: absolute;
        height: 0;
        left: 40px;
        top: 7px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s
    }

    @keyframes play0 {
        0% {
            transform: rotate(0deg) scale(1) skew(1deg)
        }

        10% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        20% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        30% {
            transform: rotate(-25deg) scale(1) skew(1deg)
        }

        40% {
            transform: rotate(25deg) scale(1) skew(1deg)
        }

        50% {
            transform: rotate(0deg) scale(1) skew(1deg)
        }

        100% {
            transform: rotate(0deg) scale(1) skew(1deg)
        }
    }

    .phone-box,.zalo-box,.fb-box,.cart-box {
        width: 36px;
        height: 36px;
        line-height: 36px;
        border-radius: 30px;
        display: inline-block;
        background: var(--mainColor);
        position: relative
    }

    .phone-box img,.zalo-box img,.fb-box img,.cart-box img {
        max-width: 25px
    }

    .phone-box svg,.zalo-box svg,.fb-box svg,.cart-box svg {
        fill: #fff
    }

    .cart-box svg path {
        fill: #fff
    }

    .phone-box:hover,.zalo-box:hover,.fb-box:hover,.cart-box:hover {
        transform: translateY(-5px)
    }

    .play0 {
        animation: play0 1.5s ease infinite
    }

    .fix-phone {
        position: fixed;
        z-index: 21;
        right: 0;
        display: flex;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
        justify-content: center;
        align-items: center;
        background-color: var(--mainColor)
    }

    @media (min-width: 992px) {
        .fix-phone {
            top:50% !important;
            transform: translateY(-50%);
            flex-direction: column
        }

        .fix-phone:before {
            content: "";
            position: absolute;
            height: 30px;
            width: 60px;
            top: -30px;
            right: 0px;
            border-radius: 0 0 50px 0;
            box-shadow: 30px 0 0 0 var(--mainColor);
            pointer-events: none
        }

        .fix-phone:after {
            content: "";
            position: absolute;
            height: 30px;
            width: 60px;
            bottom: -30px;
            right: 0px;
            border-radius: 0 50px 0px 0;
            box-shadow: 30px 0 0 0 var(--mainColor);
            pointer-events: none
        }
    }

    .fix-phone .notify {
        right: calc(100% + 15px);
        top: 0;
        height: fit-content;
        width: 250px
    }

    @media (max-width: 991px) {
        .mew_mobi_bar {
            top:initial !important;
            bottom: 0;
            left: 0;
            background: #fff;
            width: 100%;
            height: 50px;
            z-index: 11;
            box-shadow: 0 7px 36px rgba(16,42,67,0.15);
            border-top-left-radius: 15px;
            border-top-right-radius: 15px;
            transition: all .5s;
            transform: translateY(0)
        }

        .mew_mobi_bar .item {
            width: 25%
        }

        .mew_mobi_bar .item .btn-cart-indicator {
            min-width: 20px;
            height: 20px;
            top: -6px;
            right: 2px;
            padding: 3px;
            background: #f00;
            color: #fff;
            border-radius: 50%;
            line-height: 15px;
            font-size: 13px
        }

        .mew_mobi_bar .item svg {
            max-width: 20px;
            margin: 0 auto;
            fill: var(--textColor)
        }

        .mew_mobi_bar .item .tit {
            font-size: 10px
        }

        .mew_mobi_bar .item.active svg,.mew_mobi_bar .item:hover svg,.mew_mobi_bar .item.open svg {
            fill: var(--mainColor)
        }

        .mew_mobi_bar .item.active .tit,.mew_mobi_bar .item:hover .tit,.mew_mobi_bar .item.open .tit {
            color: var(--mainColor)
        }

        .fix-phone {
            overflow: hidden;
            position: fixed;
            bottom: 55px;
            left: 50%;
            right: auto;
            transform: translate(-50%) scale(1);
            border-radius: 6px;
            background: #fff;
            padding: 10px 0;
            z-index: 9;
            top: inherit !important;
            box-shadow: 0px 0px 2px 2px rgba(45,52,58,0.1);
            opacity: 0;
            transition: 0.7s all;
            visibility: hidden
        }

        .fix-phone.fix-phone.active {
            animation-name: contact_bar;
            animation-duration: 0.7s;
            opacity: 1;
            pointer-events: auto;
            z-index: 11;
            visibility: visible
        }

        .search-block {
            position: fixed;
            top: 0 !important;
            right: 0;
            z-index: 9
        }

        .search-block svg {
            fill: #fff
        }

        .navigation-bottom .btn-cart {
            position: fixed !important;
            right: 0;
            bottom: 0;
            background: var(--mainColor);
            border: none;
            height: 55px;
            justify-content: center
        }

        .navigation-bottom .btn-cart:after {
            content: '';
            position: absolute;
            filter: brightness(0.7);
            top: 0px;
            left: -7px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 0 7px 7px;
            border-color: transparent transparent var(--mainColor) transparent
        }

        .navigation-bottom .btn-cart svg {
            fill: #fff
        }

        footer .bgk {
            margin-bottom: 55px
        }

        .navigation-bottom .btn-account {
            width: 50px;
            min-height: 50px;
            position: fixed;
            top: 0 !important;
            right: 0
        }

        .w-mb-50.ratio1by1 {
            padding-bottom: calc((100% - 15px)/2) !important
        }
    }

    @keyframes contact_bar {
        0% {
            opacity: 0;
            transform: translate(-50%)
        }

        30% {
            opacity: 0;
            transform: translate(-50%)
        }

        70% {
            opacity: 1;
            transform: translate(-50%) scale(1.08)
        }

        100% {
            opacity: 1;
            transform: translate(-50%) scale(1)
        }
    }

    @media (max-width: 767px) {
        .payment-accept {
            padding-bottom:10px
        }

        .coppyright {
            padding: 10px 0;
            text-align: center
        }
    }

    .show {
        transition: opacity 400ms
    }

    .hide {
        opacity: 0
    }

    .payment-accept img {
        max-height: 30px
    }

    .back_top {
        background: var(--mainColor);
        width: 35px;
        height: 35px;
        bottom: -65px;
        right: 15px;
        border-radius: 20px;
        cursor: pointer;
        opacity: 0;
        transition-duration: 0.7s;
        z-index: 8;
        top: initial !important
    }

    .back_top.back_show {
        opacity: 1;
        bottom: 65px
    }

    @keyframes play_video {
        0% {
            transform: scale(1)
        }

        10% {
            transform: scale(1.1)
        }

        20% {
            transform: scale(1)
        }

        30% {
            transform: scale(1.1)
        }

        40% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.1)
        }

        100% {
            transform: scale(1)
        }
    }

    .open_video .video_open {
        will-change: transform
    }

    .open_video .video_open:hover {
        animation: play_video 1.5s ease infinite
    }

    .popup_video {
        top: 0 !important;
        left: 0;
        visibility: hidden;
        z-index: 0;
        opacity: 0;
        transition: all 0.5s;
        pointer-events: none
    }

    .popup_video.open {
        z-index: 12;
        background: rgba(0,0,0,0.5);
        visibility: visible;
        opacity: 1;
        pointer-events: auto
    }

    .popup_video .b_video {
        width: 800px;
        max-width: calc(100% - 10px)
    }

    .popup_video .max-100 {
        max-width: 100%
    }

    .popup_video .close_video {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: 2px solid #000
    }

    @media (min-width: 768px) {
        .popup_video .close_video {
            right:-6px;
            top: -12px;
            transition: all 0.3s
        }
    }

    @media (max-width: 767px) {
        .popup_video .close_video {
            bottom:-35px;
            right: 50%;
            transform: translateX(50%)
        }
    }

    .popup_video .close_video img {
        max-width: 16px;
        filter: brightness(0)
    }

    @media (min-width: 768px) {
        .popup_video .close_video:hover {
            transform:scale(1.1) rotate(360deg)
        }
    }

    .hideOnScroll {
        transform: translateY(100%)
    }

    .compare-label {
        cursor: pointer
    }

    @media (max-width: 767px) {
        .compare-label {
            font-size:13px
        }
    }

    .compare-label input[type=checkbox]+.compare-checkbox {
        width: 14px;
        height: 14px;
        display: inline-block;
        border: 1px solid #8f8f9d;
        border-radius: 4px;
        transition: all 0.3s ease
    }

    .compare-label input[type=checkbox]:checked+.compare-checkbox {
        background-image: url(//bizweb.dktcdn.net/100/459/533/themes/868331/assets/checked_filter.png?1689838116391);
        background-repeat: no-repeat;
        background-position: center;
        background-color: var(--mainColor);
        background-size: 10px;
        border-color: var(--mainColor);
        transition: all 0.3s ease
    }

    .js-compare-share,.js-compare-button {
        cursor: pointer;
        transition-duration: .7s;
        z-index: 8;
        top: initial !important
    }

    .js-compare-share img,.js-compare-button img {
        filter: brightness(0) invert(1);
        max-width: 28px
    }

    .js-compare-share svg,.js-compare-button svg {
        fill: #fff
    }

    .js-compare-share span:not(.tit),.js-compare-button span:not(.tit) {
        bottom: -4px;
        left: -4px;
        width: 18px;
        height: 18px;
        background: var(--menuHover);
        line-height: 18px;
        font-size: 12px;
        color: #000;
        box-shadow: 0px 0px 1px 1px #ebebeb;
        visibility: visible;
        opacity: 1
    }

    .js-compare-share span:not(.tit).hidden,.js-compare-button span:not(.tit).hidden {
        visibility: hidden;
        opacity: 0;
        display: none !important
    }

    .js-compare-share.hidden,.js-compare-button.hidden {
        display: none !important
    }

    .js-compare-share img {
        max-width: 20px
    }

    .notify {
        position: absolute;
        width: 100%;
        bottom: 100%;
        padding: 5px;
        border-radius: 8px;
        box-shadow: 0 5px 10px -5px rgba(0,0,0,0.15),0 10px 10px -5px rgba(0,0,0,0.1);
        width: 200px;
        visibility: hidden;
        opacity: 0;
        transition: all 0.3s ease
    }

    .notify.active {
        visibility: visible;
        opacity: 1
    }

    .notify p {
        margin: 0
    }

    .notify .notify-title {
        font-size: 14px;
        line-height: 22px;
        font-weight: bold
    }

    .notify .notify-text {
        font-size: 12px;
        line-height: 18px
    }

    .notify.system {
        background-color: var(--toastSysBg)
    }

    .notify.system .notify-text,.notify.system .notify-title {
        color: var(--toastSysCl)
    }

    .notify.success {
        background-color: var(--toastSuccessBg)
    }

    .notify.success .notify-text,.notify.success .notify-title {
        color: var(--toastSuccessCl)
    }

    .notify.warning {
        background-color: var(--toastWarningBg)
    }

    .notify.warning .notify-text,.notify.warning .notify-title {
        color: var(--toastWarningCl)
    }

    .notify.error {
        background-color: var(--toastErrorBg)
    }

    .notify.error .notify-text,.notify.error .notify-title {
        color: var(--toastErrorCl)
    }

    .tab_link {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        max-width: 100%
    }

    .tab_link .js-tab-title {
        transition: all .15s ease;
        white-space: nowrap
    }

    .tab_link .js-tab-title.active,.tab_link .js-tab-title:hover {
        background: #fff;
        color: var(--mainColor);
        border-color: var(--mainColor) !important
    }

    .tab_link .js-tab-title img {
        max-width: 32px
    }

    .js-tab-content {
        display: none
    }

    .search-cate {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        max-width: 100%
    }

    .search-cate .active {
        background: #fff;
        color: var(--mainColor);
        border-color: var(--mainColor) !important
    }

    .label_tag {
        z-index: 9;
        bottom: 0;
        left: 0;
        font-size: 10px;
        line-height: 13px
    }

    .label_tag.label1 {
        background: linear-gradient(to right, #faab08, #d42611)
    }

    .label_tag.label2 {
        background: linear-gradient(to right, #e91f63, #db2663)
    }

    .label_tag.label3 {
        background: linear-gradient(to right, #3bacf0, #1b6dc1)
    }

    .label_tag.label4 {
        background: linear-gradient(to right, #3bacf0, #1b6dc1)
    }

    .label_tag.label5 {
        background: linear-gradient(to right, #ef3006, #c60004)
    }

    .product-item .sapo-product-reviews-badge .sapo-product-reviews-star i {
        font-size: 13px
    }

    .navigation-bottom .btn-cart small {
        color: #465461;
    }

    .product-block {
        margin: 5px 0 0;
        width: 100%;
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 11;
    }

    .functional-buttons .cart {
        -webkit-transition: all .2s;
        transition: all .2s;
        float: left;
    }

    .functional-buttons .cart .btn {
        border: none;
    }

    .functional-buttons .btn {
        height: 47px;
        width: 47px;
        padding: 0;
        background-color: #fff;
        font-size: 13px;
        color: #000;
        line-height: 45px;
        margin-right: 1px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
        border: none;
    }

    .ajax_addtocart {
        background: #fff;
        color: #000;
        font-size: 10px;
        font-weight: 300;
        text-transform: uppercase;
        border: 1px solid #fff;
        display: block;
        height: 32px;
        line-height: 30px;
        padding: 0 10px;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    .functional-buttons .btn .fa {
        display: inline-block;
        width: 100%;
    }

    .functional-buttons .btn span {
        font-size: 0px;
    }

    .functional-buttons .quickview {
        float: left;
    }

    .functional-buttons .view_detail {
        float: left;
    }

    .functional-buttons .view_detail .lnk_view {
        padding: 0;
        display: block;
        border-right: none;
    }

    .product_img_link:before {
        content: "";
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        background-color: #000;
        background-color: rgba(0,0,0,.3);
        zoom: 1;background-color: transparent \9;
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
        -webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94);
        transition: all .4s cubic-bezier(.25,.46,.45,.94);
        z-index: 10;
    }

    .functional-buttons {
        opacity: 0;
        filter: alpha(opacity=0);
        visibility: hidden;
        -webkit-transform: translateX(50px);
        -moz-transform: translateX(50px);
        -ms-transform: translateX(50px);
        -o-transform: translateX(50px);
        -webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
        transition: all .4s cubic-bezier(.25,.46,.45,.94) 0s;
    }

    .product-item:hover .functional-buttons {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }

    .product-item:hover .product_img_link:before {
        opacity: 1;
        filter: alpha(opacity=100);
        visibility: visible;
    }

    .functional-buttons.clearfix {
        position: absolute;
        left: 22%;
        top: 62%;
    }

    section#flash_sale {
        background: #37424c;
    }

    a.nothing {
        font-size: 11px;
    }

    .them-gio-hang .cart-btn {
        background-color: transparent;
        color: #fff;
        border: none;
        border-radius: 0;
        height: auto;
        padding: 4px 0;
        font-size: 13px;
        font-weight: bold;
        text-transform: uppercase;
        box-shadow: none;
        outline: none;
        -webkit-transition: -webkit-transform .15s ease;
        transition: transform .15s ease;
    }

    .them-gio-hang .cart-btn:hover,
    .them-gio-hang .cart-btn:focus,
    .them-gio-hang .cart-btn:active,
    .them-gio-hang .cart-btn:active:focus {
        background-color: transparent;
        color: #fff;
        text-decoration: none;
        box-shadow: none;
        outline: none;
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
    }

    .them-gio-hang .cart-btn i {
        margin-right: 5px;
    }

    .js-cart-link svg,
    .mew_mobi_bar a[href*="gio-hang"] svg {
        fill: var(--mainColor, #cea02e);
        -webkit-transition: fill .2s ease;
        transition: fill .2s ease;
    }

    .js-cart-link:hover svg,
    .mew_mobi_bar a[href*="gio-hang"]:hover svg {
        fill: var(--mainColor2, #ed592d);
    }

    .white-popup-block {
        background: #353530;
        padding: 20px 30px;
        text-align: left;
        max-width: 950px;
        margin: 40px auto;
        position: relative;
    }

    .quick-view-product .group-status {
        margin-bottom: 10px;
    }

    .quick-view-product .product-info .title-product {
        font-size: 24px;
        font-weight: bold;
    }

    .quick-view-product .group-status {
        margin-bottom: 10px;
    }

    .quick-view-product .group-status .first_status {
        display: inline-block;
        font-size: 14px;
    }

    .quick-view-product .group-status .line_tt {
        padding: 0 5px;
    }

    .quick-view-product .group-status .first_status {
        display: inline-block;
        font-size: 14px;
    }

    .quick-view-product .price-box {
        margin-bottom: 10px;
        display: block;
    }

    .quick-view-product .price-box .product-price {
        color: #ef1104;
        font-size: 28px;
        font-weight: bold;
    }

    .quick-view-product .price-box .old-price {
        color: #a5a5a5;
        font-size: 16px;
        margin-left: 5px;
    }

    .quick-view-product .form_product_content .soluong1 {
        font-size: 14px;
        align-items: center;
        display: grid !important;
        grid-gap: 10px;
        align-items: center;
    }

    .quick-view-product .form_product_content .soluong1 .input_number_product {
        width: 130px;
        margin-right: 10px;
        position: relative;
    }

    .quick-view-product .form_product_content .soluong1 .btn_num.num_1 {
        left: 0px;
        right: auto;
    }

    .quick-view-product .form_product_content .soluong1 .btn_num {
        border: none;
        width: 35px;
        position: absolute;
        right: 0;
        top: 0;
        text-align: center;
        height: 43px;
        line-height: 40px;
        cursor: pointer;
        background: initial;
        padding: initial;
    }

    .quick-view-product .form_product_content .soluong1 .prd_quantity {
        width: 100%;
        height: 43px;
        border: solid 1px #0a402b;
        text-align: center;
        padding: 0px 35px;
        border-radius: 5px;
        margin: 0px;
    }

    .quick-view-product .form_product_content .button_actions a {
        width: 100%;
        border: initial;
        /* height: 45px; */
        padding: 11px 20px;
        background: #cea02e;
        color: #000000;
        font-size: 16px;
        margin: auto;
        border-radius: 5px;
    }

    .functional-buttons .btn:hover {
        color: #fff;
        background-color: #3f3f3f;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    functional-buttons .btn:hover {
        color: #fff;
        background-color: #3f3f3f;
        -webkit-transition: all .3s ease 0s;
        transition: all .3s ease 0s;
    }

    footer {
         background-image: url(../images/pattern-01.png);
    }
}
/*=======  HEADER CSS  =======*/
header.header-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: transparent;
    top: 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .container.container-custom-one {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .container.container-custom-one {
        max-width: 100%;
    }
}

header .nav-container {
  position: relative;
}

header .nav-container .toggle {
    margin-right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .toggle {
        margin-right: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .toggle {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .toggle {
        display: none;
    }
}

@media (max-width: 767px) {
    header .nav-container .toggle {
        display: none;
    }
}

header .nav-container .toggle a {
    color: #fff;
    font-size: 24px;
    padding: 10px;
}

header.plus-three span.dd-trigger{
    display: none;
}

header .nav-container .site-logo img {
    max-width: 250px;
}
.site-logo.site-logo-text a{
  display: flex;
  align-items: center;
}
.site-logo.site-logo-text.primray a svg path{
  fill: #fcd462;
}
.site-logo.site-logo-text .site-logo-text{
  margin-left: 20px;
}
.site-logo.site-logo-text .site-logo-text h3,
.site-logo.site-logo-text .site-logo-text h6{
  color: #fcd462;
}
.site-logo.site-logo-text .site-logo-text h6{
  text-transform: uppercase;
  font-family: "Rubik", sans-serif;
  letter-spacing: 2px;
}

header.plus-three .nav-container{
    justify-content: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .site-logo img {
        max-width: 200px;
    }
}
@media (max-width: 991px){
    header.plus-three .nav-container{
        justify-content: space-between;
    }
    .site-logo.site-logo-text .site-logo-text{
      margin-left: 15px;
    }
    .site-logo.site-logo-text .site-logo-text h3{
      font-size: 24px;
    }
    .site-logo.site-logo-text .site-logo-text h6{
      font-size: 14px;
    }
}
@media (max-width: 575px) {
    header .nav-container .site-logo img {
        max-width: 180px;
    }
    .site-logo.site-logo-text .site-logo-text{
      margin-left: 10px;
    }
    .site-logo.site-logo-text .site-logo-text h3{
      font-size: 22px;
    }
    .site-logo.site-logo-text .site-logo-text h6{
      font-size: 12px;
    }
}

header .nav-container .site-logo .sticky-logo {
    display: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info {
        padding: 40px 20px 0;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info {
        padding: 40px 20px 0;
    }
}

header .nav-container .header-info .item {
    padding-left: 50px;
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info .item {
        color: #fff;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info .item {
        color: #fff;
    }
}

header .nav-container .header-info .item i {
    position: absolute;
    left: 0;
    top: 6px;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 4px;
    background: #f8d161;
    color: #353530;
    font-size: 14px;
}

header.sticky-active .nav-container .header-info .item i {
    background: #f8d161;
    color: #353530;
}

header .nav-container .header-info .item span {
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 4px;
}

header .nav-container .header-info .item a {
    display: block;
}

header .nav-container .header-info .item .title {
    font-size: 24px;
    font-weight: 400;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .nav-container .header-info .item .title {
        font-size: 20px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .header-info .item .title {
        font-size: 16px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info .item .title {
        color: #fff;
        font-size: 22px;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info .item .title {
        color: #fff;
        font-size: 22px;
    }
}

header .nav-container .header-info .item:not(:last-child) {
    margin-right: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 15px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    header .nav-container .header-info .item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 30px;
    }
}

header .nav-container .menu-items ul li {
    display: inline-block;
    position: relative;
}

header .nav-container .menu-items ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    text-transform: capitalize;
    line-height: 80px;
    padding: 0px 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    header .nav-container .menu-items ul li a {
        font-size: 14px;
        padding: 0 10px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .nav-container .menu-items ul li a {
        padding: 0 8px;
    }
}

header .nav-container .menu-items ul li .submenu {
    position: absolute;
    left: 0;
    top: 110%;
    width: 200px;
    background-color: #353530;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 99;
    height: auto;
}

header .nav-container .menu-items ul li .submenu li {
    display: block;
}

header .nav-container .menu-items ul li .submenu li a {
    display: block;
    padding: 8px 24px;
    position: relative;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    border-radius: 0;
    margin: 0 0;
    line-height: 30px !important;
    border-bottom: 1px solid rgb(117 117 117 / 70%);
    color: #a3a3a3;
}

header .nav-container .menu-items ul li .submenu li:last-child a {
    border-bottom: none;
}

header .nav-container .menu-items ul li .submenu li a.active {
    background-color: #fcd462;
    color: #fff !important;
    border-color: #fcd462;
}

header .nav-container .menu-items ul li .submenu li a:hover {
    background-color: #fcd462;
    color: #fff !important;
    border-color: #fcd462;
}

header .nav-container .menu-items ul li .submenu li .submenu {
    left: 100%;
    top: 50%;
}

header .nav-container .menu-items ul li .submenu li:hover .submenu {
    top: 0;
}

header .nav-container .menu-items ul li:hover>.submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

header .nav-container .menu-items ul li .dd-trigger {
    display: none;
}

header .nav-container .nav-pushed-item {
    display: none;
}

header .nav-container .navbar-toggler {
    border: none;
    background-color: transparent;
    cursor: pointer;
    display: none;
}

header .nav-container .navbar-toggler span {
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    display: block;
    height: 3px;
    margin-top: 5px;
    padding: 0;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    width: 30px;
    cursor: pointer;
    display: block;
}

header .nav-container .navbar-toggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 8px;
}

header .nav-container .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}

header .nav-container .navbar-toggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -8px;
}

header .nav-container .navbar-close {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 12;
    display: none;
}

header .nav-container .navbar-close .cross-wrap {
    width: 26px;
    height: 26px;
    cursor: pointer;
    position: relative;
}

header .nav-container .navbar-close .cross-wrap span {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 6px;
    background-color: #353530;
}

header .nav-container .navbar-close .cross-wrap span.top {
    top: 12px;
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

header .nav-container .navbar-close .cross-wrap span.bottom {
    bottom: 12px;
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

header .nav-container.breakpoint-on .nav-menu {
    background-color: #fcd462;
    position: fixed;
    top: 0;
    left: -300px;
    z-index: 9999;
    width: 300px;
    height: 100%;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    padding: 0;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    display: block;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 70px;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li {
    display: block;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li a {
    display: block;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff !important;
    line-height: 45px !important;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    visibility: visible;
    opacity: 1;
    display: none;
    -webkit-transition: none;
    transition: none;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a {
    color: #fff;
    padding: 0px 20px 0 40px;
    line-height: 45px !important;
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .submenu li a:hover {
    border-color: rgba(255, 255, 255, 0.5);
}

header .nav-container.breakpoint-on .nav-menu .menu-items ul li .dd-trigger {
    display: block;
    position: absolute;
    right: 0;
    height: 45px;
    width: 45px;
    top: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    z-index: 2;
    background: transparent;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
}

header .nav-container.breakpoint-on .nav-menu.menu-on {
    left: 0;
}

header .nav-container.breakpoint-on .nav-pushed-item,
header .nav-container.breakpoint-on .navbar-close,
header .nav-container.breakpoint-on .navbar-toggler {
    display: block;
}
header.header-two .site-logo{
  margin: 0 20px;
}
header.header-two .nav-container .toggle a,
header.header-two .nav-container .menu-items ul li a {
    color: #fff;
}

header.header-two .nav-container .navbar-toggler span {
    background-color: #353530;
}

header.header-two .header-info .item i {
    background: #fcd462;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-two .header-info .item i {
        background: #fff;
    }
}

@media (max-width: 767px) {
    header.header-two .header-info .item i {
        color: #fff;
    }
}

header.header-two .header-info .item a,
header.header-two .header-info .item,
header.header-two .header-info .item .title {
    color: #fff;
}

header.header-three {
    background-color: transparent;
    position: relative;
}

header.header-three.header-absolute {
    position: absolute;
    top: 0;
}

header.header-three .main-menu-area {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 99;
    height: auto;
    bottom: -60px;
}

@media (max-width: 399px) {
    header.header-three .main-menu-area {
        position: relative;
        bottom: 0;
        top: 0;
    }
}

header.header-three .main-menu-area.sticky-header.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 999;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
}

header.header-three .main-menu-area.sticky-header.sticky-active .nav-container {
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
}

header.header-three .main-menu-area.sticky-header.sticky-active .nav-container .menu-items ul li a {
    line-height: 100px;
}

header.header-three .header-top {
    padding-top: 15px;
    padding-bottom: 49px;
    font-family: "Roboto", sans-serif;
}

@media (max-width: 992px) {
    header.header-three .header-top{
        background-color: #1c1b19;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-three .header-top {
        padding-bottom: 60px;
    }
}

@media (max-width: 767px) {
    header.header-three .header-top {
        text-align: center;
        padding-bottom: 50px;
    }
}

@media (max-width: 399px) {
    header.header-three .header-top {
        display: none;
    }
}

header.header-three .header-top,
header.header-three .header-top a {
    color: #fff;
}

@media (max-width: 767px) {
    header.header-three .header-top ul.header-top-info {
        margin-top: 10px;
    }
}

header.header-three .header-top ul.header-top-info li {
    display: inline-block;
    margin-left: 15px;
}

@media (max-width: 575px) {
    header.header-three .header-top ul.header-top-info li {
        margin-left: 5px;
    }
}

header.header-three .header-top ul.header-top-info li i {
    margin-right: 10px;
    color: #fcd462;
}

header.header-three .nav-container {
    background-color: #353530;
    padding: 0 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header.header-three .nav-container {
        padding: 0 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-three .nav-container {
        padding: 10px;
    }
}

@media (max-width: 767px) {
    header.header-three .nav-container {
        padding: 10px;
    }
}

@media (max-width: 399px) {
    header.header-three .nav-container {
        padding: 10px 5px;
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    header.header-three .nav-container .site-logo img {
        max-width: 200px;
    }
}

@media (max-width: 399px) {
    header.header-three .nav-container .site-logo img {
        max-width: 150px;
    }
}

header.header-three .nav-container .menu-items ul li a {
    line-height: 120px;
}

header.header-three .nav-container .menu-items ul li .submenu li a {
    line-height: 30px;
}

header.header-three .nav-container .menu-right-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

header.header-three .nav-container .menu-right-buttons .toggle {
    margin-right: 0;
}

header.header-three .nav-container .menu-right-buttons .toggle.dropdown-btn {
    position: static;
}

header.header-three .nav-container .menu-right-buttons>div {
    margin-left: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header.header-three .nav-container .menu-right-buttons>div {
        margin-left: 5px;
    }
}

@media (max-width: 767px) {
    header.header-three .nav-container .menu-right-buttons>div {
        margin-left: 5px;
    }
}

header.header-three .nav-container .menu-right-buttons .navbar-toggler {
    border: 2px solid rgba(133, 133, 133, 0.2);
    padding: 15px;
}

@media (max-width: 575px) {
    header.header-three .nav-container .menu-right-buttons .navbar-toggler {
        padding: 5px 10px;
    }

    header.header-three .nav-container .menu-right-buttons .navbar-toggler span {
        width: 20px;
    }
}

header.header-three .nav-container .menu-right-buttons a {
    width: 65px;
    height: 65px;
    border: 2px solid rgba(133, 133, 133, 0.2);
    text-align: center;
    line-height: 65px;
    padding: 0;
    color: #fff;
}

@media (max-width: 575px) {
    header.header-three .nav-container .menu-right-buttons a {
        height: 40px;
        width: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}

header.header-three .nav-container .menu-right-buttons a:hover {
    background-color: #fcd462;
    color: #fff;
}

header.header-three .search {
    position: relative;
}

header.header-three .search .search-icon {
    position: relative;
    display: block;
}

header.header-three .search .search-icon .close-icon,
header.header-three .search .search-icon .open-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

header.header-three .search .search-icon .close-icon {
    visibility: hidden;
    opacity: 0;
}

header.header-three .search .search-icon.active .close-icon {
    visibility: visible;
    opacity: 1;
}

header.header-three .search .search-icon.active .open-icon {
    visibility: hidden;
    opacity: 0;
}

header.header-three .search .search-form {
    position: absolute;
    right: 0;
    width: 350px;
    display: none;
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    top: calc(100% + 27px);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.header-three .search .search-form {
        top: calc(100% + 17px);
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    header.header-three .search .search-form {
        top: calc(100% + 10px);
    }
}

@media (max-width: 575px) {
    header.header-three .search .search-form {
        top: calc(100% + 20px);
        width: 250px;
    }
}

@media (max-width: 399px) {
    header.header-three .search .search-form {
        right: -100%;
        top: calc(100% + 12px);
    }
}

header.header-three .search .search-form form {
    position: relative;
}

header.header-three .search .search-form form input {
    width: 100%;
    background-color: #353530;
    height: 60px;
    border: none;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
}

@media (max-width: 575px) {
    header.header-three .search .search-form form input {
        height: 50px;
    }
}

header.header-three .search .search-form form button {
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 1;
    background-color: #fcd462;
    font-size: 14px;
    color: #fff;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

header.header-three .search .search-form form button:hover {
    background-color: #fff;
    color: #1c1b19;
}

header.inner-page.header-absolute {
    background-color: #353530;
    top: 0;
}

.inner-page.sigma-header .sigma-main-menu>.menu-item>a{
    line-height: 130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.inner-page.header-absolute .nav-container {
        padding: 10px 0;
    }
}

@media (max-width: 767px) {
    header.inner-page.header-absolute .nav-container {
        padding: 10px 0;
    }
}

header.inner-page.header-absolute .nav-container .menu-items ul li a {
    line-height: 130px;
}

header.sticky-header.sticky-active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #353530;
    z-index: 999;
    -webkit-animation: sticky 1.2s;
    animation: sticky 1.2s;
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.04);
}

header.sticky-header.sticky-active .lr-topbar{
  display: none;
}

header.sticky-header.header-three.sticky-active{
  background-color: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    header.sticky-header.sticky-active .nav-container {
        padding: 10px 0;
    }

    header.sticky-header.sticky-active .nav-container .site-logo img {
        max-width: 200px;
    }
}

@media (max-width: 767px) {
    header.sticky-header.sticky-active .nav-container {
        padding: 10px 0;
    }
}

header.sticky-header.sticky-active .nav-container .menu-items ul li a {
    line-height: 100px;
}

header.sticky-header.sticky-active .nav-container .site-logo .main-logo {
    display: none;
}

header.sticky-header.sticky-active .nav-container .site-logo .sticky-logo {
    display: block;
}

header.sticky-header.sticky-active.header-two .nav-container .toggle a,
header.sticky-header.sticky-active.header-two .nav-container .menu-items ul li a {
    color: #fff;
}

header.sticky-header.sticky-active.header-two .nav-container .navbar-toggler span {
    background-color: #fff;
}

header.sticky-header.sticky-active.header-two .header-info .item a,
header.sticky-header.sticky-active.header-two .header-info .item,
header.sticky-header.sticky-active.header-two .header-info .item .title {
    color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

    header.sticky-header.sticky-active.header-two .header-info .item a,
    header.sticky-header.sticky-active.header-two .header-info .item,
    header.sticky-header.sticky-active.header-two .header-info .item .title {
        color: #fff;
    }
}

@media (max-width: 767px) {

    header.sticky-header.sticky-active.header-two .header-info .item a,
    header.sticky-header.sticky-active.header-two .header-info .item,
    header.sticky-header.sticky-active.header-two .header-info .item .title {
        color: #fff;
    }
}

/*=====sigma-header======*/
.sigma-header {
    position: relative;
}

.sigma-header .sigma-notification {
    background: #fcd462;
    color: #fff;
    width: 15px;
    height: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 10px;
    margin-right: 0;
    position: relative;
    top: -12px;
    left: 35px;
    margin-left: -20px;
}

.sigma-header .sigma-topbar-controls>li.dropdown-btn {
    position: static;
}

.sigma-header .dropdown-btn .cart-dropdown-menu {
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    padding: 15px;
    width: 350px;
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
    right: 0;
    left: auto;
    background-color: #353530;
}

.sigma-header .cart-dropdown-menu .cart-items-box {
    display: block;
    overflow-y: auto;
    height: 300px;
}

.sigma-header .cart-dropdown-menu div.cart-items-box {
    height: auto;
    padding-top: 15px;
    overflow: hidden;
}

.sigma-header .cart-dropdown-menu .cart-item {
    border-bottom: 1px solid #40403b;
    padding-bottom: 15px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .cart-dropdown-menu .cart-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.sigma-header .cart-dropdown-menu .cart-item span {
    font-weight: 600;
    color: #fff;
    font-family: "Prata", sans-serif;
    font-size: 14px;
}

.sigma-header .cart-dropdown-menu .cart-item.actions {
    justify-content: flex-start;
}

.sigma-header .cart-dropdown-menu .cart-item.actions button {
    margin-right: 5px;
    padding: 0 15px;
    line-height: 50px;
    height: 50px;
}

.sigma-header .cart-dropdown-menu .cart-item.actions button.btn-borderd {
    background-color: transparent;
    border-color: #40403b;
}

.sigma-header .cart-dropdown-menu .cart-item .img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.sigma-header .cart-dropdown-menu .cart-item .content {
    width: calc(100% - 90px);
}

.sigma-header .cart-dropdown-menu .cart-item .content h5 {
    font-size: 14px;
    margin-bottom: 5px;
    line-height: normal;
}
.sigma-header .cart-dropdown-menu .cart-item .content h5 a{
  font-size: inherit;
}

header.header-three.sigma-header .nav-container .menu-right-buttons .cart-dropdown-menu a {
    width: auto;
    height: auto;
    border: none;
    text-align: left;
    line-height: normal;
    color: inherit;
}

header.header-three.sigma-header .nav-container .menu-right-buttons .cart-dropdown-menu a:hover {
    background-color: transparent;
}

.sigma-header .cart-dropdown-menu .cart-item .content p {
    color: #fcd462;
    margin-bottom: 0;
}

/*=====sigma-navigation======*/


.sigma-header .sigma-main-menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sigma-header .sigma-main-menu>.menu-item {
    margin: 0px;
}

.sigma-header .sigma-main-menu>.menu-item>a {
    color: #f3d45f;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 18px;
    line-height: 93px;
    font-size: 18px;
    font-weight: 700;
    font-family:'Roboto Condensed';
}

@media only screen and (min-width: 991px) and (max-width: 1200px) {
    .sigma-header .sigma-main-menu>.menu-item>a {
        padding: 0 5px;
    }
}

@media(max-width:) {
    .sigma-header .sigma-main-menu>.menu-item>a {
        line-height: 100px;
    }
}

.sigma-header .sigma-main-menu>.menu-item:hover>a {
    color: #fcd462;
}

.sigma-header .sigma-main-menu>.menu-item>a>i {
    margin-right: 10px;
    font-size: 15px;
}

.sigma-header .sigma-main-menu .menu-item-has-children {
    position: relative;
}

.sigma-header .sigma-main-menu .menu-item-has-children .dd-trigger {
    display: none;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu {
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    background: #353530;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    width: 250px;
    z-index: 10;
    box-shadow: 0 0 50px 0 rgba(0,0,0,0.1);
}

.sigma-header .sigma-main-menu .menu-item-has-children:hover>.sub-menu{
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item>a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 24px;
    transition: all 0.3s ease-out 0s;
    font-weight: 600;
    text-transform: capitalize;
    font-size: 14px;
    color: #a3a3a3;
    line-height: 30px;
    background-color: #353530;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item:last-child>a {
    border-bottom: 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item:hover>a {
    background-color: #fcd462;
    color: #fff;
    border-color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>a:after {
    position: absolute;
    right: 20px;
    transform: rotate(-90deg);
    display: inline-block;
    margin-left: 0;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

.sigma-header .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu {
    left: 100%;
    top: -0%;
}

/*=====sigma-megamenu======*/
.sigma-header .menu-item-has-megamenu .tab-item{
  display: none;
}
.sigma-header .menu-item-has-megamenu .tab-item.active{
  display: block;
}
.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu {
    position: static;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu {
    width: 100%;
    padding: 0 15px;
    top: 120%;
    transition: all 0.3s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav {
    border-bottom: 0;
    border-right: 1px solid rgb(117 117 117 / 70%);
    padding: 30px 20px;
    display: block;
    padding-right: 0;
    height: 100%;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item {
    margin-bottom: 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item>.nav-link {
    border: none;
    background: #353530;
    color: #a3a3a3;
    font-weight: 500;
    padding: 10px;
    border-radius: 0;
    font-family: "Prata", sans-serif;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item>.nav-link>i {
    font-size: 18px;
    margin-right: 10px;
    width: 10px;
    text-align: center;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigm-megamenu-nav>.nav-item>.nav-link.active {
    border-right: 3px solid #fcd462;
    color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-img,
.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox {
    padding: 40px 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox .sigma-title {
    padding-bottom: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-navbox .sigma-title>a {
    font-size: 14px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu {
    position: relative;
    width: 100%;
    opacity: 1;
    visibility: visible;
    box-shadow: none;
    top: 0;
    display: none;
}
.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu:hover>.sub-menu .menu-item-has-children>.sub-menu{
  display: block;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu>.menu-item>a {
    padding: 3px 0;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .menu-item-has-children>.sub-menu>.menu-item:hover>a {
    background-color: transparent;
}
.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu:hover>.sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-image {
    text-align: center;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-megamenu-image span {
    color: #a3a3a3;
    margin-bottom: 10px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>img {
    margin-bottom: 10px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>p {
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 5px;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>a {
    font-size: 14px;
    color: #a3a3a3;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu .sigma-blog-block>a:hover {
    color: #fcd462;
}

.sigma-header .sigma-main-menu .menu-item-has-children.menu-item-has-megamenu>.sub-menu img {
    width: 100%;
}

/*=====sigma-Mobile header======*/
.sigma-mobile-header {
    display: none;
}

.sigma-mobile-header .sigma-mobile-header-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 10px;
}

.sigma-mobile-header .sigma-mobile-header-inner .site-logo {
    width: 200px;
}

.sigma-mobile-header .sigma-hamburger-menu {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border: 2px solid #40403b;
    justify-content: center;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn {
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn span {
    background: #fff;
    height: 2px;
    width: 25px;
    margin-bottom: 5px;
    display: block;
    transform: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn span:last-child {
    margin-bottom: 0;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active {
    position: relative;
    top: -4px;
    transition: 0.3s;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:first-child {
    transform: rotate(45deg);
    transition: 0.3s;
    position: relative;
    top: 7.4px;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:nth-child(2) {
    display: none;
}

.sigma-mobile-header .sigma-hamburger-menu .sigma-menu-btn.active span:last-child {
    transform: rotate(-45deg);
    transition: 0.3s;
}

/*=====Sigma Mobile Menu======*/
.sigma-mobile-menu {
    width: 300px;
    transform: translateX(-100%);
    position: fixed;
    top: 0;
    left: 0;
    background-color: #353530;
    height: 100vh;
    z-index: 10;
    transition: 0.3s all;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.sigma-mobile-menu.active {
    transform: translateX(0%);
}

.sigma-mobile-menu .sigma-main-menu {
    display: block;
    padding: 40px 0;
}

.sigma-mobile-menu .sigma-main-menu>.menu-item {
    width: 100%;
    margin: 0;
}

.sigma-mobile-menu .sigma-main-menu>.menu-item>a {
    justify-content: space-between;
    padding: 10px;
    line-height: normal!important;
}

.sigma-mobile-menu .sigma-main-menu>.menu-item.menu-item-has-children>a:after {
    display: inline-block;
    margin-left: 0;
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
}

.sigma-mobile-menu .sigma-main-menu .menu-item-has-children>.sub-menu {
    position: relative;
    top: 0;
    width: 100%;
    opacity: 1;
    visibility: visible;
    display: none;
}

.sigma-mobile-menu .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>a:after {
    position: relative;
    transform: none;
    right: -10px;
    font-size: 16px;
}

.sigma-mobile-menu .sigma-main-menu .menu-item-has-children>.sub-menu>li.menu-item-has-children>.sub-menu {
    left: 0;
}

.sigma-mobile-menu .sigma-main-menu .menu-item {
    position: relative;
    padding: 0 0px 0 6px;
}

.sigma-mobile-header {
    background-color: #353530;
}

@media (max-width: 991px) {

    header.header-three .main-menu-area,
    .sigma-header .sigma-header-nav {
        display: none;
    }

    .sigma-mobile-menu,
    .sigma-mobile-header {
        display: block;
    }

    header.header-three .header-top {
        padding-bottom: 10px;
    }
    header.header-two .site-logo{
      margin: 0;
    }
}

@media (max-width: 767px) {
    .sigma-header .sigma-logo {
        text-align: left;
    }
}

@media (max-width: 576px) {
    .sigma-header .sigma-topbar-controls.style-2>li {
        margin-left: 10px;
    }
    .lr-topbar-controls{
      display: none;
    }

}

ul, ol {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.border-gradient-gold {
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, rgb(206, 162, 47), rgb(229, 206, 84));
    border-style: solid;
    border-color: initial;
    border-width: 2px;
}
@media (min-width: 1600px){
    header .container-fluid.container-custom-three {
        padding-left: 65px;
        padding-right: 65px;
    }
}
.text-gold {
    background: -webkit-linear-gradient(#cea12e, #ecdb5e)!important;
    -webkit-background-clip: text!important;
    -webkit-text-fill-color: transparent!important;
}
.mew_mobile_slide {
    padding-top: 20px;
}
.item-info.mt-1.p-2 {
    background: #353530;
}
.section-title span.title-tag {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 3px;
    padding-bottom: 20px;
}
.section-title h2 {
    font-size: 2rem;
    line-height: 1.125;
    letter-spacing: -1px;
    font-family:'Roboto Condensed';
}
.restaurant-tab-area .restaurant-rood-list .nav-link {
    padding: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: #353530;
    text-align: center;
    display: block;
    padding: 35px 25px;
    margin-bottom: 30px;
}
.restaurant-tab-area .restaurant-rood-list .nav-link .title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-top: 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    color: #fff;
}
.restaurant-tab-area .restaurant-rood-list .nav-link.active, .restaurant-tab-area .restaurant-rood-list .nav-link:hover {
    background-color: #615535;
}
ul.breadcrumb.align-items-center.m-0.pl-0.pr-0.small.pt-2.pb-2 {
    background: #1c1b19;
}
.border-bottom {
    border-bottom: 1px solid #cea02e!important;
}
.product-item {
    background: #353530;
}
.mobile_search input[type="text"] {
    height: 28px;
    width: 100%;
    color: #dfaa10;
    padding: 0 10px;
    box-shadow: none;
    border: none;
    background: #fff0;
}
.mobile_search input[type="submit"] {
    background: url(../images/search-icon.png) no-repeat;
    background-size: 19px;
    background-position: center;
    height: 27px;
    width: 27px;
    cursor: pointer;
    text-indent: -9999px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}