@charset "UTF-8";
/* CSS Document */


body:before{ 
  content: "";
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 100;
  -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8);
  -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); 
  box-shadow: 0px 0px 10px rgba(0,0,0,.8);
} 

@keyframes animatedBackground {
  0% { background-position: 0 24px; }
  100% { background-position:  825px 24px ; }
}
@-moz-keyframes animatedBackground {
  0% { background-position: 0 24px; }
  100% { background-position: 825px 24px ; }
}
@-webkit-keyframes animatedBackground {
  0% { background-position: 0 24px; }
  100% { background-position: 825px 24px ; }
}
@-ms-keyframes animatedBackground {
  0% { background-position: 0 24px; }
  100% { background-position:  825px 24px ; } 
}
@-o-keyframes animatedBackground {
  0% { background-position: 0 24px ; }
  100% { background-position:  825px 24px ; }  
}



#header, #t0{ 


  color: black;

     
          


  font-size: 24px;
          
   


    font-style:normal;
    font-variant:normal; 
    font-weight:normal;
    line-height:normal;
    background-color:white;

    

}


.header, #t0 { 

background-position: -140px 24px;

  animation: animatedBackground .7s ease-out ;
  -moz-animation: animatedBackground .7s ease-out ; 

-webkit-animation: animatedBackground .7s ease-out ;
  -ms-animation: animatedBackground .7s ease-out ;
  -o-animation: animatedBackground .7s ease-out ; 
}


#t1{
left:0; 

font-size: 16px;
color:white;
background: rgba(151, 151, 151, 1);
border: solid 1px rgba(255, 255, 255, 0.7);
padding: 10px 15px;
margin-bottom:20px; 

text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3);

-webkit-box-shadow: 0 10px 6px -6px #777;
     -moz-box-shadow: 0 10px 6px -6px #777;
          
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);


height: auto;
position: absolute;
text-align: left;
left: 0;
top: 80px;
}
   
#t3{
/*left:0;*/
font-size: 17px;
/* text-shadow: 0px 2px 3px rgba(85, 85, 85, 0.82); */
color: #444; 
  margin: auto;
text-align: center;
left: 0;
right: 0;
}


.all{
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);   
    -webkit-transform: translate(-50%, -50%);
  
}

.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}