/* CSS Document */
.w3-content{margin-left:auto;margin-right:auto}


.fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}

.opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

.top{/*position:relative;*/animation:animatetop 0.8s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}

.left{/*position:relative;*/animation:animateleft 0.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}

.right{/*position:relative;*/animation:animateright 0.8s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}

.bottom{/*position:relative;*/animation:animatebottom 0.8s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}

.zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}

.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} 
.w3-button:disabled{cursor:not-allowed;opacity:0.3}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar .w3-button{white-space:normal}
@media (max-width:600px){.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
.w3-button:hover{color:#000!important;background-color:#ccc!important}


.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:Transparent!important}
@media(min-width:1200px){
.w3-display-left{position:absolute;top:450px;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:450px;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
}


@media(min-width:992px) and (max-width:1200px){
.w3-display-left{position:absolute;top:350px;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:350px;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
}

@media(max-width:992px) and (min-width:768px)
{
.w3-display-left{position:absolute;top:300px;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:300px;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
}


@media(max-width:768px) and (min-width:767px)
{
.w3-display-left{position:absolute;top:200px;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:200px;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
}
@media(max-width:767px)
{
.w3-display-left{display:none;position:absolute;top:200px;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{display:none;position:absolute;top:200px;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
}