@charset "utf-8";
/* CSS Document */

/*====================================
RESET
====================================*/
.site-header.sticky img {max-width:110px; }
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
     font-family: 'Poppins'; background-color:#fff /*#f6f6f4*/;
}

.containerme{ max-width:1200px; width:100%; margin:auto; padding: 0px 15px;}
/*====================================
HEADER
====================================*/

.site-header{
position:fixed;
width:100%;
margin:auto;
   /* position:sticky;*/
    top:0;
    z-index:9999;/* background: none;*/background:#1b3b2b;
 
  /*  background:#fff;*/

   /**/ box-shadow:0 5px 20px rgba(0,0,0,.08);

    transition:.3s ease;

}
 /*
.site-header::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 30%;
    background: #1c5485;
    background: linear-gradient(180deg, rgba(28, 84, 133, 1) 0%, rgba(29, 140, 50, 0) 100%);
    z-index: 99;
}
*/
.site-header.sticky{ background:#1b3b2b   /* #045007#033803#3b4600*/;
position:fixed;
    box-shadow:0 10px 30px rgba(0,0,0,.15);

}



.navbar{
height:auto;
   /* height:90px;*/

    display:flex;

    align-items:center;

    justify-content:space-between;

}



.logo img{

    width:110px;

    height:auto;

}



/*====================================
MENU DESKTOP
====================================*/

.menu-wrapper{

    flex:1;

    display:flex;

    justify-content:center;

}


.main-menu{
    flex-wrap: wrap;
    display:flex;

    align-items:center;

    list-style:none;

    padding:0;

    margin:0;

}



.main-menu li{

    position:relative;

}



.main-menu > li > a{

    position:relative;

    display:flex;

    align-items:center;

    gap:8px;

    padding:5px 18px;

    color:#fff;
	text-transform:uppercase;

    text-decoration:none;

    font-size:15px;

    transition:.3s ease;

}





/*====================================
DESKTOP HOVER
====================================*/


@media(min-width:992px){


.main-menu > li > a::after{

    content:"";

    position:absolute;

    bottom:0px;

    left:50%;

    width:0;

    height:2px;

    background:#e5a93c;

    transform:translateX(-50%);

    transition:.3s ease;

}

/*
.main-menu > li:hover > a::after,
.main-menu > li.open > a::after{

    width:70%;

}*/
   .main-menu > li:hover > a::after,
    .main-menu > li.open > a::after,
    .main-menu > li.active > a::after {
        width: 70%;
    }

   .main-menu > li:hover > a,
    .main-menu > li.active > a {
        color: #e5a93c;
    }

.main-menu > li:hover > a{

    color:#e5a93c;

    transform:translateY(-2px);

}


}



/*====================================
DESKTOP DROPDOWN
====================================*/


@media(min-width:992px){


.submenu{

    position:absolute;

    top:100%;

    left:0;

    width:250px;

    background:#fff;

    list-style:none;

    padding:10px;

    margin:0;

    border-radius:12px;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

    opacity:0;

    visibility:hidden;

    transform:translateY(15px) scale(.96);

    transition:.3s ease;

    z-index:9999;

}



.has-sub.open > .submenu{

    opacity:1;

    visibility:visible;

    transform:translateY(0) scale(1);

}



.submenu .submenu{

    top:0;

    left:100%;

}



.submenu a{

    display:flex;

    justify-content:space-between;

    padding:13px 15px;

    color:#222;

    text-decoration:none;

    border-radius:8px;

    transition:.3s ease;

}



.submenu a:hover{

    background:#3b4600;

    color:#fff;

    padding-left:22px;

}


}

/*====================================
BOOK BUTTON
====================================*/
.mobile-bookinga{display:none; width:100%; padding-bottom:20px;  }
.book-btn2{ text-align:center; 
 
    position:relative; margin:auto;

    overflow:hidden;

    transition:.4s ease;

    z-index:1;

}



/* Shine effect */

.book-btn2::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:80%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transition:.6s ease;

    z-index:-1;

}



.book-btn2:hover::before{

    left:120%;

}



.book-btn2:hover{


    transform:translateY(-3px);
    background: rgb(49 139 49 / 65%);
    /*background:#222;*/

    color:#fff;

    box-shadow:0 10px 25px rgba(0,0,0,.25);


}



/* Click effect */

.book-btn2:active{

    transform:scale(.95);

}

.book-btn2{
width:80%; margin:auto;  
    background:#e5a93c;

    color:#fff;

    padding:6px 30px;
  /*  border-radius: 100px 5000px;
    border-radius:30px;*/

    text-decoration:none;

    font-weight:600;

}


/*====================================
BOOK BUTTON
====================================*/

.book-btn{

    position:relative;

    overflow:hidden;

    transition:.4s ease;

    z-index:1;

}



/* Shine effect */

.book-btn::before{

    content:"";

    position:absolute;

    top:0;

    left:-120%;

    width:80%;

    height:100%;

    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,.6),
        transparent
    );

    transition:.6s ease;

    z-index:-1;

}



.book-btn:hover::before{

    left:120%;

}



.book-btn:hover{
background:#c05A46;

    color:#fff;

   /* transform:translateY(-3px);*/
   

    box-shadow:0 10px 25px rgba(0,0,0,.25);


}



/* Click effect */

.book-btn:active{

    transform:scale(1);

}

.book-btn{
 background: #e5a93c;
    /*background:#222;*/

    color:#1b3b2b;
    

    padding:6px 30px;
  /*  border-radius: 100px 5000px;
    border-radius:30px;*/

    text-decoration:none;

    font-weight:600;

}





/*====================================
HIDE MOBILE ITEMS DESKTOP
====================================*/

.mobile-bottom,
.mobile-menu-header{

    display:none;

}







/*====================================
MOBILE
====================================*/


@media(max-width:991px){



body{

    padding-bottom:70px;

}



.navbar{

   /* height:70px;*/

}



.logo img{

    width:100px;

}



/* OFFCANVAS */


.menu-wrapper{

    position:fixed;

    top:0;

    right:-100%;

    width:100%;
 height:calc(100% - 70px);
  /*  height:100vh;*/

    background:#fff;

    z-index:9998;

    overflow-y:auto;

    transition:.35s ease;

}



.menu-wrapper.active{

    right:0;

}





/* MOBILE HEADER */


.mobile-menu-header{

    display:flex;

    position:absolute;


    top:0;

    left:0;

    width:100%;

           height: 100px;

    background:#1b3b2b;

    align-items:center;

    justify-content:space-between;

    padding:10px 20px;

    z-index:9999;

    border-bottom:1px solid #eee;

}



.mobile-logo{

    display:flex;

    align-items:center;

}



.mobile-logo img{

    width:100px;

}



.menu-close{

    width:42px;

    height:42px;

    border:0;

    border-radius:50%;

    background:#e5a93c;

    color:#fff;

    font-size:22px;

    display:flex;

    align-items:center;

    justify-content:center;

}



/* MOBILE MENU */


.main-menu{
        width: 100%;
    display:block;

    list-style:none;

    margin:0;

    padding:100px 0 0;

}



.main-menu > li > a{

    padding:18px 25px;

    border-bottom:1px solid #eee;

    display:flex;

    justify-content:space-between;

    color:#222;

}





/* MOBILE NESTED SUBMENU */


.submenu{

    display:none;

    list-style:none;

    padding:0;

    margin:0;

    background:#f7f7f7;

}



.submenu.active{

    display:block;

}



.submenu .submenu{

    background:#ededed;

}



.submenu a{

    display:flex;

    justify-content:space-between;

    padding:15px 35px;

    text-decoration:none;

    color:#222;

}



.submenu .submenu a{

    padding-left:55px;

}



.has-sub.open > a i{

    transform:rotate(90deg);

}



.book-btn{

    display:none;

}
.mobile-bookinga{display:block;}
.book-btn2{

    display:block;

}



/*====================================
BOTTOM BAR
====================================*/


.mobile-bottom{

    position:fixed;

    bottom:0;

    left:0;

    width:100%;

    height:70px;

   /* background:#fff; #124c14*/
  background: #1b3b2b ;

    display:flex;

    z-index:10000;

    box-shadow:0 -5px 20px rgba(0,0,0,.15);

}



.mobile-bottom a,
.mobile-bottom button{

    flex:1;

    border:0;

    background:none;

    text-align:center;

    text-decoration:none;
color: #d1a108;
   /* color:#222;*/

    font-size:12px;

}



.mobile-bottom i{

    display:block;

    font-size:22px;

    margin-top:10px;

}



.mobile-bottom span{

    display:block;

}



.menu-toggle{

    color:#e5a93c;

}



}



/*====================================
FORCE HIDE MOBILE HEADER DESKTOP
====================================*/


@media(min-width:992px){

.mobile-menu-header,
.menu-close,
.mobile-logo{

    display:none !important;

}

}


@media(max-width:991px){
.main-menu > li.active > a {
        color: #c05A46 !important;
		        background: #faf6ed;
    
    }

    /* Active menu left indicator */
 

    /* Active submenu item */
    .main-menu .submenu li.active > a {
        color: #e5a93c !important;
		   background: #faf6ed;
    }

.main-menu > li > a,
.submenu a{

    position:relative;

    transition:.35s ease;

}
 

/* Active parent item */

.has-sub.open > a{


    background:#faf6ed;

    color:#e5a93c;

    padding-left:35px;

    font-weight:600;


}



.has-sub.open > a::before{


    content:"";

    position:absolute;

    left:0;

    top:0;

    width:4px;

    height:100%;

    background:#e5a93c;


}





/* Hover effect */

.main-menu > li > a:hover,
.submenu a:hover{


    background:#faf6ed;

    color:#c05A46;

    padding-left:35px;


}



.submenu a:hover{


    padding-left:45px;


}



.submenu .submenu a:hover{


    padding-left:65px;


}




/* Active nested submenu */



.submenu .has-sub.open > a{


    background:#f3ead9;

    color:#e5a93c;


}




/* Arrow animation */


.has-sub > a i{


    transition:.3s ease;


}



.has-sub.open > a i{


    transform:rotate(90deg);

    color:#e5a93c;


}


}

/*====================================
3D FLIP SUBMENU EFFECT
====================================*/

@media(min-width:992px){


.main-menu .submenu{


    opacity:0;

    visibility:hidden;


    transform-origin:top center;


    transform:

        perspective(1000px)

        rotateX(-90deg)

        translateY(-20px);


    transition:

        transform .5s cubic-bezier(.17,.67,.3,1.3),

        opacity .3s ease,

        visibility .5s;


    backface-visibility:hidden;


}





/* OPEN FLIP */


.main-menu .has-sub.open > .submenu{


    opacity:1;

    visibility:visible;


    transform:

        perspective(1000px)

        rotateX(0deg)

        translateY(0);


}






/* submenu glass card */


.main-menu .submenu{


    background:#fff;


    border-radius:14px;


    box-shadow:

    0 20px 50px rgba(0,0,0,.20);


}







/* menu items flip in */


.main-menu .submenu > li{


    opacity:0;


    transform:

        rotateX(-60deg)

        translateY(-15px);


    transform-origin:top;

    transition:.35s ease;


}




.main-menu .has-sub.open > .submenu > li{


    opacity:1;


    transform:

        rotateX(0deg)

        translateY(0);


}





/* delay */


.main-menu .has-sub.open > .submenu > li:nth-child(1){

    transition-delay:.10s;

}


.main-menu .has-sub.open > .submenu > li:nth-child(2){

    transition-delay:.18s;

}


.main-menu .has-sub.open > .submenu > li:nth-child(3){

    transition-delay:.26s;

}






/*====================================
SECOND LEVEL FLIP LEFT
====================================*/


.main-menu .submenu .submenu{


    transform-origin:left center;


    transform:

        perspective(1000px)

        rotateY(-90deg)

        translateX(-20px);


}




.main-menu .submenu .has-sub.open > .submenu{


    opacity:1;


    visibility:visible;


    transform:

        perspective(1000px)

        rotateY(0deg)

        translateX(0);


}



}


/* Mobile Bottom Background Hover */

@media(max-width:991px){


.mobile-bottom a,
.mobile-bottom button{


    transition:.3s ease;

    border-radius:12px;


}



.mobile-bottom a:hover,
.mobile-bottom button:hover{


    background:#e5a93c;

    color:#fff;


}



.mobile-bottom a:hover i,
.mobile-bottom button:hover i{


    color:#fff;


}



.mobile-bottom a:hover span,
.mobile-bottom button:hover span{


    color:#fff;


}


}
/*menu end*/


/*
==================================================*/
*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

html{
    scroll-behavior:smooth;
}
/*
body{
    font-family:'Poppins',sans-serif;
    overflow-x:hidden;
    background:#fff;
    color:#222;
    line-height:1.6;
}*/

img{
    max-width:100%;
    display:block;
}

a{
    text-decoration:none;
}

ul{
    list-style:none;
}

button{
    border:none;
    outline:none;
    cursor:pointer;
}