/* --- Animations --- */
@keyframes fadein
{
from {opacity:0;}
to {opacity:0.5;}
}

@-moz-keyframes fadein /* Firefox */
{
from {opacity:0;}
to {opacity:0.5;}
}

@-webkit-keyframes fadein /* Safari and Chrome */
{
from {opacity:1;}
to {opacity:0.5;}
}

@-o-keyframes fadein /* Opera */
{
from {opacity:1;}
to {opacity:0.5;}
}

@keyframes fadeout
{
from {opacity:0.5;}
to {opacity:0;}
}

@-moz-keyframes fadeout /* Firefox */
{
from {opacity:0.5;}
to {opacity:0;}
}

@-webkit-keyframes fadeout /* Safari and Chrome */
{
from {opacity:0.5;}
to {opacity:0;}
}

@-o-keyframes fadeout /* Opera */
{
from {opacity:0.5;}
to {opacity:0;}
}

@keyframes alltheway
{
from {opacity:0.5;}
to {opacity:1;}
}

@-moz-keyframes alltheway /* Firefox */
{
from {opacity:0.5;}
to {opacity:1;}
}

@-webkit-keyframes alltheway /* Safari and Chrome */
{
from {opacity:0.5;}
to {opacity:1;}
}

@-o-keyframes alltheway /* Opera */
{
from {opacity:0.5;}
to {opacity:1;}
}

@keyframes slidein
{
from {width:0%}
to {width:80%}
}

@-moz-keyframes slidein /* Firefox */
{
from {width:0%}
to {width:80%}
}

@-webkit-keyframes slidein /* Safari and Chrome */
{
from {width:0%}
to {width:80%}
}

@-o-keyframes slidein /* Opera */
{
from {width:0%}
to {width:80%}
}

/* --- END Animations --- */