@charset "UTF-8";
/* CSS Document */
  @keyframes fade {
  0% {
    opacity: 0;
    transform: translateX(-35px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
	@-webkit-keyframes fade {
	  0% {
		opacity: 0;
		-webkit-transform: translateX(-35px);
	  }
	  100% {
		opacity: 1;
		-webkit-transform: translateX(0);
  }
	}

@keyframes grow-bottom {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(1);
  }
}
.agent-1, .agent-3 {
	animation: fade ease 0.4s forwards;
	-webkit-animation-name: fade;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	visibility: visible;
	width: auto;
}

.agent-2 {
  transform: scaleX(0);
  transform-origin: center bottom;
  animation: grow-bottom cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
  animation-delay: 0.4s;
}

.slideanim {visibility:hidden;}
  .slide {
      animation-name: slide;
      -webkit-animation-name: slide;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }
  .growanim {visibility:hidden;}
  .emerge {
	  animation: emerge ease 0.5s forwards;
      animation-name: emerge;
      -webkit-animation-name: emerge;
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      visibility: visible;
  }
  .grow {
	animation: grow cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
	animation-name: grow;
	-webkit-animation-name: grow;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	visibility: visible;
	margin-right: auto;
	margin-left: auto;
  }
  .grow-2 {
		animation: grow cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
      animation-name: grow;
      -webkit-animation-name: grow;
      animation-duration: 1s;
      -webkit-animation-duration: .8s;
      visibility: visible;
	    
  }
  .grow-3 {
		animation: grow cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
      animation-name: grow;
      -webkit-animation-name: grow;
      animation-duration: 1s;
      -webkit-animation-duration: .6s;
      visibility: visible;
	    
  }
  .grow-4 {
		animation: grow cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
      animation-name: grow;
      -webkit-animation-name: grow;
      animation-duration: 1s;
      -webkit-animation-duration: .4s;
      visibility: visible;
	    
  }
  @keyframes grow {
    from {
		opacity:0;
      	transform: scale(0) translateY(100%);
      	transform-origin: bottom center;
    } 
    to {
		opacity:1;
      	transform: scale(1) translateY(0%);
    }
  }
  @-webkit-keyframes grow {
    from {
		opacity:0;
      -webkit-transform: scale(0) translateY(100%);
      -webkit-transform-origin: bottom center;
    } 
    to {
		opacity:1;
      -webkit-transform: scale(1) translateY(0%);
    }

  }
  @keyframes emerge {
    from {
		opacity:0;
      	transform: scale(0);
    } 
    to {
		opacity:1;
      	transform: scale(1);
    }
  }
  @-webkit-keyframes emerge {
    from {
		opacity:0;
      -webkit-transform: scale(0);
    } 
    to {
		opacity:1;
      -webkit-transform: scale(1);
    }

  }
.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
	padding-top: 20px;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}