/* @import url(../font/NewYorkLarge-Regular.otf); */
@import url('https://fonts.googleapis.com/css2?family=Niramit&display=swap');

@font-face {
    font-family: Archivo-Bold;
    src: url(../font/Archivo-Bold.ttf);
}
@font-face {
    font-family: NewYorkLarge;
    src: url(../font/NewYorkLarge-Regular.otf);
}
@font-face {
    font-family: NewYorkLight;
    src: url(../font/NewYork.otf);
}
@font-face {
    font-family: Roboto;
    src: url(../font/Roboto-Thin.ttf);
}

@font-face {
    font-family: RobotoBold;
    src: url(../font/Roboto-Bold.ttf);
}

@font-face {
    font-family: RobotoLight;
    src: url(../font/Roboto-Light.ttf);
}

@font-face {
    font-family: DinLight;
    src: url(../font/DIN-Light.ttf);
}

@font-face {
    font-family: DinBold;
    src: url(../font/DIN-Bold.ttf);
}

@font-face {
    font-family: BeautyDemo;
    src: url(../font/BeautyDemo.ttf);
    src: url(data:application/x-font-woff;base64,...);
}

.beauty{
    font-family: 'BeautyDemo', 'Niramit';
}

.din-bold{
    font-family: 'DinBold', 'Niramit';
}

.din-light{
    font-family: 'DinLight', 'Niramit';
}

.roboto{
    font-family: 'Roboto', 'Niramit';
}

.roboto-light{
    font-family: 'RobotoLight', 'Niramit';
}

.roboto-bold{
    font-family: 'RobotoBold', 'Niramit';
}

.newyork{
    font-family: 'NewYorkLarge', 'Niramit';
}

.product_details span , .product_details p{
    font-family: 'Roboto', 'Niramit' !important;
}

.checkout-from label{
    font-family: 'Roboto', 'Niramit' !important;
}

.blog-content-details span{
    font-family: 'Roboto', 'Niramit' !important;
}

.story-blog-details{
    color: white !important;
    font-family: 'Roboto', 'Niramit' !important;
    text-align: -webkit-auto;
    font-weight: 600;
    line-height: 27px;
}


.blog-details{
    color: white !important;
    font-family: 'Roboto', 'Niramit' !important;
    text-align: -webkit-auto;
    font-weight: 600;
}

.darkgray{
    color: #272724;
}

.letter-space-3{
    letter-spacing: 3px;
}

.letter-space-1{
    letter-spacing: 1px;
}


.container{
    padding: 0;
}


body{
    /* background: #fff; */
    background: #e8e8e8;
}

.header{
    padding: 25px 0px 5px 0px;
    background: white;
    position: relative;
    border-bottom: 2px solid #ccc;
}

/* .header-bb-2{
    border-bottom: 2px solid #ccc !important;
} */

.header .logo{
    position: absolute;
    width: 144px;
    left: 0px;
    top: 20px;
}

.hr-dark{
    background: #272724;
    width: 100%;
    height: 4px;
}
.hr-dark-light{
    background: #272724;
    width: 100%;
    height: 1px;
}



.text-darkgray{
    color: #272724 !important;
}

.social-link{
    color: #272724;
}

.lang-link{
    color: #CAC9C9;
    font-size: 18px;
    font-style: italic;
}

.lang-link.active{
    color: #272724;
   
}

.item-product .gr{
    font-family: 'NewYorkLarge', 'Niramit';
}

.header-nav{
    list-style: none;
    padding-left: 0;
    font-family: 'NewYorkLarge', 'Niramit';
    margin-bottom: 5px;
    display: flex;
}

.header-nav li a{
    color: #272724 !important;
}

.header-nav li {
    padding: 3px 18px;
    border-right: 1px solid #272724;
}

.header-nav li.active{
    border-right: 4px solid #CE0E2D;
}

.header-nav li.active a{
    color: #ce0e2d !important;
}

li[data-target="#carouselSlideIndex"]{
    width: 13px;
    height: 13px;
    border-radius: 50%;
}

a[href="#carouselSlideIndex"] i{
    font-size: 50px;
}

.t-red{
    color:#CE0E2D;
}
.newyork-light{
    font-family: 'NewYorkLight', 'Niramit';
}

.text-art-concept{
    color: #272724;
    font-family: 'NewYorkLight', 'Niramit';
    transform: rotate(-90deg);
}

.text-header{
    border-bottom: 1px solid;
    padding-bottom: 8px;
    padding-right: 20px;
    border-right: 1px solid;
    border-radius: 25px;
    border-bottom-left-radius: 0;
    color: #272724;
    font-family: 'Archivo-Bold', 'Niramit';
}

.read-more{
    color: #272724;
    padding: 5px 15px;
    border: 1px solid #272724;
    border-radius: 50px;
    font-family: 'NewYorkLight', 'Niramit';
    transition: 0.2s;
}

.back{
    color: #272724;
    font-family: 'NewYorkLight', 'Niramit';
    transition: 0.2s;
}

.back:hover{
    color: #272724;
}

.read-more:hover{
    background-color: #272724;
    text-decoration: none;
    color: white;
}

.read-more:hover img{
    filter: brightness(0) invert(1);
}

.our-compony-content{
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
    
}
.c898474{
    background-color: #898474;
}
.CAC9C9{
    background-color: #CAC9C9;
}
.AC8C78{
    background-color: #AC8C78;
}
.B8A392{
    background-color: #B8A392;
}

.F2F0ED{
    background-color: #F2F0ED;
}

.h0{
    font-size: 50px;
}

.bb-3{
    border-bottom: 3px solid #272724;;
}

.catalog{
    padding: 10px 0;
    border-top: 1px solid #272724;
    border-bottom: 1px solid #272724;
}

.black-hr{
    width: 100%;
    background-color: #272724;
    height: 2px;
    margin: 1rem 0;
}

.blog-readmore{
    color: white;
    font-family: 'NewYorkLarge', 'Niramit';
    /* letter-spacing: 4px; */
}

.blog-readmore:hover{
    color: white;
    text-decoration: none;
}

.blog-content {
    padding: 15px;
    padding-bottom: 30px;
}

.blog-date{
    margin-bottom: 0;
    text-align: end;
    color: white;
    font-size: 13px;
    padding-bottom: 15px;
    border-bottom: 1px solid;
}

.blog-title{
    /* font-size: 26px; */
    height: 55px;
    padding-bottom: 20px;
}


.product-hilight , .blog , .vedio{
    border-bottom: 1px solid #ccc;
}

.product-item{
    padding: 25px 15px;
    margin: 0px 13px;
    max-width: 250px !important;
    position: relative;
    right: 50px;
    box-shadow: 0 0 7px rgb(36, 36, 36);
    height: 512px !important;
}

.p-darkgray{
    color: #575757;
}

#item-cart{
    color: white;
    background-color: #272740;
    border-radius: 50px;
    padding: 0px 6px;
    font-size: 12px;
    position: absolute;
    bottom: -3px;
    right: -11px;
}

.hover:hover{
    cursor: pointer;
}

.content-image{
    width: 100%;
    height: 174px;
    background-position: center;
    background-size: cover;
}

.blog-bg{
    width: 100%;
    height: 303px;
    background-position: center;
    background-size: cover; 
}


.sub-expertise-content{
    font-weight: 600;
}

.img-content-inside{
    width: 500px;
    float: left;
    margin-right:25px ;
}

.sub-expertise-content h6 span{
    color: #fff !important;
}

.expertise-sub-bg{
    width: 100%;
    height: 164px;
    background-position: center;
    background-size: cover; 
}

.slide-down{
    /* transform: rotate(90deg); */
}

.page_products .product-item{
    right: 0;
}

.product-code {
    color: white;
    margin-top: 5px;
    font-size: 25px;
}

.product-simple {
    color: #272724;
    font-size: 16px;
    min-height: 130px;
    margin-top: 10px;
}

.price-discount{
    color: white;
    text-decoration-line: line-through;
    text-decoration-color: #d70707;
    font-weight: 600;
    font-size: 15px;
}

.price{
    font-weight: 600;
    font-family: 'RobotoBold', 'Niramit' !important;
}

.contact-from{
    font-family: 'Roboto', 'Niramit' !important;
}

.play-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.vedio-tm{
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 270px;
}

.vedio-play:hover{
    cursor: pointer;
}


.vedio-title p{
    /* position: absolute;
    right: 0;
    bottom: 0; */
    color: #8D8E8E;
}

.hr-2{
    background-color: black;
    width: 100%;
    height: 3px;
    margin: 10px 0;
}

.setpositon{
    position: relative;
    text-align: center;
}

.testimonals-item{
    box-shadow: 5px 5px 5px rgb(193 191 191);
    background-color: white;
    padding: 40px;
    width: 440px;
    position: absolute;
    transition: 0.3s;
}

.testimonals-item .details{
    color: #8D8E8E;
    line-height: 30px;
    position: relative;
    text-align: center;
    padding: 0px 20px;
    font-size: 14px;
}

.testimonals-slide{
    position: relative;
    height: 300px;
    
}

.bl-1{
    border-bottom: 1px solid #ccc;
}

.testimonals-item.active{
    background-color: #AC8C78;
    font-size: 17px;
}

.testimonals-item.active .details{
    color: #fff;
}

.ng-x{
    position: absolute;
}

.ng-x.top{
    left: -5%;
}
.ng-x.bottom{
    right: 0%;
}



.testimonals-item.active{
    position: absolute;
    left: 50%;
    top: 34%;
    transform: translate(-50%, -50%);
    z-index: 3;
    width: 500px;
    
}

.testimonals-item.active .details{
    font-size: 17px;
}

.testimonals-item.first{
    left: -5%;
}

.testimonals-item.thrid{
    right: -5%;
}

.people{
    position: absolute;
    left: 50%;
    bottom: -69%;
    transform: translate(-50%, -50%);
}

.people img{
    width: 60px;
}

.contact-you h5{
    line-height: 35px;
}

.contact-from{
    background: #F2F0ED;
    padding: 30px;
}

.contact-from h4{
    font-weight: 600;
}

.contact-from input{
    border-radius: 30px;
    border: 1px solid #747474;
    padding: 10px;
    width: 100%;
}

.contact-from button{
    color: #CE0E2D;
    padding: 4px 15px;
    border-radius: 30px;
    border:2px solid;
    font-size: 20px;
    background-color: #f2f0ed;
}

.mini-footer{
    background-color: #CE0E2D;
    padding: 10px;
    text-align: center;
    color: white;
}

.main-footer{
    background: #F2F0ED;
    padding-top: 30px;
    padding-bottom: 15px;
}

.un-line{
   border-bottom: 1px solid;
}

.br-1{
    border-right: 1px solid;
}

.d-grid{
    display: grid;
}

.best_seller{
    position: absolute;
    top: -8px;
    right: 5px;
    width: 60px;
}

.active_sell{
    position: absolute;
    top: -8px;
    right: 5px;
    width: 45px;
}

.coffee_search input{
    width: 90%;
    padding: 5px 15px;
    border: 1px solid #272724;
    font-family: 'NewYorkLight', 'Niramit';
    border-right: 0px;
    border-radius: 50px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.coffee_search  .input-group-text {
    background-color: transparent;
    border-radius: 50px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: 1px solid #272724;
    border-left: 0;
}

.item-product{
    padding: 15px;
}

.product-name{
    height: 48px;
    overflow: hidden;
}

.corp-img{
    border-bottom: 2px solid #272725;
    height: 300px;
    width: 100%;
    background-position: center;
    background-size: contain;
    margin-bottom: 5px;
    background-repeat: no-repeat;
}
.item-product .name{
    color: #272725;
    letter-spacing: 1px;
}
 .item-product .gr{
    color: #9E9E9E;
    height: 55px;
}

.item-product .price{
    color: #212529;
}

.blog-silde .blog-content{
    position: relative;
    width: 300px;
}

.arrow-right.home{
    right: -4%;
}

.arrow-left.home{
    left: -4%;
}


.arrow-right{
    right: 1%;
}

.arrow-left{
    left: 1%;
}

.arrow-slide{
    position: absolute;
    z-index: 2;
    
    top: 44%;
}

.arrow-left-slide img{
    width: 30px;
}

.arrow-left-slide{
    position: absolute;
    z-index: 2;
    right: -2%;
    top: 44%;
}

.arrow-left-slide:hover{
    cursor: pointer;
    z-index: 2;
}

.hr-white{
    background-color: #ccc;
    width: 100%;
    height: 1px;
    margin: 10px 0;
}

.slide-play{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 73px;
}

.vedio-slide .vedio-item{
    /* width: auto !important;  */
    margin: 0 15px;
}

.vedio-arrow{
    position: absolute;
    top: 40%;
    transform: translate(-50%, -50%);
    width: 30px;
}

.vedio-arrow:hover{
    cursor: pointer;
}

.vedio-arrow.left{
    left: 0%;
}

.vedio-arrow.right{
    right: -3%;
}

.manage_team{
    position: relative;
    background-color: #CAC9C9;
    padding: 20px 135px;
    
}

.manage_header{
    position: relative;
}
.manage_header::after{
    content: "";
    background-color: #d70707;
    width: 35%;
    height: 3px;
    position: absolute;
    z-index: 1;
    top: 140%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#productCategorySearch{
    border-radius: 50px;
}

.ourshop li{
    margin: 0 5px;
}

.ourshop li .page-link{
    border-radius: 50px !important;
    width: 40px;
    height: 40px;
    padding: 0.5rem 0.9rem;
    color: #1b1b1b;
}

.hilight-product-image{
    height: 220px;
    background-size: cover;
    background-position: center;
}

.addcart{
    width: 30px;
    border-radius: 50px;
    padding: 3px;
    transition: 0.3s;
    text-align: center;
    color: #272724;
}

.addcart:hover{
    background-color: #272724;
    color: white;
}

.item-product .name{
    height: 37px;
    overflow: hidden;
}

.text-gray{
    color: rgb(126, 126, 126);
}

.text-darkred{
    color: #ce0e2d;
}

#quantity{
    border-radius: 0;
}

.buynow{
    color: #CE0E2D;
    padding: 5px 15px;
    border: 1px solid;
    border-radius: 50px;
    font-family: 'NewYorkLight', 'Niramit';
    transition: 0.3s;
    border:1px solid #CE0E2D;
    background-color: #fff;
    width: 150;
}

.buynow:hover{
    background-color: #CE0E2D;
    color: white;
}
.border-1{
    border: 1px solid #ccc;
}

.cart-input-quantity{
    width: 100%;
}

.cart-input-quantity span{
    font-size: 13px;
}


.cart-input-quantity .negative span{
    border-right: 0;
    background-color: white;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 5px;
}

.cart-input-quantity .plus span{
    border-left: 0;
    background-color: white;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding: 5px;
}

.cart-input-quantity input{
    border-left: 0;
    border-right: 0;
    text-align: center;
    font-size: 13px;
}

.checkout-from {
    background: #F2F0ED;
    padding: 10px;
}

.checkout-from input , .checkout-from textarea{
    border-radius: 50px;
    border: 1px solid  ;
    width: 100%;
    padding: 5px 5px;
    font-size: 14px;
    transition: 0.2s;
}
    
.checkout-from button{
    color: #CE0E2D;
    padding: 4px 15px;
    border-radius: 30px;
    border:2px solid;
    font-size: 16px;
    transition: 0.2s;
    background-color: #f2f0ed;
}

.checkout-from input:focus , .checkout-from textarea:focus , .contact-from input:focus , .contact-from textarea:focus {
    outline: none;
    border:1px solid #CE0E2D;
}

.checkout-from button:hover{
    background-color: #CE0E2D;
    color: white;
    border:2px solid #CE0E2D;
}

#checkoutModal .modal-content{
    border-radius: 0px;
    border: 0;
}
.close-page{
    border: 1px solid #CE0E2D;
    padding: 3px 10px;
    background-color: white;
    transition: 0.2s;
    color: #CE0E2D;
    float: right;
    margin-top: -52px;
    border-radius: 50px;
}

.close-page:hover{
    background-color: #CE0E2D;
    color: #fff;
    text-decoration: none;
}

.close-page-alert{
    border: 1px solid #CE0E2D;
    padding: 1px 8px;
    background-color: white;
    transition: 0.2s;
    color: #CE0E2D;
    border-radius: 50px;
}

.close-page-alert:hover{
    background-color: #CE0E2D;
    color: #fff;
    text-decoration: none;
}


.px-md-5{

}
.sm-d-block{
    display: none !important;
}
.nav-overlay{
    background: rgba(0, 0, 0, 0.11);
    z-index: 2;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.mobile-nav{
    display: none;
}
@media only screen and (max-width: 990px) {

    .blog-silde .blog-content{
        margin: 1px;
    }
    .slick-dots{
        display: none !important;
    }
    .sm-h6{
        font-size: 1rem;
    }
    .sm-h5{
        font-size: 1.25rem;
    }
    .sm-h4{
        font-size: 1.50rem;
    }
    .sm-h3{
        font-size: 1.75rem;
    }
    .sm-h2{
        font-size: 2rem;
    }
    .sm-h1{
        font-size: 2.25rem;
    }
    .px-sm-5{
        padding-left: 5rem;
        padding-right: 5rem;
    }
    .px-sm-4{
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .px-sm-3{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .px-sm-2{
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .px-sm-1{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .mt-xs-4{
        margin-top: 2rem;
    }
    
   .sm-d-none{
       display: none;
   }
   .corp-img{
       height: 190px;
   }
   .sm-h5{
       font-size: 18px;
   }
   .arrow-slide img{
    opacity: 0.4;
    transition: 0.2s;
   }
   .arrow-slide:hover img{
    opacity: 1;
   }
   .arrow-left{
    left: -2%;
   }
   .arrow-right{
    right: -1%;
   }
   .mobile-nav{
        position: fixed;
        top: 0;
        width: 50%;
        height: 100%;
        background: #fff;
        left: -500px;
        transition: 0.2s;
        z-index: 3;
    }
    .px-sm-5{
        padding-left: 3rem;
        padding-right: 3rem;
    }
    .mobile-nav li a{
       color: #272724;
       font-family: 'NewYorkLight', 'Niramit';
    }
    .coffee_search{
        flex-wrap: nowrap;
    }
    .mobile-nav li{
        margin-bottom: 15px;
     }

    .mobile-nav li.active a{
        color: #ce0e2d;
        font-weight: 600;
    }
   .header{
       border: 0;
   }
   .sm-pt-3{
       padding-top: 15px;
   }
   .header .logo{
       width: 90px;
   }
   .hilight-product-image{
        height: 130px;
   }
   .arrow-left.home{
    left: -1%;
   }
   .arrow-right.home{
    right: -4%;
   }
   .cart-product-name{
       font-size: 14px;
   }
   .px-sm-2{
       padding: 0px 20px;
   }
   .sm-d-block{
       display: flex !important;
   }
   .mobile-nav{
       display: inline-block;
   }
   .blog-title{
    font-size: 14px;
   }
   .content-image{
       height: 90px;
   }
   .vedio-tm{
       height: 100px;
   }
   .vedio-title h4{
       font-size: 16px;
       width: 100%;
   }
   .vedio-title span{
        font-size: 12px;
   }
   .text-header{
       font-size: 19px;
   }
   .main-footer{
    padding-left: 10px;
    padding-right: 10px;
   }
   .sm-b-0{
       border: 0;
   }
   /* .product-item{
    width: 250px !important;
   } */
}