/* Blend-Animation */
.appear
{
    -webkit-animation: blendanimation 5s;
    -webkit-animation-fill-mode: forwards; 
    animation: appear 5s;
    animation-fill-mode: forwards;
}

.blendOverlay
{
    position: relative;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    opacity: 0;
    background: rgba(0,0,0,.5);
    -moz-animation-duration: 10s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -animation-delay: 2s;  
    /*-moz-transition: all 10s;
    -webkit-transition: all 10s;
    transition: all 10s;*/
    /*-webkit-transition: background 5s linear;
    -moz-transition: background 5s linear;
    -o-transition: background 5s linear;
    transition: background 5s linear;*/
    /*-webkit-animation-duration: 10s;
    -moz-animation-duration: 10s;
    animation-duration: 10s;*/
}

@-webkit-keyframes blendanimation
{
    25% {opacity: 0.25;}
    50% {opacity: 0.5;}
    75% {opacity: 0.75;}
    100% {opacity: 1;} 
}

@-moz-keyframes blendanimation
{
    25% {opacity: 0.25;}
    50% {opacity: 0.5;}
    75% {opacity: 0.75;}
    100% {opacity: 1;} 
}

@-ms-keyframes blendanimation
{
    25% {opacity: 0.25;}
    50% {opacity: 0.5;}
    75% {opacity: 0.75;}
    100% {opacity: 1;} 
}

@keyframes blendanimation
{  
  25% {opacity: 0.25;}
  50% {opacity: 0.5;}
  75% {opacity: 0.75;}
  100% {opacity: 1;} 
}