/***************************************/
  .animate_c {
   -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
    transform: translateY(100vh);
        height: 100vh !important;
}
.section.active .animate_c{  transform: translateY(0); -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: center;
        }
.animate_c2 {
   -webkit-transition: all 0.75s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.75s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.75s cubic-bezier(0.86,0,0.07,1);
    transition: all 1.75s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
    transform: translateY(100vh);
        height: 100vh !important;
}
.section.active .animate_c2{  transform: translateY(0); -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  display: flex;
  align-items: flex-end;
  align-content: flex-end;
  justify-content: center;
}
.animate_img1 {
  -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
    transform: translateY(100vh);
}
.animate_img2 {
  -webkit-transition: all 0.75s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.75s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.75s cubic-bezier(0.86,0,0.07,1);
    transition: all 1.75s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
    transform: translateY(100vh);
}
.animate_img3 {
  -webkit-transition: all 1.75s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 1.75s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 1.75s cubic-bezier(0.86,0,0.07,1);
    transition: all 2.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
    transform: translateY(100vh);
}
.section.active .animate_img1{  transform: translateY(0); -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
        }
.section.active .animate_img2{  transform: translateY(0); -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
        }
.section.active .animate_img3{  transform: translateY(0); -webkit-transition-delay: 0.75s;
          transition-delay: 0.75s;
        }
.title_section {
    font-family: Pacifico;
    font-size: 4em;
    margin-top: 150px;
    display: table;
    text-shadow: 1px 3px 11px rgba(0, 0, 0, 0.55);
    position: relative;
    -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
            transform: translateX(-200%);
}
.animatetitle {
      -webkit-animation: revealtitle 1s 0s ease-in-out forwards; 
          animation: revealtitle 1s 0s ease-in-out forwards;
}
.animateimage {
      -webkit-animation: revealimage 1.5s 0s ease-in-out forwards; 
          animation: revealimage 1.5s 05s ease-in-out forwards;
}
.title_section span{
  display: table;
  font-family: 'Poppins', sans-serif;
  font-size: 0.5em;
}
.section.active .title_section{  transform: translateX(0); -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
        }
.parag_section {
  font-size: 0.95em;
  font-family: Poppins;
  margin: 5vh 0;
  display: table;
  color: #f5f3da;
  font-weight: 300;
  -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
    transition: all 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
            transform: translateX(-200%);
}
.section.active .parag_section{  
  transform: translateX(0); 
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.btn_animate {
  -webkit-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
  -moz-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
  -o-transition: all 0.5s cubic-bezier(0.86,0,0.07,1);
  transition: all 1.5s cubic-bezier(0.86,0,0.07,1);
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
  transform: translateX(-100vw);
}
.section.active .btn_animate{  
  transform: translateX(0); 
  -webkit-transition-delay: 0.75s;
  transition-delay: 0.75s;
}



