body { position:relative; margin: 0 auto;  max-width: 2500px; background-color: #000; min-width: 1120px; font-family: 'Nunito', sans-serif;} 

#selector {
    z-index: 10;
  bottom:0; 
   position:fixed;
     font-size: 15pt;
	color:rgba(20,40,100,0.35);
}
 
.bgdiv {
	width:100%;  
	position: relative; 
} 


.slides-down .active .face_placekeeper {width:100%; height: 100%; border-radius: 50%; background: gray; background: url('img/13-bg.png'); background-size: contain; }

.slides-down .active .face_placekeeper>div { color: black; font-size:2.2rem; padding-top:34%;} 

.slides-down .active .current .face_placekeeper>div { display: none;}  

.slides-down .active .current .face_placekeeper {background: #f0f0f0; background: url('img/13-bg.png'); background-size: contain; }

.slides-up .active .current .face_placekeeper {width:100%; height: 100%; border-radius: 50%; background: #f0f0f0; background: url('img/13-bg.png');  background-size: contain; }

.slides-down .active .empty.side  {display:block;}

.slides-down .active .empty.current {display:block; }

#divv2 .gop-title.text_line input {display: none;}


#divv1 { 

background-size: 100% 100%;
background-repeat: no-repeat; overflow: hidden; 
 } 


 
#divv1-mask { 
background-size: 100% auto;
background-repeat: no-repeat; overflow: hidden; 
height: 1650px; 
border: 1px white solid;
position:absolute;
z-index:3;
top:0;
display: none;
 }  
 
#divv1-mask-bottom {
background-image:url('img/bg-2b-mask.png'); 
background-size: 100% 728px;
background-repeat: no-repeat; overflow: hidden; 	
height: 728px; 
border: 1px cyan solid;	
z-index:3;
top: 1650px;
position: absolute; 
display: none;
	
} 

 
#divv2 {  	 
	  	   
background-size: 100% 100%;
background-repeat: no-repeat;
min-height:1350px; 

overflow: hidden;


}
#divv3 { 
	  	  
background-size: 100% 100%;
background-repeat: no-repeat;
 


 }
#divv4 { 

 }


/* Rakieta ----------------- */
 

#rocket { width: 744px; height:694px; background: url("img/rakieta1.png") no-repeat ; background-size: 100% auto; position:relative;  float:none; bottom:0px } 
 #smoke {  

animation:dym_1 500ms steps(12) infinite;
 -webkit-animation:dym_1 500ms steps(12) infinite;
}
.smokeclass-744 {background:url('img/smoke/smoke.png') no-repeat;}
.smokeclass-621 {background:url('img/smoke/smoke-621.png') no-repeat;}
.smokeclass-521 {background:url('img/smoke/smoke-521.png') no-repeat;}
.smokeclass-311 {background:url('img/smoke/smoke-311.png') no-repeat;}
.smokeclass-200 {background:url('img/smoke/smoke-200.png') no-repeat;}
.smokeclass-150 {background:url('img/smoke/smoke-150.png') no-repeat;}

.smokeclass {
	width: 744px; height: 715px;
    background-size: 744px 8580px;
	top: -104px; position:relative;  
float:none; z-index: -1; left: 0%;
}

@keyframes dym_1
{
  0% { background-position:0 0; }
  100% { background-position:0 -8580px; }
}

@-webkit-keyframes dym_1
{
 0% { background-position:0 0; }
 100% { background-position:0 -8580px; }
}


#rocket-wrapper { margin-left:-366px;  width: 744px;left:50%;  z-index:2; opacity:1;} 

#rocket-wrapper.absolute {position:absolute; top: 1954px; }    

 
#rocket-wrapper.fixed {position:fixed; }    

div.woda {
	position:absolute;
	width:100%;
	height: 150px;
top:0px; z-index:7; left:0;


 
}

div#wodafix { 
display:none; 
    height: 150px;
    position: fixed;
    width: 100%;
     bottom: -24px;
    left: 7px; 
	z-index:3;

	
}
div#wodafix div {
	position:absolute;
	height:150px;
	width:744px;
	left:49.59%;
	margin-left:-366px; 
		
	
	
		
}

img.wodaimg {
	width:100%;
	height:auto;
			z-index:7;
		
}


/*  LICZNIK Główny Kolorowy - wynik */

 

.gop-title { 
	position:relative;
	width:100%;
	text-align: center;
color:white;
text-transform: uppercase;
top:120px;text-shadow: 2px 2px 4px #000;
font-family: 'Nunito', sans-serif;
font-weight: 700;
	font-size: 10.0pt;
	word-spacing: 3px;
	letter-spacing: 1px; 
}

#divv1 .gop-title { 

top:60px;
}

#divv2 .gop-title  {
	clear:both;
	top:33px;
	bottom:0px;
	z-index:10;
	
}



#divv1 .spaceship img {
	width:134%;
	margin-left:-17%;
	height: auto;


}

#divv1 .spaceship {
     margin-top:5.8%; 

}

#divv1 .diversity-title {
position: relative;
	
	text-align: center;
color:white;
margin-top: -200px;
text-transform: uppercase;
text-shadow: 2px 2px 4px #000;
font-family: 'Nunito', sans-serif;
font-weight: 700;
	font-size: 22.0pt; 
	word-spacing: 12px;
	letter-spacing: 2px;
	padding-bottom:2%;
	z-index:4;
	
	}

#divv4 .up-buttons-div {
	top: -30px;
	position: absolute;
	width: 100%;
	
	}
#divv4 .up-buttons-div .up-buttons-div-cover {
	position: absolute;
	width:100%;
	height: 100%;
   	z-index:12;
	display:none;
}	

#divv4 .up-buttons-div .up-buttons-div-cover.on {
	display:block;
}	


.up-buttons-div>.up-buttons {

	position: relative;
	width: 100%;
	max-width: 750px; 
	margin:0 auto;
	
}	
	



.up-buttons-div>.up-buttons .button {
	position:relative;
	width: 29.333%;
	height: 180px;
	
	float:left;
	margin: 1.5% 2%;
	
		text-align: center;
		cursor: pointer;
	z-index: 10;
	
		
}



#galaxy .button-container { height: 180px; width:187px; margin: 20px auto; 
}

#galaxy .button { height: 180px; width:180px; margin-left:7px;}

#galaxy .button_A1.button {  margin-left:0px;}

#galaxy .button_A { background: url('img/button_A.png') no-repeat; background-size: cover;

 
}


 

#galaxy .button_A1 { background: url('img/button_A1.png') no-repeat; 
background-size: cover; top:0;  opacity: 1;
z-index:-3; position: relative; 


}

html.httppath #galaxy .button_A1 { background: url('../prace-tymczasowe/img/button_A1.png') no-repeat; 
background-size: cover; top:0;  opacity: 1;
z-index:-3; position: relative; 


}

html.world #galaxy .button_A { background-image: url('img/w-button_A.png'); 

}

html.europe #galaxy .button_A { background-image: url('img/eu-button_A.png'); 
 
} 

#galaxy .button_A1_animate { background: url('img/animacja_A1_2.gif') no-repeat; 
background-size: cover; left: -7px;
z-index:-2; position: relative; opacity:1;
margin-top: -100%; 
}

html.httppath #galaxy .button_A1_animate { background: url('../prace-tymczasowe/img/animacja_A1_2.gif') no-repeat; background-size: cover; left: -7px;
z-index:-2; position: relative; opacity:1;
margin-top: -100%; }

#kolo-container #downtext {
	width:93%;
	margin: 0 auto;
	text-align: center;
	position:relative;
color:DimGray;
top: -24px;
	font-family: 'RobotoLight';
font-weight: 100;
	font-size: 18.0pt;
	word-spacing: 3px;
	letter-spacing: 1px;
	z-index:11; 
	
	
}

html.httppath #kolo-container #downtext {
	font-family: 'RobotoLightHttpPath'; 
	
}	

html.poland #kolo-container #downtext {

top: -1px;

	
	
}


#divv2 .up-buttons-div>.up-buttons .button#play {
	
	display:block;

		
}
#divv2 .up-buttons-div>.up-buttons .button#play.playbutton {
	display:block;
	
}

#divv1 .up-buttons-div.SE {
	top: 1400px; position: absolute;
	width: 100%;
}

.up-buttons-div.SE>.up-buttons .button {
   	width: 100%;
	
	z-index: 10;
	cursor:default;
	}


#divv1 .up-buttons-div.SE>.up-buttons
{ width: 180px; height: 180px; position:absolute; left: 50%; margin-left: -90px;}
#divv1 .button.SE
{background:url('img/button_SE.png') no-repeat center; background-size: 100% 100%; 

}

#divv2 .up-buttons-div>.up-buttons .GOW
{background: url('img/button_W_1.png') no-repeat center;}
#divv2 .up-buttons-div>.up-buttons .GOE
{background:url('img/button_E_1.png') no-repeat center }
#divv2 .up-buttons-div>.up-buttons .GOP
{background:url('img/button_P_1.png') no-repeat center ;}

#divv2 .up-buttons-div>.up-buttons .empty
{cursor: inherit;}
#divv2 .up-buttons-div>.up-buttons>#play
{background:url('img/button_R.png') no-repeat center ; margin-top: 3.5%; }
#divv2 .up-buttons-div>.up-buttons .button, #divv4 .up-buttons-div>.up-buttons .button, #divv2 .up-buttons-div>.up-buttons>#play  {
background-size: 180px 180px;}

#divv4 .up-buttons-div>.up-buttons .fb
{background:url('img/1facebook.png') no-repeat center;}

html.tp #divv4 .up-buttons-div>.up-buttons .fb
{background-image:url('img/troll-czat.png');background-size:60%;}
#divv4 .up-buttons-div>.up-buttons .tv
{background:url('img/1tv.png') no-repeat center }
html #divv4 .up-buttons-div>.up-buttons .tv
{background-image:url('img/czat-pl.png'); background-size:72%;
}
html #divv4 .up-buttons-div>.up-buttons .tv.replaced
{background-image:url('img/czat-pl_serce.png'); 
} 






html.poland #divv4 .up-buttons-div>.up-buttons .tv.to_replaced
 {
transform: scale(1, 0.1);
-webkit-transform: scale(1, 0.1);
	animation: trollczat 800ms linear ;
	-webkit-animation: trollczat 800ms linear;
	
	
}

.ball {
	width: 5%;
}


@keyframes trollczat {
	0% {transform: scale(1,1);}
	100% {transform: scale(1,0.1);}
	
	
}
@-webkit-keyframes trollczat {
	0% {-webkit-transform: scale(1,1);}
	100% {-webkit-transform: scale(1,0.1);} 
	
	
}


html.poland #divv4 .up-buttons-div>.up-buttons .tv.after_replaced
 {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
	animation: trollczatback 800ms linear ;
	-webkit-animation: trollczatback 800ms linear;
	
	
}

@keyframes trollczatback {
	0% {transform: scale(1,0.1);}
	100% {transform: scale(1,1);}
	
	
}
@-webkit-keyframes trollczatback {
	0% {-webkit-transform: scale(1,0.1);}
	100% {-webkit-transform: scale(1,1);} 
	
	
}



#divv4 .up-buttons-div>.up-buttons .twiter
{background:url('img/1twiter.png') no-repeat center ;}

html.tp #divv4 .up-buttons-div>.up-buttons .twiter
{background:url('img/fake-news.png') no-repeat center  ; background-size:60%;}

.gop-title.text_line {
	margin-top: -8px;
	margin-bottom: 8px; 
	
}
.bigger_font { font-size:145%;} 


.gop-title.text_line>div {
	font-size: 175%;
	color: #e28b25;
	
	padding-top:8px;
	width: 100%;
	
}

.gop-title.text_line div#marqueeupdiv {
	font-size: 125%;
	color: #e99f45;

}



.gymnazjum_color {
	color: #e28b25;
}

.gop-title div.game  {
	font-size:3.2em;
	line-height: 1.2em;
	margin-top:1.35em;
}

html.poland .gop-title div.game  {

	margin-top:2.05em;
}

.gop-title div.game  {
	font-size:2.25em;
	
}




#divv1 #galaxy {
	padding:2.25% 0;
	
}


#divv2 .gop-title div.game  {

	line-height: 0.5em;
   
}

#divv2 .gop-title div.game p:first-child  {

	padding-top:28px;
   
}


#divv4 .gop-title div.game span  {
color:red;
}
html.world #divv4 .gop-title div.game span  {
color:#da00c8;
}
html.europe #divv4 .gop-title div.game span  {
color:#ffc600;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black, 2px 2px 4px black;
}

#divv1 .gop-title div.game {
line-height: 60%;
margin-bottom: 0%;	
margin-top: -150px; 

}

.gop-title#halo-orbit {
	position: absolute;	

}

.gop-title#halo-orbit div.game {
position: relative;	

	
	
}

.gop-title div.tablica-txt
  {  
	font-size:0.43em;	
	padding-bottom:0px;

}

#divv4 .gop-title div.tablica-txt
  {  
	font-size:0.68em;	
	padding:1.32% 0; 

}

#divv4 .gop-title div.tablica-txt.vote
{ top:308px; position: absolute; margin: 0 auto; width:100%; font-size:0.95em;}

#divv4 .gop-title div.tablica-txt.vote.animate {
	color: red;
	transform: scale(1.00);
	-webkit-transform: scale(1.00);
	animation: vote 2000ms linear infinite;
	-webkit-animation: vote 2000ms linear infinite;
	
	
}

@keyframes vote {
	0% {transform: scale(1.00);}
	50% {transform: scale(0.70);}
	100% {transform: scale(1.00);}
	
	
}
@-webkit-keyframes vote {
	0% {-webkit-transform: scale(1.00);}
	50% {-webkit-transform: scale(0.70);}
	100% {-webkit-transform: scale(1.00);} 
	
	
}
 
  
div.pisa  {
position: relative;
left: -50%;
}
div.pisa-wrapper  {z-index:8; position:absolute;  left: 50%; } 
div.pisa img {
		margin:0 auto;
			border: 1px red solid;
			border: none;
			
	}
#divv1 div.pisa img {
		 max-height:1200px;
		 height:1200px;
		 max-width:750px;
		
			
	}		
#divv1 div.pisa-wrapper  { bottom:0;  z-index:3; height:1200px; width:50%;} 

#divv1 .spaceship .data-line{
	z-index:4;
	position: relative;

} 

#divv1, #divv2, #divv3  {display:none;}



#wynik { 
	width:272px;
	height:50px;
	border: 2px solid white;
   top:130px;
	margin: 0 auto;
	background:black;
		border-radius: 8px ;
	position:relative;
}
#wynik #wynikbg  {
	margin: 0 auto;
	padding-left:14px;
	} 
   
#wynik .kolorowy-znak {
	position: relative;
	float:left;
	margin:5px 0px 0 0 ;
	padding:0;
	width:24px;
	height:35px;
		}
#wynik .kolorowy-znak img{
	width:24px;
	height:38px;	
}	

/*  Obrazy na srodku                       */

.img-center {
	position:relative;
	max-width:1100px;
	height:auto;
	margin: 0 auto;
	z-index:3;
	
}
.img-center img {
	width:100%;
	margin:0 auto;
	z-index:3; 
}
 
#divv1 .img-center .top {
	height: 250px;  
}
#divv1 .img-center .middle {
	height: 80px; 
}

#divv1 .img-center .middle>div.middlediv {
	margin-top:0px;  
	
}
#divv1 .img-center .bottom {
	height: 150px; 
}
#divv3 .img-center .top {
	height: 0px;
}
#divv3 .img-center .middle {
	height: 600px;
}
#divv3 .img-center .bottom {
	height: 500px;
}
 
#divv1 .img-center .irokez, #divv1 .img-center .spaceship  {
	width:100%;
	height: auto; 

	
}

#divv1 #landing-zone {
width: 100%;
height:1px;
top:40.5%;
top: 38.8%;
top:calc(40.5% - 12px);
background: pink;
position:absolute;
opacity: 0;
-webkit-opacity:0;

}

#divv3 .img-center .ksiezyc  {
	width:100%;
	height: auto;
} html.poland .ziemia .flagaclass { 
left:calc(50% - 1px);
 } 
 
	
#divv3 .img-center .ksiezyc {
background-position: 45% 50%;
	}	

#divv3 .ziemia {
	
	position:relative;
}	

.flaga {
	position: absolute;
		z-index:10;
	margin: 0 auto;
	left: 50%;
	animation:flaga_pl 1500ms steps(100) infinite;
    -webkit-animation:flaga_pl 1500ms steps(100) infinite;
	
}

html.world .ziemia .flaga {
	animation:flaga_world_ziemia 3200ms steps(131) infinite;
    -webkit-animation:flaga_world_ziemia 3200ms steps(131) infinite;
	
}
html.world.tp .ziemia .flaga {
	animation:none;
    -webkit-animation:none;
	
}


html.poland .flagaclass { 
background:url('img/flaga_pl.png') no-repeat;
	background-size: 124px 9457px;
	width: 124px;
	height: 95px;
 }
html.poland .ziemia .flagaclass { 
left:calc(50% - 1px);
 } 
.ziemia .flagaclass {transform:rotate(0.95deg);
 } 
 
	

html.world .flagaclass { 
background:url('img/flaga_w.png') no-repeat; 	background-size: 124px 9457px; width: 124px;
	height: 95px; left:calc(50% + 4px);
}
html.world.tp #sejm .flagaclass { 
display:none;
}

html.world .ziemia .flagaclass { 
background:url('img/flaga_unicef.png') no-repeat; 	background-size: 124px 12314px; width: 124px;
	height: 94px; left:calc(50% + 4px);
}
html.world.tp .ziemia .flagaclass { 
background:url('img/flaga-tp.png') no-repeat; 	background-size: 124px 94px; width: 124px;
	height: 94px; left:calc(50% + 124px);
}
html.europe .flagaclass { 
background:url('img/flaga_eu.png') no-repeat; 	background-size: 124px 9457px; width: 124px;
	height: 95px; left:calc(50% + 4px);
}

.flagaclass.flagaclass_bez_gwiazdy {
	display:none;
}

html.europe .flagaclass.flagaclass_bez_gwiazdy { 
display:block;
background:url('img/flaga_eu_bez_gwiazdy.png') no-repeat; 	background-size: 124px 9457px; width: 124px;
	height: 95px; left:calc(50% + 4px);
	z-index:11; opacity: 0.001;
}

html.world .flagaclass.flagaclass_bez_gwiazdy { 
display:block;
background:url('img/flaga_w_bez_znaku.png') no-repeat; 	background-size: 124px 9457px; width: 124px;
	height: 95px; left:calc(50% + 4px);
	z-index:11; opacity: 0.0001;
}

 
html.world .ziemia .flagaclass, html.europe .ziemia .flagaclass { 
left:calc(50% - 4px);
}
html.europe .ziemia .flagaclass { 
display:none;
}

.y, .serce {  position: absolute; z-index:10;
	margin: 0 auto; background-size: contain; background-repeat: no-repeat;  }

.y {
	width: 40px; height: 30px;
	left: 50%; 
}
#rocket-wrapper .serce {
	width: 40px; height: 30px; 
	left: 39%; bottom: 28%; 
}




html.world  .y {
	
	
}

	
html.poland .y  { 
background-image:url('img/Y.png');
} 

#rocket-wrapper .serce  { 
background-image:url('img/serce.png');
} 


html.europe .y { 
background-image:url('img/gwiazda.png');
width: 58px; height: 47px;
 
}

html.world #sejm .y { 
display: none; 
 
} 



html.europe #rocket-wrapper .y { 
margin-top: -3px; margin-right: 3px;  }

html.world .y { 
background-image:url('img/onz.png');
}	
html.poland .spaceship .konstytucja { 
background:url('img/konst_tucja.png') no-repeat; background-size: contain;  }
html.world .spaceship .konstytucja { 
background:url('img/w-konst_tucja.png') no-repeat; background-size: contain;  }  
html.europe .spaceship .konstytucja { 
background:url('img/eu-konst_tucja.png') no-repeat; background-size: contain;  }

.spaceship .konstytucja { 

width: 230px; height: 49px; position: absolute; z-index:9;
	margin: 0 auto;
	left: 50%;  
	}

html.poland .spaceship .konst_tucja { 
background:url('img/konst_tucja.png') no-repeat; background-size: contain; position: absolute; z-index:9;
 } 
html.europe .spaceship .konst_tucja { 
background:url('img/eu-konst_tucja.png') no-repeat; background-size: contain; position: absolute; z-index:9;
 } 
html.world .spaceship .konst_tucja { 
background:url('img/w-konst_tucja.png') no-repeat; background-size: contain; position: absolute; z-index:9;
 } 

.spaceship .konstytucja { 
	bottom: 21.37%; 
	margin-left: -110px; } 
	

	
		
	
@media all and (min-width: 1120px) {
html.world .spaceship .konstytucja { 
	bottom: calc(21.47% + 1px);
	margin-left: -113px;
	}
	
html.europe .spaceship .konstytucja { 
	bottom: 21.47%; 
	margin-left: -114px; }  	
	
}
		
	
html.world .spaceship .y {
	
	bottom: 759px; 
	margin-left: -12px; 
}

html.europe .spaceship .y {
	
	bottom: 754px;
	margin-left: -31px; margin-left: -21px;  
	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
}
html.poland .spaceship .y {
	
	bottom: 654px; 
	margin-left: -14px;
}

html.europe #divv4 #sejm .y { 
display:none ;
}

.spaceship .y.falldown {
	
	animation: falldown 1700ms ;
	animation-timing-function: cubic-bezier(0,0,0.45,1);
	-webkit-animation: falldown 1700ms;
	-webkit-animation-timing-function: cubic-bezier(0,0,0.45,1); 
}
html.world .spaceship .y.falldown {
	
	animation: falldown-world 1700ms ;
	animation-timing-function: cubic-bezier(0,0,0.45,1);
	-webkit-animation: falldown-world 1700ms;
	-webkit-animation-timing-function: cubic-bezier(0,0,0.45,1); 
}

html.europe .spaceship .y.falldown {
	
	animation: falldown-europe 1700ms ;
	animation-timing-function: cubic-bezier(0,0,0.45,1);
	-webkit-animation: falldown-europe 1700ms;
	-webkit-animation-timing-function: cubic-bezier(0,0,0.45,1); 
}


html.poland .spaceship .y {
	transform: rotate(72deg);
	-webkit-transform: rotate(72deg);
	
}

html.world .spaceship .y {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	
}

html.poland .spaceship .y.falldown {
	
	animation: falldown-y-rotate 1700ms ;
	animation-timing-function: cubic-bezier(0,0,0.45,1);
	-webkit-animation: falldown-y-rotate 1700ms;
	-webkit-animation-timing-function: cubic-bezier(0,0,0.45,1); 
	
}

@keyframes falldown-world {
	0% {bottom: 1050px; transform:rotate(180deg);}
	50% {bottom: 677px; transform:rotate(180deg);}
	60% {bottom: 677px;transform:rotate(120deg); }
	80% {bottom: 759px; transform:rotate(50deg); }
	100% {bottom: 759px; transform:rotate(0deg);  }
} 
@-webkit-keyframes falldown-world {
	0% {bottom: 1050px; transform:rotate(180deg);}
	50% {bottom: 677px; transform:rotate(180deg);}
	60% {bottom: 677px;transform:rotate(120deg); }
	80% {bottom: 759px; transform:rotate(50deg); }
	100% {bottom: 759px; transform:rotate(0deg);  }
}


@keyframes falldown-europe {
	0% {bottom: 1050px; transform:rotate(0deg);}
	50% {bottom: 677px; transform:rotate(0deg);}
	60% {bottom: 677px; transform:rotate(0deg);}
	80% {bottom: 754px; transform:rotate(140deg);}
	100% {bottom: 754px; transform:rotate(0deg);}
}
@-webkit-keyframes falldown-europe {
	0% {bottom: 1050px; transform:rotate(0deg);}
	50% {bottom: 677px; transform:rotate(0deg);}
	60% {bottom: 677px; transform:rotate(0deg);}
	80% {bottom: 754px; transform:rotate(140deg);}
	100% {bottom: 754px; transform:rotate(0deg);}
}

@keyframes falldown-y-rotate {
	0% {bottom: 1050px; transform:rotate(0deg);}
	100% {bottom: 654px; transform:rotate(72deg);}
}
@-webkit-keyframes falldown-y-rotate {
	0% {bottom: 1050px; -webkit-transform:rotate(0deg);}
	100% {bottom: 654px; -webkit-transform:rotate(72deg);}
}
@keyframes falldown {
	0% {bottom: 1050px;}
	100% {bottom: 677px;}
}
@-webkit-keyframes falldown {
	0% {bottom: 1050px;}
	100% {bottom: 677px;}
}
@keyframes falldown-left {
	0% {bottom: 1050px; margin-left:-17px;}
	100% {bottom: 654px; margin-left:-31px;}
}
@-webkit-keyframes falldown-left {
	0% {bottom: 1050px; margin-left:-17px;}
	100% {bottom: 654px; margin-left:-31px; }
}


#rocket .y {
	
	top: 8.75%; 
	margin-left: -2.75%;
}	

html.world #rocket .y {
	
	margin-top: -0.4%; 
	margin-left: -2.95%;
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
}	


html.europe #rocket .y {
	
	top: 7.45%; 
	margin-left: -3.45%;
}	


.hidden {display:none; }  

#sejm .y {
		bottom: 14.3%; 
	margin-left: -40px;
}
html.world #sejm .y {
		bottom: calc(14.3% -1px); 

}

#divv3 .ziemia .flaga{
	
    top: 17.45%;
	margin-left: -121px;
	
	 background-position:0 0; 
}

html.world #divv3 .ziemia .flaga{
	
    top: 17.65%;
	
}

.flip-vh {
    -moz-transform: scale(-1,-1);
    -o-transform: scale(-1,-1);
    -webkit-transform: scale(-1,-1);
    -ms-transform: scale(-1,-1);
    transform: scale(-1,-1);
   
		
    
}
html.europe #divv4 #sejm .flaga.flip-vh, html.world .ziemia .flaga {
    -moz-transform: scale(-1,1);
    -o-transform: scale(-1,1);
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    
}

html.world.tp .ziemia .flaga {
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    
}


html.world #divv4 #sejm .flaga.flagaclass_bez_gwiazdy.flip-vh{
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -webkit-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    
}

@keyframes flaga_world_ziemia
{
  0% { background-position:0 0; }
  100% { background-position:0 -12314px; }
}

@-webkit-keyframes flaga_world_ziemia
{
 0% { background-position:0 0; }
 100% { background-position:0 -12314px; }
}



@keyframes flaga_pl
{
  0% { background-position:0 0; }
  100% { background-position:0 -9457px; }
}

@-webkit-keyframes flaga_pl
{
 0% { background-position:0 0; }
 100% { background-position:0 -9457px; }
}

/*  Video - sejm       */

#sejm {
	position: relative;
	margin-top:300px;   
	margin-bottom:-25px; 
	
	}
	

#sejm .flaga {

    bottom: 16.1%; 
	margin-left: 5px;
		 background-position:0 0; 
	
}

html.europe #sejm .flaga {

    bottom: 15.6%;
	
	
}
html.world #sejm .flaga {

    bottom: 15.6%;
	
	
}


#buttonvideo {
	position:absolute;
	margin:0 auto;
	width:100%;
   bottom: 462px;  
   font-size: 18pt;
		
}

#zero { 
position:absolute;
z-index:1;
	top:1210px;
	left:50%;
	margin-left: -105px;
	width:210px;
	height:160px; 
	background:url('img/sky.jpg') no-repeat top center;
	background-size: 45% 45%;
	
	
}	
#zero>div { display: none;}


#zero.ring___________>div{ background:url('img/ring.png') no-repeat top center; 
		background-size: 100% 100%; width:100%; height:120%; display: block; position:absolute; background: white; margin-top: -20%;  
	
	
}

 #zero video {margin-top: -25%; width: 120%; height: 120%; }   
 
@media all and (min-width:1599px) {
 #zero video {margin-top: -23%; width: 140%; height: 140%; }   	 
	
} 
 
#false_images_no_video {
	position:relative;
	display:block;
	z-index:4;
	bottom:244px;
	left:5px;
	cursor: pointer;
height:440px;
width:220px;
margin: 0 auto;
	}
	
	
#zero img {width:100%; height: 100%; }
	
/* Button red */
#loading { 
    margin: 0 auto;
    width: 56%;
    height: 28%;
    border-radius: 50%;
	border: 24px solid #FFF;  
    position: relative;
    top: 266px ;
    z-index: 8; 
	box-sizing: border-box;
    background:red;}
	
html.world #loading {
	background: #da00c8;
}
html.europe #loading {
	background: #0082ff;
}
	
#loading.loading {  
    
	-webkit-animation: boing 3s linear infinite;
   animation: boing 3s linear infinite;
   }

#red {
    
    width: 40%;
    height: 20%;
    background: #440000;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 283px;
    left: 30%;
	z-index:7; 
	transform: scale(1.29);
	-webkit-transform: scale(1.29);
	box-shadow: 0 0 0 0px rgba(255,0,0,1);
	opacity:0.5 ;

}

#go{
	color:white;
	width: 40%;
	height: 20%;
	z-index: 8;
	 top: 307px;
    left: 30%;
    display: block;
    position: absolute;
	text-align:center;
   padding: 4% auto; 
   font-size: 180%;
   font-weight: 900;
   letter-spacing :2pt;
   opacity:1;
   margin-top:0px;
  

} 

#go.go {
	 -webkit-animation: go1 3s ease-out infinite;
    animation: go1 3s ease-out infinite;
	
}

@keyframes go1  
{
  0% {   opacity:0; font-size: 120%;    }
  5% {  opacity:1; font-size: 120%;     }
      6% {   opacity:1; font-size: 120%;  }
  50% {    opacity:1; font-size: 180%; margin-top: -4%;  }
  61% {   opacity:0; font-size: 120%;  }
  100% {   opacity:0; font-size: 120%;    }
}
@-webkit-keyframes go1  
{
  0% {   opacity:0; font-size: 120%;    }
  5% {  opacity:1; font-size: 120%;     }
      6% {   opacity:1; font-size: 120%;  }
  50% {    opacity:1; font-size: 180%; margin-top: -4%;  }
   61% {   opacity:0; font-size: 120%;    }
  100% {   opacity:0; font-size: 120%;    }
}

html.world #red  {
	  background: #da00c8;
		box-shadow: 0 0 0 0px #da00c8;
} 
html.europe #red  {
	  background: #0082ff;
		box-shadow: 0 0 0 0px #0082ff;
} 

#red.red {
   
	-webkit-animation: boing-inner-2 3s ease-out infinite;
    animation: boing-inner-2 3s ease-out infinite;
	
}

html.europe #red.red {
   
	-webkit-animation: eu-boing-inner-2 3s ease-out infinite;
    animation: eu-boing-inner-2 3s ease-out infinite;
	
}
html.world #red.red {
   
	-webkit-animation: w-boing-inner-2 3s ease-out infinite;
    animation: w-boing-inner-2 3s ease-out infinite;
	
}

@-webkit-keyframes boing  
{
  0% {   border: 24px solid #FFF;
    }
  
      50% {   border: 10px solid #FFF;    }
  100% {   border: 24px solid #FFF;  }
}

@-webkit-keyframes boing-inner-2 
{
  0% { -webkit-box-shadow: 0 0 0 0px rgba(255,0,0,1);opacity:0.45 ; }
  10% { -webkit-box-shadow: 0 0 0 0px rgba(255,0,0,1);  opacity:0.35;
         }
   50% { 
   -webkit-box-shadow: 0 0 0 250px rgba(255,0,0,1); 
opacity:0.01;
      
  }
  70% { -webkit-box-shadow: 0 0 0 0px rgba(255,0,0,1); 
      opacity:0.01;
  } 
    
      100% { -webkit-box-shadow: 0 0 0 0px rgba(255,0,0,1); 
          opacity:0.01;
  } 
}


@-webkit-keyframes w-boing-inner-2 
{  0% { -webkit-box-shadow: 0 0 0 0px #da00c8; opacity:0.5 ; }
  10% { -webkit-box-shadow: 0 0 0 0px #da00c8;  opacity:0.35;         }
  50% {  -webkit-box-shadow: 0 0 0 250px #da00c8; 
opacity:0.01; }
  70% { -webkit-box-shadow: 0 0 0 0px #da00c8; 
      opacity:0.01;  } 
   100% { -webkit-box-shadow: 0 0 0 0px #da00c8; 
          opacity:0.01;  } 
}	
@keyframes w-boing-inner-2 
{
  0% { box-shadow: 0 0 0 0px #da00c8; opacity:0.5 ; }
  10% { box-shadow: 0 0 0 0px #da00c8;  opacity:0.35;   }
  50% { box-shadow: 0 0 0 250px #da00c8; 
opacity:0.01; }
  70% { box-shadow: 0 0 0 0px #da00c8; 
      opacity:0.01; } 
  100% { box-shadow: 0 0 0 0px #da00c8; 
          opacity:0.01; } 
}
@-webkit-keyframes eu-boing-inner-2 
{  0% { -webkit-box-shadow: 0 0 0 0px #0082ff; opacity:0.5 ; }
  10% { -webkit-box-shadow: 0 0 0 0px #0082ff;  opacity:0.35;         }
  50% {  -webkit-box-shadow: 0 0 0 250px #0082ff; 
opacity:0.01; }
  70% { -webkit-box-shadow: 0 0 0 0px #0082ff; 
      opacity:0.01;  } 
   100% { -webkit-box-shadow: 0 0 0 0px #0082ff; 
          opacity:0.01;  } 
}	
@keyframes eu-boing-inner-2 
{
  0% { box-shadow: 0 0 0 0px #0082ff; opacity:0.5 ; }
  10% { box-shadow: 0 0 0 0px #0082ff;  opacity:0.35;   }
  50% { box-shadow: 0 0 0 250px #0082ff; 
opacity:0.01; }
  70% { box-shadow: 0 0 0 0px #0082ff; 
      opacity:0.01; } 
  100% { box-shadow: 0 0 0 0px #0082ff; 
          opacity:0.01; } 
}  	
	


@keyframes boing 
{
  0% {

    border: 24px solid #fff;
    }
    
  
      50% { 

    border: 10px solid #fff;
	
   
   }

  100% { 
 
    border: 24px solid #fff;
    
   }
}

@keyframes boing-inner-2 
{
  0% { box-shadow: 0 0 0 0px rgba(255,0,0,1); opacity:0.5 ; }
  10% { box-shadow: 0 0 0 0px rgba(255,0,0,1);  opacity:0.35;
         }
    
  50% { 
   box-shadow: 0 0 0 250px rgba(255,0,0,1);  
opacity:0.01;
      
  }
  70% { box-shadow: 0 0 0 0px rgba(255,0,0,1); 
      opacity:0.01;
  } 
    
      100% { box-shadow: 0 0 0 0px rgba(255,0,0,1);  
          opacity:0.01;
  } 
}


	
/*   Koła ratunkowe  */ 	

#kolo-container {position:absolute; bottom:2px; min-height: 30px; width:100%; }

#kolo {
	position: relative;
	margin: 0 auto;
	min-height: 30px;
	width: 100%;
	
	
	
}

	
#kolo ul {
list-style-type:none;
	font-family: 'Roboto Condensed', sans-serif; color: black; bottom:0; 
	max-width: 2200px;
	position:relative; 
	padding: 0;
	margin: 0;
	left:1%;
	display:inline-block;
    width:98%;
  
	
} 
#kolo ul li {
	 display:block;
	position:relative;
	z-index:10; 
	  
    font-size: 12pt;
	bottom:0;
	width: 3%;
	height: auto;
	margin: 10px 1px; 
	margin-top:50px;
	background-image: url('img/kolo.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 0%;
	padding: 0.89%; 
	text-indent: 2px;
	text-align: center;
	cursor: pointer;
		
}

#kolo ul li>img {
	position: absolute;
    display: none;  
	width: 100%;
	height: auto;
	top: -33%; 
	left: 0.5%;
	
	}

	
@media all and (max-width:1400px) and (min-width:1121px)	{
	#kolo ul li>img {	
	top: -26%; 		}
	
}

#kolo ul li.rotation {
	/* animation: rotacja linear 2000ms  infinite;
	-webkit-animation: rotacja linear 2000ms infinite;
  transform: rotate(0deg);   

  background-image: url('img/kolo-anim.png');
  background-position: 50% 0;
  background-size: 55px 206px; 

  
  animation: rotacja2 steps(4) 800ms  infinite;
	-webkit-animation: rotacja2 steps(4) 800ms infinite;
  */
   background-image: url('img/kolo.gif');
     
}

#kolo ul li.rotation>img {
	
   display: block;
     
}


#kolo ul li.inactive {	display:none!important; 
}


@keyframes rotacja2 {
	0% {background-position: 50% 0;}
    100% {background-position: 50% -206px}   	
	
}
@-webkit-keyframes rotacja2 {
	0% {background-position: 50% 0;}    100% {background-position: 50% -206px;} 
}	

@keyframes rotacja {
	0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}   	
	
}
@-webkit-keyframes rotacja {
	0% {transform:rotate(0deg);}
    100% {transform:rotate(360deg);}   	
	
}


   #kolo button.kolo_next, #kolo button.kolo_prev  {
       display:block;
	   float:left;
	 	   height:45px;
		   max-width:27px;
		   width:11px;
		   position:absolute;
		  bottom:13%;
		  margin: 0 2px;
		  background-color: transparent;
		  border: none;
		  background-image: url('img/arrow_prev.png');
		  background-repeat: no-repeat;
		   	    
			background-size: 100%;
			z-index:11; 
			cursor:pointer;
   }	
		
		
     #kolo button.kolo_next, #kolo button.kolo_next {
     	  background-image: url('img/arrow_next.png');
		   
		   right:0;
		  	    }
/* ------------------ */
	
/*   Koła ratunkowe  */ 
	
	
	
/* Slideshow   -  dolny i gĂłrny */

 .slides-down, .slides-up { 
	  width:100%; 
	  position:relative;
	 margin: 0 auto;
			
  }
  
.slides-up  {
	top:150px;
	position:relative;
	width:100%;
	height: 350px;
	z-index:9;
	
}  
.slides-up-r1 {
	
	
}  
.slides-up-r2 {
	
}
  
.slides-down .slides-box {
font-size: 14px;
float:left;
width:100%;
      position: relative;
      height:100%;       
      overflow: hidden;
	  margin: 0 auto;
	  	  background:url("img/bg-dol.jpg") ;
background-size: 100% 100%;
background-repeat: no-repeat;

    }
		  .slides-up .slides-box {
            font-size: 14px;
width:100%;
      position: absolute;
           }

	.slides-box .content {
      margin: 0;
      padding: 0;
	  
	      }
.slides-down .slides {position:relative;
	
	top:-1268px;} 	 

.slides{
	display:none;  }
	
.slides-up .slides {
width:100%;
height:100%;
	} 	
.slides-up .slides-box .content {position:relative;
width:100%;
height:100%;
left:0;
      

}
	
.slides .content li img {
	width:100%;
	height:100%;

}

.slides-up .slides .content div.helm {
	position:absolute; 
	width:90%;
	height:90%; 
	left:-9.5%;
	top: 16%;


}
.slides-down .slides .content div.helm {
display:none;

}
.slides-up .slides .content div.helm img{
	width:140%;
	height:auto; 
	
}

.slides-up .slides .content  .current div.helm img{
	width:255%;
	height:auto; 
	margin-left: -60%; 
	margin-top: -21%;
	

}
.slides-up .slides .content  .current div.helm {
	position:absolute;

	
}


#divv4 .slides-box {
}

.slides-box .content li  {
      font-size: 10px;
      margin: 0 40px;
      padding: 0px;
      width: 150px;
	  height:150px;
      list-style: none;
      text-align: center;
    	  float: left;
	 }
	 .slides-up .slides-box .content li
	 {margin: 0 0px;   padding: 0 0px;	}
	 
	 
.active {
      height: 100%;  
    }  
   
 .slides-down button.next, .slides-down button.prev, .slides-up button {
       display:block;
	   float:left;
	 	   height:45px;
		   max-width:23px;
		   width:23px;
		   position:relative;
		  bottom:140px;
		  margin: 0 3px;
		  background-color: transparent;
		  border: none;
		  background-image: url('img/arrow_prev.png');
		  background-repeat: no-repeat;
		   	    
			background-size: 100%;
			z-index:8; 
			cursor:pointer;
   }	
		
		
	.slides-up button {
		position:absolute; 
		z-index:11; 
		top:18%;
		
	 background-image: url('img/arrow-up.png');
		
	}	
		
     .slides-down button.next, .slides-up button.next {
     	  background-image: url('img/arrow_next.png');
		   float:right;
		  	    }
				.slides-up button.next {
				right:0px;	
				background-image: url('img/arrow-up2.png');
					
				}

      
   .slides-down .active li  {
      position: absolute; 
      bottom: 40px;
	  display:none;
	float:left;   }
	
	 .slides-up .active li  {
      position: absolute; 
   	  display:none;
	float:left;   }  
	
	
    .slides-down .active li.current {
      bottom: 44px;
 	  display: block;
	  left:50%;
	margin-left: -75px;
	z-index:2; 
	}
	
	.slides-up .active li.current  {
		  display: block;
	  left:45.5%;
	
	}
	

.slides-down .active li.side {
		cursor:pointer;		
	}
				  
.active li.side  {	  display: block;
	  margin-left: -65px;
 z-index:6;	      }

 	
	
.slides-down .active li.side .twarz.cien 
{
z-index:1; 
	border-radius:50%;
	box-shadow: 0px 0px 14px 4px #777;
}	




.FalseLiDivs {
	width:100%;
	height: 180px;
	position: absolute;

top: -220px;
left:0px;
z-index:6;


}
.FalseLiDivs>div {
	width:11%;
	height: 100%;
	position: relative;
margin: 0 0.59%;
cursor: pointer;

}

.FalseLiDivs>div#curr {
	position: absolute;
	left: 40.5%;
	
	width: 18%;

	
	
} 


.FalseLiDivs>div.hidden { display:none; }





.FalseLiDivs>div.prev {
	float: left;
margin-left:1%;
}
.FalseLiDivs>div.next {
float: right;
margin-right: 1%;
}

.FalseLiDivs>div.prev3 {
	margin-left: 3.5%;
}
.FalseLiDivs>div.next3 {
margin-right: 3.5%;
}

.slides-up .falsediv-r {
	position:absolute;
	top: -30%;
	width: 100%;
	height: 90%;
	z-index:10;

}

	
@media all and (min-width:1300px)  {
		
		  .active li.prev1 {
      	  	  left:33%;
	      }.active li.prev2  {
      	  	  left:21%;
	      }.active li.prev3 {
      	  	left:9%  ;
					 }
			  .active li.next1 {
   
		  right:33%; 
		  margin-right: -65px;
	      }.active li.next2  {
    
		  right:21%;
		  margin-right: -65px;
	      }
		    .active li.next3  {
		       right:9%;
		  margin-right: -65px;               }
		  
		  .slides-up .active li.prev1 {
      	  	  left:31%;
	      }.slides-up .active li.prev2  {	  left:17.5%;   }      .slides-up .active li.prev3 {
      	  	left:4%  ;}
			  .slides-up .active li.next1 {	  right:31%;   }  .slides-up .active li.next2  {  right:18%;      }
		    .slides-up .active li.next3  {    right:5%;      }
		  
		
	}

@media all and (min-width:1121px) and (max-width:1299px)  {
  
  .active li.prev3 {
      	  	  display:none;
	      }.active li.next3  {
      	  	  display:none; }
		  .active li.prev1 {
      	  	  left:30%;  }
		.active li.prev2  {
      	  	  left:12%;
	      }.active li.next1 {
   		  right:30%;
		  margin-right: -65px;
	      }.active li.next2  {
    	  right:12%;
		  margin-right: -65px;
	      }
		  
		  .FalseLiDivs>div.prev2 {
	margin-left: 4.5%;
}
.FalseLiDivs>div.next2 {
margin-right: 4.5%;
}
		  .FalseLiDivs>div.prev3 {
	display: none;
}
.FalseLiDivs>div.next3 {
display: none; 
}
.FalseLiDivs>div {
	width:16%;
	
margin: 0 0.59%;

}

		  
		  .slides-up .active li.prev1 {
      	  	  left:25%;   }
		  .slides-up .active li.prev2  {  	 left:8%;     }
		  .slides-up .active li.next1 {
   		  right:25%;  } 
		  .slides-up .active li.next2  {	  right:8%;    }
	

.slides-down .active .empty.side.prev3, .slides-down .active .empty.side.next3  {display:none;}
	
		  
}	  
.slides-down li.current img.szarzy {
display:none;

}	
	
.slides-down li.side img.kolorowe {
display:none;

}

.slides-up .li.current img.szarzy {
	display:none;
}

li div.twarz {border-radius: 50%;overflow: hidden; margin:0; padding:0; width:100%; height: 100%;}	
li div.twarz img.szarzy, li div.twarz img.kolorowe {width:106%; height: 106%; margin-left:-3%; margin-top: -3%;}	
	  
		  
.slides-down .dane, .slides-up .dane {
	margin-left: 0;
	position:absolute;
	color: white;
	font-size: 10.5pt;
	bottom: 180px; 
	text-transform: uppercase;
	width:99.5%;
	
	font-family: 'Nunito', sans-serif;
font-weight: 700;  
	word-spacing: 1px;

}  
.slides-up .dane {
	bottom: 210px;
	
		}

.slides-down .current .dane {
	bottom: 306px; 
	width: 200%;
	margin-left: -50%;
	}
.slides-up .current .dane {
		
	width: 200%;
	margin-left: -50%;
	
	}
	
.slides-down .dane .miasto, .slides-up .dane .miasto  {
	color: red;
	padding-top: 5px;
	font-size: 92%;
	display:block; 
	}  
.slides-down .dane .miasto.red, .slides-up .dane .miasto.red {color:red;}



.slides-down .punkty { 
	position:absolute; bottom: 245px;
		border: 2px solid white;
		background:black;
		border-radius: 8px ;
		display:block;
	
} 

.slides-down .punkty, .slides-up .punkty { width:133px;
	height:25px;}

.slides-up .punkty { 
	position:relative; bottom: 25px;
		border: 1px solid white;
	margin-bottom: 7%;   
margin-left: 11px;

		background:black;
		border-radius: 7px ;
		display:block;
	
} 
 
 
.punkty .punktybg{ margin-left: 5px; 
margin-top:2px;	
}
.slides-down .punkty { margin-left: 5%; 
}
 
.punkty .bialy-znak {
	display:block;
	position: relative;
	float:left;
	margin:0px 0px 0 0 ;
	padding:0;
	width:12px;
	height:21px;	
		}


.dane .ident {
display:none;	
}  

.slides li.inactive .image ,
.slides li.inactive .dane, .slides li.inactive .twarz, .slides li.inactive .punkty { display:none!important;}

html.world .no-w {
	display: none;
}
html.europe .no-eu {
	display: none;
}
html.poland .no-pl {
	display: none;
}

.bit_down {
   padding-top: 50%;
}




/* The Modal (background) */


.modal {
   

    position: fixed; /* Stay in place */
    z-index: 111; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.75); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
	max-width: 675px;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}


.popup-title-1 {text-align: center;
    border-bottom: 2px solid #d6d6d6;
    max-width: 550px;
    margin: 0 auto;
    font-size: 32px;}

.popup-title-2-3 {text-align: center;    margin-top: -5px;}

.popup-image {margin-top: 20px;margin: 0 auto;
    display: block;
    max-width: 175px;
}
.popup-image-replay {    margin: 0 auto;
    display: block;
    max-width: 175px;
    margin-top: -21px;
    margin-bottom: -10px;
}