.animated{
	visibility:visible!important;
	animation-fill-mode:both;
	animation-duration:1s;
}
.animated.s05{animation-duration:0.5s}
.animated.s2{animation-duration:2s}
.animated.s3{animation-duration:3s}

@keyframes sidebarOpen {0% {transform: translateX(0);}30% {transform: translateX(-15px);}80% {transform: translateX(170px);}100% {transform: translateX(170px);}}
.sidebarOpen {animation-name: sidebarOpen;}

@keyframes sidebarRightOpen {0% {transform: translateX(0);}30% {transform: translateX(15px);}80% {transform: translateX(-170px);}100% {transform: translateX(-170px);}}
.sidebarRightOpen {animation-name: sidebarRightOpen;}

@keyframes sidebarClose {0% {transform: translateX(170px);}30% {transform: translateX(185px);}80% {transform: translateX(0);}100% {transform: translateX(0);}}
.sidebarClose {animation-name: sidebarClose;}

@keyframes sidebarRightClose {0% {transform: translateX(-170px);}30% {transform: translateX(-185px);}80% {transform: translateX(0);}100% {transform: translateX(0);}}
.sidebarRightClose {animation-name: sidebarRightClose;}

@keyframes headerHide {0% {transform: translateY(0);}30% {transform: translateY(-70px);}}
.headerHide {animation-name: headerHide;}

@keyframes shake {0%, 100% {transform: translateX(0);}10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}20%, 40%, 60%, 80% {transform: translateX(10px);}}
.shake {animation-name: shake;}

@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {animation-name: fadeIn;}

@keyframes fadeInUp {0% {opacity: 0;transform: translateY(20px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInUp {animation-name: fadeInUp;}

@keyframes fadeInDown {0% {opacity: 0;transform: translateY(-20px);}100% {opacity: 1;transform: translateY(0);}}
.fadeInDown {animation-name: fadeInDown;}

@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px);}100% {opacity: 1;transform: translateX(0);}}
.fadeInLeft {animation-name: fadeInLeft;}

@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px);}100% {opacity: 1;transform: translateX(0);}}
.fadeInRight {animation-name: fadeInRight;}

@keyframes fadeOut {0% {opacity:1;}100% {opacity:0;}}
.fadeOut {animation-name: fadeOut;}

@keyframes fadeOutUp {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(-20px);}}
.fadeOutUp {animation-name: fadeOutUp;}

@keyframes fadeOutUpBig {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(-2000px);}}
.fadeOutUpBig {animation-name: fadeOutUpBig;}

@keyframes fadeOutDown {0% {opacity: 1;transform: translateY(0);}100% {opacity: 0;transform: translateY(20px);}}
.fadeOutDown {animation-name: fadeOutDown;}

@keyframes fadeOutLeft {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(-20px);}}
.fadeOutLeft {animation-name: fadeOutLeft;}

@keyframes fadeOutRight {0% {opacity: 1;transform: translateX(0);}100% {opacity: 0;transform: translateX(20px);}}
.fadeOutRight {animation-name: fadeOutRight;}

@keyframes bounceIn {0% {opacity: 0;transform: scale(.3);}50% {opacity: 1;transform: scale(1.05);}70% {transform: scale(.9);}100% {transform: scale(1);}}
.bounceIn {animation-name: bounceIn;}

@keyframes bounceInUp {0% {opacity: 0;transform: translateY(2000px);}60% {opacity: 1;transform: translateY(-30px);}80% {transform: translateY(10px);}100% {transform: translateY(0);}}
.bounceInUp {animation-name: bounceInUp;}

@keyframes bounceInDown {0% {opacity: 0;transform: translateY(-2000px);}60% {opacity: 1;transform: translateY(30px);}80% {transform: translateY(-10px);}100% {transform: translateY(0);}}
.bounceInDown {animation-name: bounceInDown;}

@keyframes bounceInLeft {0% {opacity: 0;transform: translateX(-2000px);}60% {opacity: 1;transform: translateX(30px);}80% {transform: translateX(-10px);}100% {transform: translateX(0);}}
.bounceInLeft {animation-name: bounceInLeft;}

@keyframes bounceInRight {0% {opacity: 0;transform: translateX(2000px);}60% {opacity: 1;transform: translateX(-30px);}80% {transform: translateX(10px);}100% {transform: translateX(0);}}
.bounceInRight {animation-name: bounceInRight;}

@keyframes bounceOutUp {0% {transform: translateY(0);}20% {opacity: 1;transform: translateY(20px);}100% {opacity: 0;transform: translateY(-2000px);}}
.bounceOutUp {animation-name: bounceOutUp;}

@keyframes tossing {0% {transform: rotate(-4deg);	}50% {transform: rotate(4deg);}100% {transform: rotate(-4deg);}}
.tossing{
	animation-name: tossing;
	animation-duration: 2.5s;	
	animation-iteration-count: infinite;
}

@keyframes pulse {0% {transform: scale(0.9);opacity: 0.8;}50% {transform: scale(1);opacity: 1;}	100% {transform: scale(0.9);opacity: 0.8;}}
.pulse{
	animation-name: pulse;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
}

.easter_egg{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-moz-transition:all 1s linear;-webkit-transition:all 1s linear;-o-transition:all 1s linear;transition:all 1s linear}