@media only screen 
and (min-device-width : 768px) {
	
	.animated {
	  -webkit-animation-duration: 3s;
	          animation-duration: 3s;
	  -webkit-animation-fill-mode: both;
	          animation-fill-mode: both;
	}
	
	.animated-fast {
	  -webkit-animation-duration: 1s;
	          animation-duration: 1s;
	  -webkit-animation-fill-mode: both;
	          animation-fill-mode: both;
	}
	
	.animated.infinite {
	  -webkit-animation-iteration-count: infinite;
	          animation-iteration-count: infinite;
	}
	
	.delay-1{
	    -webkit-animation-delay: 0.2s; /* Chrome, Safari, Opera */
	    animation-delay: 0.5s;
	}
	.delay-2{
	    -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
	    animation-delay: 0.4s;
	}
	.delay-3{
	    -webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */
	    animation-delay: 0.6s;
	}
	.delay-4{
	    -webkit-animation-delay: 0.8s; /* Chrome, Safari, Opera */
	    animation-delay: 0.8s;
	}
	.delay-5{
	    -webkit-animation-delay: 1.0s; /* Chrome, Safari, Opera */
	    animation-delay: 1.0s;
	}
	
	
	@-webkit-keyframes scrollDownAnimation {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	            transform: translate3d(0, -100%, 0);
	  }
	
	  15% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	  
	  85% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	  
	  100% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	            transform: translate3d(0, 100%, 0);
	  }	
	}
	
	@keyframes scrollDownAnimation {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	            transform: translate3d(0, -100%, 0);
	  }
	
	  30% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	  
	  60% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	  
	  100% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	            transform: translate3d(0, 100%, 0);
	  }
	}
	
	.scrollDownAnimation {
	  -webkit-animation-name: scrollDownAnimation;
	          animation-name: scrollDownAnimation;
	}
	
	@-webkit-keyframes fadeInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 40%, 0);
	            transform: translate3d(0, 40%, 0);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}
	
	@keyframes fadeInUp {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 40%, 0);
	            transform: translate3d(0, 40%, 0);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}
	
	.fadeInUp {
	  -webkit-animation-name: fadeInUp;
	          animation-name: fadeInUp;
	}
	
	@-webkit-keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	}
	
	@keyframes fadeIn {
	  0% {opacity: 0;}
	  100% {opacity: 1;}
	}
	
	.fadeIn {
	  -webkit-animation-name: fadeIn;
	          animation-name: fadeIn;
	}
	
	@-webkit-keyframes fadeInLeft {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(-100%, 0, 0);
	            transform: translate3d(-100%, 0, 0);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}
	
	@keyframes fadeInLeft {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(-100%, 0, 0);
	            transform: translate3d(-100%, 0, 0);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}
	
	.fadeInLeft {
	  -webkit-animation-name: fadeInLeft;
	          animation-name: fadeInLeft;
	}
	
	
	@-webkit-keyframes fadeInLeftSmall {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(40%, 0, 0);
	            transform: translate3d(40%, 0, 0);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}
	
	@keyframes fadeInLeftSmall {
	  0% {
	    opacity: 0;
	    -webkit-transform: translate3d(40%, 0, 0);
	            transform: translate3d(40%, 0, 0);
	  }
	
	  100% {
	    opacity: 1;
	    -webkit-transform: none;
	            transform: none;
	  }
	}
	
	.fadeInLeftSmall {
	  -webkit-animation-name: fadeInLeftSmall;
	          animation-name: fadeInLeftSmall;
	}
	
	@-webkit-keyframes fadeInRight {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(100%, 0, 0);
	    transform: translate3d(100%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	@keyframes fadeInRight {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(100%, 0, 0);
	    transform: translate3d(100%, 0, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	.fadeInRight {
	  -webkit-animation-name: fadeInRight;
	  animation-name: fadeInRight;
	}
	
	@-webkit-keyframes fadeInDown {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -100%, 0);
	    transform: translate3d(0, -100%, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	@keyframes fadeInDown {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, -20%, 0);
	    transform: translate3d(0, -20%, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	.fadeInDown {
	  -webkit-animation-name: fadeInDown;
	  animation-name: fadeInDown;
	}
	
	@-webkit-keyframes fadeInUp {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	@keyframes fadeInUp {
	  from {
	    opacity: 0;
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	  }
	
	  to {
	    opacity: 1;
	    -webkit-transform: none;
	    transform: none;
	  }
	}
	
	.fadeInUp {
	  -webkit-animation-name: fadeInUp;
	  animation-name: fadeInUp;
	}
	
	
	slideInUp {
	  from {
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	    visibility: visible;
	  }
	
	  to {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	@keyframes slideInUp {
	  from {
	    -webkit-transform: translate3d(0, 100%, 0);
	    transform: translate3d(0, 100%, 0);
	    visibility: visible;
	  }
	
	  to {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	  }
	}
	
	.slideInUp {
	  -webkit-animation-name: slideInUp;
	  animation-name: slideInUp;
	}
	
	.hiddenScroll{
		opacity: 0;
	}
	
	.visibleScroll{
		opacity: 1;
	}
}