body {
    height:100vh;
    overflow:hidden;
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    padding:0;
    margin:0;
    background-size:100%;
}

.social{
    position:fixed;
    z-index:14;
    bottom:10px;
    right:10px;
  }
  .social-icon{
    display:block;
    width:30px;
    height:auto;
    margin:10px;
  }

.load-sec{
    width:100%;
    position:fixed;
    z-index:10;
    transition:all 0.5s ease-in-out;
}
.load-tint{
    position:absolute;
    background-color:white;
    width:100%;
    height:100vh;
    animation:hideerase 1s ease-in-out forwards;
    animation-delay:1s;
    opacity:1;
    z-index:5;
}
.div-text-logo {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 5;
    height: 75px;
    padding: 5px;
  }
  
  .sticky{
    background: white;
      width: 100%;
      box-shadow: 5px 10px 20px 1px #8888881f;
  }
  .div-text-logo img {
    height: 100%;
    float: right;
  }

.menu-tri{
    width:40px;
    height:40px;
    position:fixed;
    top:40px;
    left:20px;
    z-index:8;
    cursor:pointer;
}
.menu-tri span{
    position:absolute;
    display:block;
    height:3px;
    margin:auto;
    left:0;
    right:0;
    background-color:grey;
    transition:all 0.2s ease-in-out;
}
.menu-tri span:nth-child(1){
    top:4px;
    width:30px;
}
.menu-tri span:nth-child(2){
    top:14px;
    width:40px;
}
.menu-tri span:nth-child(3){
    top:24px;
    width:30px;
}
.menu-tri:hover span{
    width:40px;
    left:0;
}
.div-menu{
    position:absolute;
    top:50%;
   font-family: 'Playfair Display', sans-serif;
    color:white;
    z-index:1;
    left:0;
    right:0;
    margin:auto;
    text-align:center;
    transform: translateY(-50%);
    -moz-transform:translateY(-50%);
    -webkit-transform:translateY(-50%);
}
.menu-big{
    font-size:70px;
    margin:auto;
    margin-bottom:10px;
    line-height:72px;
    cursor:pointer;
    position:relative;
    width:fit-content;
    display:table;
    z-index:1;
    font-weight: 700;

}

.menu-big:before{
     content:"";
    display:block;
    width:0px;
      left:-10px;
    top:-2px;
    position:absolute;
    transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
     height:70px;
     background-color:#158e35;
    //background-image:url('Images - misc/spiration dark.png');
    background-size:100%;
    z-index:-1;
}
.menu-big:hover:before,.menu-small:hover:before{
    width:calc(100% + 20px);
}

.menu-small{
    font-size:20px;
    margin:20px auto;
    line-height:27px;
    cursor:pointer;
    position:relative;
     width:fit-content;
    display:table;
    z-index:1;
}
.menu-small:before{
     content:"";
    display:block;
    width:0px;
    left:-10px;
    top:-2.5px;
    position:absolute;
    transition:all 0.3s ease-in-out;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
     height:30px;
     background-color:#158e35;
    //background-image:url('Images - misc/spiration dark.png');
    z-index:-1;
}

.menu-big-2 {
    position: absolute;
    top: 0%;
    left: 0px;
    font-family: 'Playfair Display', sans-serif;
    opacity:1;
    color:black;
    margin:auto;
    font-size: 30px;
    font-weight: 700;
    line-height: 32px;
    position: relative;
    width: fit-content;
    z-index: 9;
    transition:all 1s linear;
    -webkit-transition:all 1s linear;
    -moz-transition:all 1s linear;
}
.menu-big-2:before{
     content:"";
    display:block;
    width:100%;
      left:0px;
    top:-2px;
    position:absolute;
     height:30px;
     animation:showsome 0.8s linear forwards;
     background-color:white;
    //background-image:url('Images - misc/spiration dark.png');
    background-size:100%;
    z-index:6;
}
.menu-side{
    position:fixed;
    top:0;
    left:-40%;
    z-index:7;
    width:40%;
    overflow:hidden;
    background-color:black;
    height:100%;
}

.div-menu-2{
    position:fixed;
    top:50%;
    left:50%;
   font-family: 'Playfair Display', sans-serif;
    z-index:5;
    margin:auto;
    text-align:center;
    transform:translate(-50%,-50%);
    animation:fontsize 0.7s linear forwards;
    animation-delay:0.7s;
}
@keyframes fontsize{
    from{

    }
    to{
        transform:translate(0%,0%);
        top:10px;
        left:20px;
    }
}
@keyframes colorchange{
    to{
        color:white;
    }
}
@keyframes showsome{
   0%{
        width:100%;
    }
    100%{
        width:0%;
    }
}
@keyframes hideerase{
    0%{
        opacity:1;
    }
    100%{
        opacity:0;
        display:none;
    }
    
}
@keyframes linewide{
    to{
        width:100%;
        left:0;
    }
}

video{
    position:absolute;

}
.tint{
    position:absolute;
    width:100%;
    height:100%;
background-color:#158e35;

}
.sec-1{
    padding:50px 20px;
    background-color:rgba(0,0,0,0.9);
    width:45%;
    height:100%;
    position:relative;
     box-sizing:border-box;

}
.div-sec-in{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
   
}
.p-det{
    color:white;
    text-align:justify;
    width:70%;
    font-family:roboto;
    padding-left:10%;
}
.p-head{
    margin-top:0;
    color:#158e35;
   font-family: 'Playfair Display', sans-serif;
    line-height:60px;
    font-size:60px;
    font-weight: 700;
}
.p-head span{
    font-family: 'Playfair Display', sans-serif;
    color:white;
}
.sec-2{
    background-color:rgba(255,255,255,0.9);
    width:700px;
    height:540px;
    position:absolute;
    left:40%;
    top:50%;
    transform:translateY(-50%);
    overflow:auto;
}
.sec-2::-webkit-scrollbar{
    width:10px;
}
.sec-2::-webkit-scrollbar-thumb{
    background-color:black;
}
.sec-2::-webkit-scrollbar-track{
    background-color:rgba(0,0,0,0.2);
}
::-webkit-scrollbar{
    width:20px;
}
.line{
    width:150px;
    height:4px;
    background-color:#158e35;
    margin-top:40px;
    margin-left:15%;
}
.ser-n{
    display:inline-block;
    vertical-align:top;
    width:50%;
    max-width:50%;
    box-sizing:border-box;
    padding:30px;
    
}
.ser-n img{
    width:50px;
   
}
iframe{
    width:120vw;
    height:120vh;
    position:absolute;
top:-10%;
left:-10%;
}
.p-head-n{
   font-family: 'Playfair Display', sans-serif;
    font-size:20px;
    height:80px;
    margin-bottom:0;
    font-weight: 700;
}
.p-desc-n{
     font-family:roboto;
     font-style: italic;
     text-align:justify;
}
.anim-page{
    z-index:10!important;
    animation:page-trans 1s ease-in-out forwards;
    animation-delay:0.2s;
    -moz-animation:page-trans 1s ease-in-out forwards;
    -moz-animation-delay:0.2s;
    -webkit-animation:page-trans 1s ease-in-out forwards;
    -webkit-animation-delay:0.2s;
}
@keyframes page-trans{
    0%{
        width:0;
    }
    50%{
        opacity:1;
    }
    100%{
        width:100%;
        height:100vh;
         opacity:1;
    }
}

.social{
    position:fixed;
    z-index:14;
    bottom:10px;
    right:10px;
}
.social-icon{
    display:block;
    width:30px;
    height:auto;
    margin:10px;
}
@media screen and (max-width: 768px) {
    body {
        overflow:auto;
    }
    .sec-1,.ser-n {
        width:100%;
        max-width: 100%;
    }
    .sec-2{
    width: 100%;
    height: 100%;
    position: relative;
    transform:none;
    overflow:none;
    left: 0;
    top: 0;
    transform: 0;
    overflow: visible;
    }
    .menu-side {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 7;
    width: 100%;
    overflow: hidden;
    background-color: black;
    height: 100vh;
  }
}