﻿@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading {
	animation: fading 10s infinite;
}
@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity {
	animation: opac 0.8s;
}
@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top {
	position: relative;
	animation: animatetop 0.4s;
}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left {
	position: relative;
	animation: animateleft 0.4s;
}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right {
	position: relative;
	animation: animateright 0.4s;
}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom {
	position: relative;
	animation: animatebottom 2s;
}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {
	animation: animatezoom 0.6s;
}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input {
	transition: width 0.4s ease-in-out;
}
.w3-animate-input:focus {
	width: 100%!important;
}
.w3-opacity, .w3-hover-opacity:hover {
	opacity: 0.60;
}
.w3-opacity-off, .w3-hover-opacity-off:hover {
	opacity: 1;
}
.w3-opacity-max {
	opacity: 0.25;
}
.w3-opacity-min {
	opacity: 0.75;
}
