.none{display:none;} 
.center{text-align:center;}
.wide{letter-spacing:6px;}
.full-height{height:100%; background:none;}
.circle{border-radius:50%;}
.shadow{margin:2px 0 6px 0; -webkit-box-shadow:0px 6px 6px #DDDDDD; -moz-box-shadow:0px 6px 6px #DDDDDD; box-shadow:0px 6px 6px #DDDDDD; background:white; border:0; border-radius:25px;}
.ripple:active{opacity:0.5;}
.ripple{transition:opacity 0s;}

.animate-top{position:relative;animation:animatetop 2s}@keyframes animatetop{from{top:300px;opacity:0} to{top:0;opacity:1}}
.animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 2.5s;
animation-name: fade;
animation-duration: 2.5s;
}
.fade0{-webkit-animation-name:fade; -webkit-animation-duration:9.5s; animation-name:fade; animation-duration:9.5s; opacity:1;}
@-webkit-keyframes fade0{from{opacity:1}to{opacity:0}}
@keyframes fade0{from{opacity:1}to{opacity:0}} 
.fade-in{animation:opac 6.5s}
@keyframes w3-animate-opacity2{from{opacity:1}to{opacity:0}}
.fade-out{-webkit-animation-name:fade; -webkit-animation-duration:9.5s; animation-name:fade; animation-duration:9.5s; opacity:0;}
@-webkit-keyframes fade{from{opacity:1}to{opacity:1}to{opacity:0}}
@keyframes fade{from{opacity:1}to{opacity:1}to{opacity:0}}
.animate-fading{animation:fading 10s 1}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity2{animation:opac 10.8s}
@keyframes w3-animate-opacity2{from{opacity:1}to{opacity:0}}
.spin{animation:spin 2s 1 linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.animate-left{position:relative;animation:animateleft 4s}@keyframes animateleft{from{left:-600px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{bottom: 600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_1{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-input{transition:width 0.4s ease-in-out}
.animate-input:focus{width:100%!important}
.hover-opacity{cursor:pointer;}
.animate-bottom_TAB_101{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_1{position:relative;animation:animatetop 1s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_2{position:relative;animation:animatetop 1.5s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_3{position:relative;animation:animatetop 2s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_4{position:relative;animation:animatetop 2.5s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}}
.animate-bottom_TAB_5{position:relative;animation:animatetop 3s}@keyframes animatebottom{from{top:-600px;opacity:0} to{bottom:0;opacity:1.0}
#manual{display:none; position:absolute; z-index:99; top:0; height:150%;
}