@keyframes tlo2-tlo
{
  0% { 
	background: url(../images/box2-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   20% { 
	background: url(../images/box2-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
      40% { 
	background: url(../images/box2-3.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
      100% { 
	background: url(../images/box2-4.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}








@-webkit-keyframes box2-tlo
{
  0% { 
	background: url(../images/box2-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	   background: url(../images/box2-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-moz-keyframes box2-tlo
{
  0% { 
	background: url(../images/box2-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	   background: url(../images/box2-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-ms-keyframes box2-tlo
{
   0% { 
	background: url(../images/box2-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	   background: url(../images/box2-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }}
@-o-keyframes box2-tlo
{
  0% { 
	background: url(../images/box2-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box2-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}







@keyframes box3-tlo
{
  0% { 
	background: url(../images/box3-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box3-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }

}
@-webkit-keyframes box3-tlo
{
   0% { 
	background: url(../images/box3-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box3-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-moz-keyframes box3-tlo
{
   0% { 
	background: url(../images/box3-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box3-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-ms-keyframes box3-tlo
{
   0% { 
	background: url(../images/box3-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box3-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-o-keyframes box3-tlo
{
   0% { 
	background: url(../images/box3-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box3-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}



@keyframes box5-tlo
{
   0% { 
	background: url(../images/box5-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box5-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-webkit-keyframes box5-tlo
{
   0% { 
	background: url(../images/box5-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box5-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-moz-keyframes box5-tlo
{
    0% { 
	background: url(../images/box5-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box5-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-ms-keyframes box5-tlo
{
   0% { 
	background: url(../images/box5-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box5-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}
@-o-keyframes box5-tlo
{
   0% { 
	background: url(../images/box5-1.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
  }
   100% { 
	background: url(../images/box5-2.jpg) no-repeat center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	height:100%;
 	width:100%;
	margin: auto;
   }
}





@keyframes logo1
{
  0% { opacity: 0; }
   100% { opacity: 1;}
}
@-webkit-keyframes logo1
{
  0% { opacity: 0; }
   100% { opacity: 1;}
}
@-moz-keyframes logo1
{
  0% { opacity: 0; }
   100% { opacity: 1;}
}
@-ms-keyframes logo1
{
  0% { opacity: 0; }
   100% { opacity: 1;}
}
@-o-keyframes logo1
{
  0% { opacity: 0; }
   100% { opacity: 1;}
}






@keyframes logo2
{
  0% { 
  top: 300px;
  opacity: 0;
  }
  100% { 
  top: 260px;
  opacity: 1;
  }
}
@-webkit-keyframes logo2
{
  0% { 
  top: 300px;
  opacity: 0;
  }
  100% { 
  top: 260px;
  opacity: 1;
  }
}
@-moz-keyframes logo2
{
   0% { 
  top: 300px;
  opacity: 0;
  }
  100% { 
  top: 260px;
  opacity: 1;
  }
}
@-ms-keyframes logo2
{
  0% { 
  top: 300px;
  opacity: 0;
  }
  100% { 
  top: 260px;
  opacity: 1;
  }
}
@-o-keyframes logo2
{
   0% { 
  top: 300px;
  opacity: 0;
  }
  100% { 
  top: 260px;
  opacity: 1;
  }
}





@keyframes logo3
{
  0% { 
  top: -10px;
  opacity: 0;
  }
  100% { 
  top: 30px;
  opacity: 1;
  }
}
@-webkit-keyframes logo3
{
 0% { 
  top: -10px;
  opacity: 0;
  }
  100% { 
  top: 30px;
  opacity: 1;
  }
}
@-moz-keyframes logo3
{
 0% { 
  top: -10px;
  opacity: 0;
  }
  100% { 
  top: 30px;
  opacity: 1;
  }
}
@-ms-keyframes logo3
{
 0% { 
  top: -10px;
  opacity: 0;
  }
  100% { 
  top: 30px;
  opacity: 1;
  }
}
@-o-keyframes logo3
{
 0% { 
  top: -10px;
  opacity: 0;
  }
  100% { 
  top: 30px;
  opacity: 1;
  }
}

@keyframes menu
{
 0% { 
  top: -40px;
  }
  100% { 
  top: 0px;
  }

}
@-webkit-keyframes menu
{
  0% { 
  top: -40px;
  }
  100% { 
  top: 0px;
  }
}
@-moz-keyframes menu
{
  0% { 
  top: -40px;
  }
  100% { 
  top: 0px;
  }
}
@-ms-keyframes menu
{
  0% { 
  top: -40px;
  }
  100% { 
  top: 0px;
  }
}
@-o-keyframes menu
{
   0% { 
  top: -40px;
  }
  100% { 
  top: 0px;
  }

  }
  
  
  
  
  @keyframes pojawianie
{
  0% { 
  opacity: 0;
  }
  100% { 
  opacity: 1;
  }
}
@-webkit-keyframes pojawianie
{
  0% { 
  opacity: 0;
  }
  100% { 
  opacity: 1;
  }
}
@-moz-keyframes pojawianie
{
  0% { 
  opacity: 0;
  }
  100% { 
  opacity: 1;
  }
}
@-ms-keyframes pojawianie
{
   0% { 
  opacity: 0;
  }
  100% { 
  opacity: 1;
  }

}
@-o-keyframes pojawianie
{
  0% { 
  opacity: 0;
  }
  100% { 
  opacity: 1;
  }
  }