@import url('https://fonts.googleapis.com/css?family=Pacifico');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

body {
  font-size: 16px !important;
  margin: 0;
}

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

.parallax_content {
  margin: 0 auto;
  max-width: 600px;
  padding: 10px;
  position: relative;
}
.space_top {
margin-top: 8vh;
}
.container--offset {
  margin-left: 0;
}
.layer {
  height: 100vh !important;
}
.scene {
    margin: 0;
    padding: 0;
    height: 100vh;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
}
.fill {
  bottom: 5%;
  left: 5%;
  position: absolute;
  right: 5%;
  top: 5%;
}
.expand-width {
  width: 100%;
}
.aspect {
  opacity: 0.2;
}
.content_section {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
      z-index: 1;
}
@media(min-width: 768px){
.flex_div {
  display: flex;
  align-items: center;
  align-content: center;
  height: 100%;
  width: 100%;
}
.flex_div_strech {
	display: flex;
	align-content: stretch;
	align-items: stretch;
	height: 100%;
	width: 100%;
}
.reverse {
   flex-direction: row-reverse;
}
}
.fullheight {
    height: 100vh;
}
.position_absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
}
.shadow_title {
   font-family: Pacifico;
    width: 100%;
    text-align: center;
    font-size: 20em;
    color: rgba(25, 58, 23, 0.2);
    letter-spacing: 10px;
}
.btn_white {
  position: relative;
  display: table;
  margin: 20px 0;
  border-radius: 50px;
  background-color: #fff;
}
.btn_white:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #4b821c;
  transition: all 0.4s ease;
  border-radius: 50px;
  overflow: hidden;
}
.btn_white:hover:after{width: 100%;}
.link_white {
  color: #4b821c;
  font-family: Poppins;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 40px;
  display: block;
    transition: all 0.4s ease;
    position: relative;
  text-align: center;
  z-index: 1;
  text-decoration: none !important;
}
.btn_white:hover .link_white {color: #fff;}
.btn_green {
  position: relative;
  display: table;
  margin: 20px 0;
  border-radius: 50px;
  background-color: #224915;
}
.btn_green:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #fff;
  transition: all 0.4s ease;
  border-radius: 50px;
  overflow: hidden;
}
.btn_green:hover:after{width: 100%;}
.link_green {
  color: #fff;
  font-family: Poppins;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 40px;
  display: block;
    transition: all 0.4s ease;
    position: relative;
  text-align: center;
  z-index: 1;
  text-decoration: none !important;
}
.btn_green:hover .link_green {color: #224915;}
/***********************/
/*****btn yellow****/
.btn_yellow {
  position: relative;
  display: table;
  margin: 20px 0;
  border-radius: 50px;
  background-color: #eee359;
}
.btn_yellow:after{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background-color: #224915;
  transition: all 0.4s ease;
  border-radius: 50px;
  overflow: hidden;
}
.btn_yellow:hover:after{width: 100%;}
.link_yellow {
  color: #224915;
  font-family: Poppins;
  font-weight: 500;
  text-transform: uppercase;
  padding: 10px 40px;
  display: block;
    transition: all 0.4s ease;
    position: relative;
  text-align: center;
  z-index: 1;
  text-decoration: none !important;
}
.btn_yellow:hover .link_yellow {color: #fff;}
/****************/
.clear {
  clear: both;
  height:0;
}
/*=========Move Up=========*/
@keyframes moveUp {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
     
    50% {
        transform: translate3d(0px, 10px, 0px);
        animation-timing-function: ease-out;
    }
     
    100% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
}
@-webkit-keyframes moveUp {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
     
    50% {
        transform: translate3d(0px, 10px, 0px);
        animation-timing-function: ease-out;
    }
     
    100% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
}
@-moz-keyframes moveUp {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
     
    50% {
        transform: translate3d(0px, 10px, 0px);
        animation-timing-function: ease-out;
    }
     
    100% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
}
@-ms-keyframes moveUp {
    0% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
     
    50% {
        transform: translate3d(0px, 10px, 0px);
        animation-timing-function: ease-out;
    }
     
    100% {
        transform: translate3d(0px, 0px, 0px);
        animation-timing-function: ease-in;
    }
}

.moveUp{
    animation: moveUp 2s infinite;
}
/***********************************/
/***********animation title****/
@-webkit-keyframes revealtitle {
    0% {
        transform: translateX(-100%);
        animation-timing-function: ease-in;
    }
     
    100% {
        transform: translateX(0);
        animation-timing-function: ease-in;
    }
}
@-moz-keyframes revealtitle {
    0% {
        transform: translateX(-100%);
        animation-timing-function: ease-in;
    }
     
    100% {
        transform: translateX(0);
        animation-timing-function: ease-in;
    }
}
/***********animation image****/
@-webkit-keyframes revealimage {
    0% {
        transform: translateY(100vh);
        animation-timing-function: ease-in;
    }
     
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
}
@-moz-keyframes revealimage {
    0% {
        transform: translateY(100vh);
        animation-timing-function: ease-in;
    }
     
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
}
/***********animateFrom top****/
@-webkit-keyframes animateTop {
    0% {
        transform: translateY(-100vh);
        animation-timing-function: ease-in;
    }
     
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
}
@-moz-keyframes animateTop {
    0% {
        transform: translateY(-100vh);
        animation-timing-function: ease-in;
    }
     
    100% {
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
}
.animatefromtop{
   -webkit-animation: animateTop 1.5s 0s ease-in-out forwards;
          animation: animateTop 1.5s 0s ease-in-out forwards;
}
/*********animate icon************/
@-webkit-keyframes animateIc { 
   0% { 
    -moz-transform:scale3d(1, 1, 1) rotatez(0deg); 
    -ms-transform: scale3d(1, 1, 1) rotatez(0deg); 
    transform: scale3d(1, 1, 1) rotatez(0deg); 
     animation-timing-function: ease-in;
   } 
   25% { 
    -moz-transform: scale3d(1, 1,1.5) rotatez(15deg); 
    -ms-transform: scale3d(1, 1, 1.5) rotatez(15deg); 
    transform: scale3d(1, 1, 1.5) rotatez(15deg); 
    animation-timing-function: ease-in;
   } 
   
   50% { 
    -moz-transform: scale3d(1, 1, 1.3) rotatez(-15deg); 
    -ms-transform: scale3d(1, 1, 1.3) rotatez(-15deg); 
    transform: scale3d(1, 1, 1.3) rotatez(-15deg); 
    animation-timing-function: ease-in;
   } 
   100% { 
    -moz-transform: scale3d(1, 1, 1) rotatez(0deg); 
    -ms-transform: scale3d(1, 1, 1) rotatez(0deg); 
    transform: scale3d(1, 1, 1) rotatez(0deg); 
   animation-timing-function: ease-in;
   } 
}
@-moz-keyframes animateIc {
   0% { 
    -moz-transform:scale3d(1, 1, 1) rotatez(0deg); 
    -ms-transform: scale3d(1, 1, 1) rotatez(0deg); 
    transform: scale3d(1, 1, 1) rotatez(0deg); 
     animation-timing-function: ease-in;
   } 
   25% { 
    -moz-transform: scale3d(1, 1,1.5) rotatez(15deg); 
    -ms-transform: scale3d(1, 1, 1.5) rotatez(15deg); 
    transform: scale3d(1, 1, 1.5) rotatez(15deg); 
    animation-timing-function: ease-in;
   } 
   
   50% { 
    -moz-transform: scale3d(1, 1, 1.3) rotatez(-15deg); 
    -ms-transform: scale3d(1, 1, 1.3) rotatez(-15deg); 
    transform: scale3d(1, 1, 1.3) rotatez(-15deg); 
    animation-timing-function: ease-in;
   } 
   100% { 
    -moz-transform: scale3d(1, 1, 1) rotatez(0deg); 
    -ms-transform: scale3d(1, 1, 1) rotatez(0deg); 
    transform: scale3d(1, 1, 1) rotatez(0deg); 
   animation-timing-function: ease-in;
   }  
}
.animate_icon{
   -webkit-animation: animateIc 3s infinite; 
          animation: animateIc 3s infinite;
}