body{overflow-x: hidden;}
img{width: 100%;}
.center{text-align: center;}
h1{font-size: 40px;}
h2{font-size: 32px;}
h3{font-size: 24px;}
p{font-size:18px;line-height: 1.7;}
h1,h2,h3{margin-bottom: 30px;}
h1,h2,h3,p,.color-d{color: #003F1E;}
a{text-decoration:none ;}
.small{font-size: 15px;}
.color-m{color: #5D9871;}
.color-s{color: #E7FFEF;}
.bgcolor{background-color: #E7FFEF;}
.flex{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.evenly{justify-content: space-evenly;}
.between{justify-content: space-between;}
.button{    background: #5D9871;
    color: #fff;
    padding: 10px 50px;
    font-size: 24px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    display: inline-block;
    transition: all 500ms;
}
.button:hover{background-color: #003F1E;color: #fff;}
.row{max-width: 1200px;width: calc(100% - 20px);margin: auto;}
.top50{margin-top: 50px;}
.top100{margin-top: 100px;}
.p100-50{padding-top: 100px;padding-bottom: 100px;}
.top100-50{padding-top: 100px;}
.revserwrap{flex-direction:row-reverse;}
.icon-social a{display: inline-block;margin: 15px;}
.icon-social img{width:40px;}
.mobileshow{display: none;}
.mobilehide{display: block;}

@media (max-width:991px){
    h1{font-size: 30px;}
    h2{font-size: 28px;}
    h3{font-size: 23px;}
    h1,h2,h3{margin-bottom: 20px;}
    p{font-size:16px;}

    .p100-50{padding-top: 50px;padding-bottom: 50px;}
    .top100-50{padding-top: 50px;}
    .revserwrap{flex-direction:row;}
    .mobileshow{display: block!important;}
    .mobilehide{display: none!important;}
    body{padding-top: 110px;}    
}

/***navbar***/
.navbar {
    display: flex;
    justify-content: space-between;    
    padding: 20px 100px;
    z-index: 2;
}
.navbar .navbar-brand img{width: 140px;}
.navbar-expand-lg .navbar-nav .nav-link{
    font-size: 20px;font-weight: 500;padding: 10px 20px;
    color: #000;margin: 0 5px;
}
.navbar-expand-lg .navbar-nav .icon .nav-link{padding:8px;margin: 0;}
.navbar .nav-item.icon img{width: 30px;}
.navbar .navbar-collapse{flex-grow: 0;}


@media (max-width:991px){
    .navbar .navbar-brand img{width: 80px;}
    .navbar {padding: 10px 50px;position: fixed;
        top: 0;left: 0;width: 100%;background: #ffffff;
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);       
    }
    .mtitle{font-size: 20px;}
    .navbar-expand-lg .navbar-nav .nav-link{text-align: center;}
    .navbar .nav-item.icon img {width: 40px;}
}
@media (max-width:500px){
    .navbar {padding: 10px 25px;}
}

/***home***/
.topbg{position: absolute;left: 0;top: 0;width: 100%;z-index:-3;}
.homebanner{    max-width: 650px;
    border: 5px solid #E7FFEF;
    border-radius: 50%;
    padding: 5px;}
.home-title {margin: 20px;}
.home-title h3{color: #5D9871;}
.home-title h2{font-size: 40px;}
.box3-slide .slick-slide{margin: 0 15px;}
/* .home-menu{justify-content: space-between;max-width: 1000px;}
.home-menu>.col-md-4{max-width: 300px;} */
.home-menu h2{margin-top: 30px;}

.backgroudimg{position: relative;}
.backgroudimg .bgimg{
    position: absolute;top: 0;left: 0;height: 100%;width: 100%;
    object-fit: cover;
    z-index:-3;
}
.backgroudimg:before{
    position: absolute;top: 0;left: 0;height: 100%;width: 100%;
    content: '';background-color: rgb(89 111 97 / 60%);
    z-index: -2;
}
.backgroudimg h3,.backgroudimg h1,.backgroudimg p{color: #fff;margin-bottom: 0;}
.backgroudimg h3,.backgroudimg h1{margin-bottom: 50px;}
.backgroudimg .row{padding:150px 0;}


.footinfo{position: relative;}
.footinfo .stamp1{width:450px;position: absolute;}
.footinfo .stamp1{left: -200px;top: -200px;}
.footinfo .stamp-r{
    bottom:50px;right:0px;
    width: 450px;height: 450px;
    overflow: hidden;position: absolute;}
.footinfo .stamp2{position: relative;right: -150px;object-fit: contain;}
.footinfo>.row{
    max-width: 1000px;
    border-radius: 20px;
    box-shadow: 0 0 20px rgb(0, 0,0,0.1);
    text-align: left;margin-bottom: 50px;
    overflow: hidden;
    width: calc(100% - 40px);
}
.footinfo>.row>img{width: 300px;padding: 0;object-fit: cover;}
.footinfo>.row>div{
    width: calc(100% - 300px);
    padding: 30px;
}

@media (max-width:991px){
    .topbg{top: 110px;}
    .homebanner{max-width: 90vw;margin-top: -50vw;}
    .home-menu{width: 100%;}
    .home-menu>div{padding: 0;}
    .footinfo .stamp1{width: 350px;top: -150px;}
    .footinfo .stamp-r{bottom: 0;width: 300px;height: 300px;}
    .footinfo .stamp2{right: -120px;}
    .footinfo>.row>img{width:100%;height: 60vw;}
    .footinfo>.row>div{width: 100%;padding: 20px;}
}


/***footer***/
.footer{background-color: #003F1E;padding-top: 50px;}
.footer>div:last-child p{margin: 0;padding: 20px;}
.footer p,.footer a{color: #fff;}
.footer .flex{justify-content: flex-start;}
.footer .flex p{margin-top: 20px;}
.footer .logo{width:120px;margin-right: 20px;}
.footer hr{border-top: 1px solid #fff;opacity: 1;width: 50px;}
.footer .row{align-items: center;}
.footer .row>div{width:28%;}
.footer .row>div.footbar{width:auto;}

.footbar{background-color: #fff;padding:20px 30px;border-radius: 10px;}
.footbar li{list-style: none;font-size: 20px;margin-bottom: 5px;}
.footbar li:last-child{margin-bottom: 0px;}
.footbar li a{color: #003F1E;}
.footbar .icon{display: flex;justify-content: center;}
.footbar .icon img{width: 30px;margin: 0 6px;}

@media (max-width:991px){
    .footer .flex{justify-content: center;}
    .footer .flex p{width: 100%;}
    .footer .row>div{width: 100%;text-align: center;margin-bottom: 50px;}
    .footer hr{margin-left: auto;margin-right: auto;}
    .footer .row>div.footbar{width: calc(100% - 20px);max-width: 280px;margin: 0 auto;}
}

/***about***/
.topbg-1{z-index: 1;height: 300px;}
.topbg-2{z-index: 1;height: 300px;position: relative;margin-top: -170px;}
.aboutbanner{margin-top: -100px;position: relative;}
.aboutbanner:before{
    position:absolute;content: '';
    top: 0;left: 0;width: 100%;height: 100%;
    background: linear-gradient(to right, rgba(74,61,58,0) 39%,rgba(89,73,69,0.4) 61%,rgba(102,83,79,0.6) 100%);
}
.about-title{
    position: absolute;
    top: 45%;right: 0;
    margin: 0 150px;
    transform: translate(0,-50%);
}
.about-title img{width: 130px;margin-bottom: 30px;}
.about-title h1{color: #fff;margin-bottom: 20px;}
.about-title h2{color: #fff;margin-bottom: 0;}

.about-icon img{
    padding:20px;box-shadow: 0 0 15px rgba(0,0,0,0.2);
    border-radius: 200px;margin: 10px 10px 30px;
    width: calc(100% - 20px);
}
.row.about-icon{width: 100%;max-width: 800px;}
.about-icon .slick-slider{padding: 0;}

@media (max-width:1300px){
    .topbg-1{height:250px;}
    .topbg-2{height:250px;margin-top: -150px;}
    .aboutbanner {margin-top: -80px;}
    .about-title{margin: 0 100px;}
}
@media (max-width:991px){
    .topbg-1 {height:100px;margin-top: -30px;}
    .topbg-2{height:100px;margin-top: -60px;}
    .aboutbanner {margin-top: 0px;}
    .about-title{
        right: 50%;transform: translate(50%,-50%);
        margin: 0;    top:50%;width: 100%;
    }
    .aboutbanner:before{background: rgba(89,73,69,0.3) ;}
    .aboutbanner>img{min-height:500px;object-fit: cover;}
}


/***contact***/
.bannerimg{margin:-80px 0 -35px;max-height: 900px;
    object-fit: cover;}
.contact-box{position: relative;}
.contact-box .bgcolor{padding:50px 20px;}
.contact-box p{margin-bottom: 5px;}
.contact-box .stamp1{
    position: absolute;left: -200px;top: 0;
    width: 600px;transform: rotate(-90deg);
}
.contact-box .stamp-r{position: absolute;right:0px;top: 0;overflow: hidden; }
.contact-box .stamp2{width:600px;margin-right:-200px ;}

@media (max-width:1200px) {
    .contact-box .stamp1{left: -300px;}
    .contact-box .stamp2{margin-right: -300px;}
}
@media (max-width:991px) {
    .contact-box .stamp1{left: -23vw;width:53vw;top: -20vw;}
    .contact-box .stamp-r{top:unset;bottom: 140px;
        transform: translate(0px, 50%);}
    .contact-box .stamp2{width:50vw;margin-right: -18vw;}
}


/***menu***/
.topmenu {position: relative;}
.topmenu .bgcolor{position: absolute;
    left: 0;width: 100%;
    top: 325px;height: 300px;
    z-index: -1;
    transform: translate(0px, -50%);
}
.topmenu .flex {align-items: flex-start;position: relative;}
.topmenu .top {width:400px;margin-top: 100px;margin-bottom: 50px;}
.topmenu .top img{
    border-radius: 500px;border: 7px solid #5D9871;
    width: 450px;height: auto;object-fit: cover;
    margin-left: -25px;
    margin-right: -25px;
}
.topmenu .top>div{
    margin-top: 80px;
    padding: 20px 30px;
    position: relative;
}
.topmenu .top>div:before{
    position: absolute;
    content: '';
    right: -1px;
    width: 2px;
    background: #5D9871;
    top: 0;height: 100%;
}
.topmenu .top:last-child>div:before{display: none;}
.topmenu .top>div p{text-align: left;}

.topmenu .top1>div{margin-top: 30px;}
.topmenu .top1{z-index: 1;margin-top: 50px;}
.topmenu .top1 img{
    width: 550px;height: auto;
    margin-left: -75px;
    margin-right: -75px;
}

@media (max-width:1400px){
    .topmenu .bgcolor{top: calc(15vw + 100px);height:calc(30vw - 100px) ;}
    .topmenu .top {width:calc(30vw - 10px);}
    .topmenu .top img{width: 30vw;}
    .topmenu .top1 img{width: calc(30vw + 100px);}
}
@media (max-width:767px){
    .topmenu .bgcolor{top:-28px;
        height:calc(100% + 184px);
        transform: none;
    }    
    .topmenu .top>div{margin-top: 20px;padding-bottom: 0;}
    .topmenu .top img,.topmenu .top1 img{
        width: calc(100% - 100px);
        max-width: 500px;
        margin: 0;
    }
    .topmenu .top {width:100%;margin-bottom: 0;margin-top: 50px;}
    .topmenu .top>div:before{display: none;}
}


.menu-bento>.flex{
    position: relative;
    align-items: flex-start;justify-content: space-between;
    margin-top: 100px;
}
.menu>div{margin-bottom: 50px;}
.menu h3,.menu h2{margin-bottom: 10px;}
.flex.bottom{align-items: flex-end;}
.menu-bento>.flex.bottom{margin-top: 0}
.menu-bento>.flex .menu{width: 50%;padding:0 100px;}
.menu-bento .stamp-l,.menu-bento .stamp-r{width: 50%;overflow: hidden;}
.menu-bento .stamp-l{margin-top:-15vw;}
.menu-bento .stamp-r{margin-bottom:-3vw;margin-top: -30vw;}
.menu-bento .stamp-l img{margin-left: -30%;width:130%;}
.menu-bento .stamp-r img{margin-right: -30%;width:130%;}

@media (max-width:1460px){
    .menu-bento .stamp-r{margin-bottom:0vw;margin-top: -20vw;}
}
@media (max-width:1200px){
    .menu-bento>.flex .menu {padding: 0 50px;}
}
@media (max-width:991px){
    .menu-bento>.flex .menu{width:55%;padding: 0 40px;}
    .menu-bento .stamp-l,.menu-bento .stamp-r{width: 45%;}
}
@media (max-width:767px){
    .menu-bento .stamp-l, .menu-bento .stamp-r{
        width: 30vw;position:absolute;}
    .menu-bento .stamp-l{          
        left: 0; top: calc(-15vw - 100px);
    }
    .menu-bento .stamp-r{ 
        right: 0; bottom:calc(-15vw - 70px);
    }
    .menu-bento>.flex .menu{width: 100%;}
    .menu-bento.bgcolor,.menu-drink.bgcolor{background: #fff;}    
}

.menu-salad.bgcolor{background: white;}
.menu-drink>.flex,.menu-salad>.flex{
    width:calc(100% - 200px);max-width: 1200px;margin: auto;
}
.menu-drink>.flex img,.menu-salad>.flex img{
    width:45%;border-radius: 20px;
}
.menu-drink .flex .menu,.menu-salad .flex .menu{
    width:50%;padding: 0 20px;
}

.menu-salad .add{
    max-width: 1100px;margin-left: auto;margin-right: auto;
    width: calc(100% - 200px);
}
.menu-salad .add>div:not(.button){
    display: flex;flex-wrap: wrap;
    background: #E7FFEF;border: 5px solid #5D9871;
    border-radius: 25px;padding:50px 20px 30px;
    margin-top: -30px;
}
.menu-salad .add h2,.menu-salad .add h3{margin: 0;}
.menu-salad .add .flex{width:200px;margin: 10px 30px;}

.menu-drink>.flex.bottom{margin-top:-30px;}
.menu-drink>.flex.bottom img{height: 380px;object-fit: cover;}

@media (max-width:1200px){
    .menu-drink>.flex,.menu-salad>.flex{width:calc(100% - 100px);}
    .menu-salad>.flex.bottom{margin-top: 50px;}
}
@media (max-width:800px){
    .menu-salad .add{width:calc(100% - 80px);}
}
@media (max-width:991px){
    .menu-drink>.flex,.menu-salad>.flex{width:calc(100% - 80px);}
    .menu-drink>.flex .menu,.menu-salad .flex .menu{padding: 0;}
    .menu-drink>.flex.bottom{margin-top:50px;align-items:flex-start;}
    .menu-drink>.flex.bottom img{height: 330px;}
    .menu-drink>.flex .menu>div:last-child{margin:0px;}
}
@media (max-width:767px){
    .menu-drink>.flex,.menu-salad>.flex{width:calc(100% - 40px);}
    .menu-drink>.flex img,.menu-salad>.flex img{width:100%;margin-bottom: 30px;}
    .menu-drink>.flex .menu,.menu-salad .flex .menu{width: 100%;padding:0 10px;}
    .menu-salad.bgcolor{background: #E7FFEF;}
    .menu-drink>.flex.bottom,.menu-salad>.flex.bottom {margin-top: 0px;}
    .menu-salad .add>div:not(.button){background: #fff;padding: 35px 20px 10px;}
    .menu-salad .add{margin-top:20px;padding-bottom: 50px;}
    .menu-salad .add .flex{margin: 10px;width:100%;}
    .menu-drink>.flex.bottom img{height: 65vw;}
    .menu-drink>.flex .menu>div:last-child{margin-bottom:50px;}
}