@font-face {
    font-family: "BebasKai";
    src: url("/jakarta.faces.resource/fonts/BebasKai.eot.jsf");
    src: url("/jakarta.faces.resource/fonts/BebasKai.eot.jsf") format('embedded-opentype'),
        url("/jakarta.faces.resource/fonts/BebasKai.woff2.jsf") format('woff2'),
        url("/jakarta.faces.resource/fonts/BebasKai.woff.jsf") format('woff'),
        url("/jakarta.faces.resource/fonts/BebasKai.ttf.jsf") format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* vietnamese */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dancingscript/v16/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep8ltA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dancingscript/v16/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp8ltA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Dancing Script';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/dancingscript/v16/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup8.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body .ui-widget{
    font-family: 'Poppins', sans-serif !important;
}

.logo-container p {
    position: absolute;
    bottom: 0;
}

.logo-container p span{
    color: #6d864c;
}

.navbar-brand{
    padding: 0;
}

.theme-block {
    padding: 25px;
}

.cookie-notice-cont{
    position:fixed;
    bottom:0;
    text-align:center;
    width:100%;
    background-color:rgba(0,0,0,.85);
    z-index:10
}
.cookie-notice-cont p{
    color:#fff;
    padding: 20px;
    position:relative;
}
.cookie-notice-cont .btn-cont a{
    margin:3px;
}

.order-status{
    text-align:center;
    padding-top:100px
}
.theme-btn{
    font-size: 16px !important;
    color: #fff !important;
}

a.theme-btn,
a.nav-link,
a.dropdown-item,
body .ui-commandlink,
body .ui-link{
    text-decoration: none !important;
}

.heading-divider {
    margin-top: 15px;
    margin-bottom: 15px;
}

.logo.first{
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
}
.logo.second{
    color: #6d864c;
    font-size: 1.5rem;
    font-weight: bold;
}

.footer-logo .logo.first{
    color: #fff;
}

.footer-newsletter .subscribe-form .form-control{
    margin-bottom: 10px;
}


.ui-chkbox .ui-chkbox-box .ui-chkbox-icon{
    top: 25% !important;
}

.category-list-item:hover,
.category-list-item.active{
    background: #EEE;
}

.category-list-item a{
    color: #191F30;
}
.category-list-item a:hover,
.category-list-item.active a{
    color: #6d864c;
}

.single-item-rating {
    margin: 10px 0px 30px;
}

body .ui-button {
    background: #6d864c !important;
    color: #fff;
    border: 1px solid #6d864c !important;
}

.header-top-cart.fixed{
    position: fixed;
    right: 30px;
    color: #000;
    bottom: 85px;
    background: #6d864c;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    z-index: 1000;
}

.header-top-cart a span{
    background: #fff;
    color: #6d864c;
    width: 20px;
    height: 20px;
    line-height: 18px;
    display: block;
    border-radius: 50px;
    position: absolute;
    text-align: center;
    top: -5px;
    right: -10px;
    font-size: 12px;
    border: 1px solid #6d864c;
}

.attr-name{
    width: 150px;
    text-align: right;
    padding-right: 20px;
}

.attr-value{
    font-weight: bold;
    text-align: left;
}

.width100{
    width: 100% !important;
}

.required {
    color: red;
}

.preoptions{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.signature{
    color: #6d864c;
    font-family: 'Dancing Script';
    font-size: 3rem;
    margin-top: 30px;
}

.category-main-menu .sub-menu{
    padding-left: 15px;
}

.banner{
    width: 100%;
    border-radius: 20px;
    box-shadow: 0 0 20px #ccc;
}

.blog-item .ui-commandlink,
.category-list .ui-commandlink,
.recent-post-bio .ui-commandlink{
    color: #14212B;
}
.blog-details p{
    margin-bottom: 20px;
    text-align: justify;
}
.blog-details strong{
    color: #14212B;
}

.preoptions .options{
    display: flex;
    align-items: center;
    gap: 10px;
}
.blog-item{
    background-color: #fff;
}

.cart-price del {
    color: #7a8a9e;
    margin-right: 10px;
    font-weight: 500;
}
.cart-price{
    color: #6d864c;
}

.service-container {
    justify-content: center;
}

.mobile-only{
    display: none;
}
.desktop-only{
    display: block;
}

body .ui-growl .ui-growl-item-container.ui-growl-info{
    background-color: #F2FEF2;
    border: 1px solid #6d864c;
    color: #6d864c;
}
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image,
body .ui-growl .ui-growl-item-container.ui-growl-info .ui-icon{
    color: #6d864c;
}

body .ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image{
    display: none;
}

.ui-growl-message{
    text-align: center;
    width: auto !important;
    float: unset !important;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active{
    border-color: #6d864c;
    background: #6d864c;
}
.ui-radiobutton-box.ui-state-hover{
    border-color: #6d864c !important;
}

.mobile-menu-right {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.mobile-menu-right a {
    color: #000;
    font-size: 25px;
    top: -5px;
    position: relative;
}

.shop-tags a{
    background: #d4ecd5;
    color: #000000;
}
.shop-sidebar{
    background: #F2FEF2;
}

.more-info{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 100px;
    padding: 15px;
    color: #fff;
    background: #6d864c;
}

.more-info a{
    color: #fff;
}

.shop-cart thead tr {
    background: #6d864c !important;
    color: #fff;
}
.shop-cart thead tr th{
    background: transparent;
}
.shop-cart thead tr th .ui-column-title{
    font-weight: normal;
    color: #fff;
}

.tag{
    border: 2px solid #6d864c;
    border-radius: 10px;
    background-color: #eee;
    color: #6d864c;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    gap: 5px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 5px;
    font-size: 0.7rem !important;
}

.feature-area a{
    margin-bottom: 25px;
}

.categorySlogan{
    padding: 20px;
}

.advantages,
.howTo,
.curiosity{
    margin: 10px;
}
.advantages li{
    list-style: disc;
    padding: 5px;
}

body .ui-message.ui-message-info{
    background: #6d864c;
    color: #fff;
    border: 1px solid #F2FEF2;
}
body .ui-message.ui-message-info .ui-message-info-icon{
    color: #fff;
}

body .ui-message.ui-message-warn{
    background: #ffe800;
}

.hero-single{
    height: 600px;
}

@media all and (max-width: 991px) {
    .navbar{
        position: relative;
    }

    .more-info{
        gap: 0;
        padding: 5px;
    }
}

@media all and (max-width: 768px) {
    .teaserDialog{
        width: 80% !important;
    }
    .teaserDialog .video{
        padding: 5px;
        width: 50%;
        margin: 0 auto;
    }

    .hero-section{
        display: none;
    }
    .cart-coupon{
        display: block;
    }
    .preoptions{
        display: block;
        padding: 10px;
    }
    .preoptions .options{
        justify-content: space-between;
        margin-bottom: 10px;
    }
}

.top-message {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 10px;
    z-index: 1000;
    position: relative;
}

.sub-title{
    display: flex;
    font-size: 13px;
}

.sub-title .logo{
    font-size: 1rem;
}

.discount-service{
    right: 0;
    position: absolute;
    top: -35%;
}