/*!
 * WickedCSS v1.0 (https://github.com/kristofferandreasen/wickedCSS)
 * Copyright 2015 Kristoffer Andreasen
 * MIT License
 */
/*
==========slideDown==========*/
.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both}
.slideDown{animation-name: slideDown;-webkit-animation-name: slideDown;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease;-webkit-animation-timing-function: ease;}
@keyframes slideDown {0% {transform: translateY(-100%);opacity: 0;}100% {transform: translateY(0%);opacity: 1;}}
@-webkit-keyframes slideDown {0% {-webkit-transform: translateY(-100%);opacity: 0;}	100% {-webkit-transform: translateY(0%);opacity: 1;}}
/*==========slideUp==========*/
.slideUp{animation-name: slideUp;-webkit-animation-name: slideUp;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease;-webkit-animation-timing-function: ease;}
@keyframes slideUp {0% {transform: translateY(100%);opacity: 0;}100% {transform: translateY(0%);opacity: 1;}}
@-webkit-keyframes slideUp {0% {-webkit-transform: translateY(100%);opacity: 0;}100% {-webkit-transform: translateY(0%);opacity: 1;}}
/*==========slideLeft==========*/
.slideLeft{animation-name: slideLeft;-webkit-animation-name: slideLeft;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease;-webkit-animation-timing-function: ease;}
@keyframes slideLeft {0% {transform: translateX(150%);opacity: 0;} 100% {transform: translateX(0%);opacity: 1;}}
@-webkit-keyframes slideLeft {0% {-webkit-transform: translateX(150%);opacity: 0;} 100% {-webkit-transform: translateX(0%);opacity: 1;}}
/*==========slideRight==========*/
.slideRight{animation-name: slideRight;-webkit-animation-name: slideRight;animation-duration: 1s;-webkit-animation-duration: 1s;animation-timing-function: ease;-webkit-animation-timing-function: ease;}
@keyframes slideRight {0% {transform: translateX(-150%);opacity: 0;} 100% {transform: translateX(0%);opacity: 1;}}
@-webkit-keyframes slideRight {0% {-webkit-transform: translateX(-150%);opacity: 0;} 100% {-webkit-transform: translateX(0%);opacity: 1;}}
/*==========fadeIn==========*/
.fadeIn{animation-name: fadeIn;-webkit-animation-name: fadeIn;animation-duration: 2s;-webkit-animation-duration: 2s;animation-timing-function: ease;-webkit-animation-timing-function: ease;visibility: visible !important;	}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
/*==========fadeOut==========*/
.fadeOut{animation-name: fadeOut; -webkit-animation-name: fadeOut;animation-duration: 2s; -webkit-animation-duration: 2s;animation-timing-function: ease; -webkit-animation-timing-function: ease;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
/* Small Devices, Tablets */
/*Styles for screen 768px and lower*/
@media only screen and (max-width: 768px) {  
.animated {
/*CSS transitions*/
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
/*CSS transforms*/
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;}
}