@media all and (max-width: 600px) {
html, body {  max-width: 600px; min-width: 311px;} 

.bgdiv {}
#divv1 {  } 
#divv2 { min-height:650px; }
#divv3 {  }
#divv4 {  } 


#rocket { width: 311px; height:258px; bottom:0px } 

.smokeclass {
	width: 311px; height: 300px;
	
background-size: 311px 3600px;
	top: -11px;  

}
#smoke {  

animation:dym_4 500ms steps(12) infinite;
 -webkit-animation:dym_4 500ms steps(12) infinite;
}
@keyframes dym_4
{
  0% { background-position:0 0; }
  100% { background-position:0 -3600px; }
}

@-webkit-keyframes dym_4
{
  0% { background-position:0 0; }
  100% { background-position:0 -3600px; }
}




#rocket-wrapper { margin-left:-153px;  width: 311px; } 

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



div#wodafix {
    height: 130px;
    bottom: -80px;
    left: 7px;
	}
div#wodafix div {
	height:130px;
	width:311px;
	left:48.5%;margin-left:-155px; top:-4px;}


/*  LICZNIK GŁÓWNY Kolorowy - wynik */

.gop-title {
top:60px;
	font-size: 4.5pt;	 }
	
.gop-title.text_line span#tekst {

	font-size:79%; 
	margin-top:-70px;
	 }
.gop-title.text_line div#marqueeupdiv {

	margin-top:-6px;
	 }
.middlediv .gop-title {
margin-bottom: 50px;
	
	
}	
#divv1 .spaceship {
     margin-top:-10.8%; 
	
}
	
#divv1 .diversity-title {

margin-top: -60px;

text-shadow: 1px 1px 3px #000;

	font-size: 9.6pt;
	word-spacing: 2px;
	letter-spacing: 1px;
	
	}

#divv4 .up-buttons-div {
	top: -15px;

	}

.up-buttons-div>.up-buttons {
	max-width: 310px; 
}	
	
.up-buttons-div>.up-buttons .button {
		height: 90px;
	
}


#divv2 .up-buttons-div>.up-buttons .button, #divv4 .up-buttons-div>.up-buttons .button, #divv2 .up-buttons-div>.up-buttons>#play  {
background-size: 98px 98px;}

#galaxy .button { height: 90px; width:90px; margin: 15px auto; margin-top:24px; 
}
  
/* ----Wojtek ----- 2018  */

.gop-title div.tablica-txt.vote
{ top:214px; }

#galaxy .button-container { height: 82px; width:82px; margin: 20px auto; left: -1px;
}

#galaxy .button { height: 82px; width:82px; margin-left:-2px;} 



#galaxy .button_A1.button {  margin-left:1px; top:3px}



#galaxy .button_A.button {  margin-left:1px; }


#galaxy .button_A1_animate {
margin-top: -100%;
top: -13px; left: 1px; 
background-size: 100% 100%!important
 }
 
  #kolo-container #downtext {

top: -27px; padding-bottom: 18px; 

	
}
 

#divv1 .up-buttons-div.SE {
	top: 395px; 
}

#divv1 .img-center .irokez img
 { 	margin-bottom: 0px;
}

#divv1 .up-buttons-div.SE>.up-buttons
{ width: 90px; height: 90px;  left: 50%; margin-left: -45px; top:0;}

.gop-title#halo-orbit {
top: -5px;

}




#divv2 .gop-title  {
	top:23px;
	bottom:0px;
	
	
}
#divv4 .gop-title div.tablica-txt
  {  
	padding:2.5% 0;

}


#divv2 .gop-title div.game  {	line-height: 0.5em;}

#divv2 .gop-title div.game p:first-child  {
padding-top:8px;   }

div.pisa img {
		 
max-width:450px; }


#divv1 div.pisa img {
		 max-height:360px;
		 height:360px;
		 max-width:350px;
		
			
	}		
#divv1 div.pisa-wrapper  {  height:360px; } 

#divv1 #landing-zone {
top:35.6%;

}


.y { 
width: 20px; height: 15px; 	background-size:contain;
left: 50%; }	

#rocket-wrapper .serce {
	width: 16px; height: 13px;  
	left: 38.5%; bottom: 17%; 
}

html.europe .y { 

width: 22px; height: 16px;
 
}

.spaceship .konstytucja { 
width: 64px; height: 14px; 	
	}

.spaceship .konstytucja { 
	bottom: 19.39%; 
	margin-left: -30px; } 

html.world .spaceship .konstytucja { 
	bottom: 19.39%; 
	 } 	
	
html.poland .spaceship .y {
	bottom: 193px; 
	margin-left: -6px;
}	
html.europe .spaceship .y {
	bottom: 214px; 
	margin-left: -7px;
}	
html.world .spaceship .y {
	bottom: 215px;
	margin-left: -8px;
}	

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

@keyframes falldown-world-600 {
	0% {bottom: 305px; transform:rotate(180deg);}
	50% {bottom: 195px; transform:rotate(180deg);}
	60% {bottom: 195px;transform:rotate(120deg); }
	80% {bottom: 215px; transform:rotate(50deg); }
	100% {bottom: 215px; transform:rotate(0deg);  }
}
@-webkit-keyframes falldown-world-600 {
	0% {bottom: 305px; transform:rotate(180deg);}
	50% {bottom: 195px; transform:rotate(180deg);}
	60% {bottom: 195px;transform:rotate(120deg); }
	80% {bottom: 215px; transform:rotate(50deg); }
	100% {bottom: 215px; transform:rotate(0deg);  }
}



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



@keyframes falldown {
	0% {bottom: 305px;}
	100% {bottom: 195px;}
}
@-webkit-keyframes falldown {
	0% {bottom: 305px;}
	100% {bottom: 195px;}
}

@keyframes falldown-y-rotate {
	0% {bottom: 305px; transform:rotate(0deg);}
	100% {bottom: 193px; transform:rotate(72deg);}
}
@-webkit-keyframes falldown-y-rotate {
	0% {bottom: 305px; -webkit-transform:rotate(0deg);}
	100% {bottom: 193px; -webkit-transform:rotate(72deg);}
}

#rocket .y {
		top: 8.35%; 
	margin-left: -2.75%;
}	
html.europe #rocket .y {
	
	top: 9.95%; 
	margin-left: -3%;
}

html.world #rocket .y {
	
	top: 9.35%; 
	margin-left: -4%;
}


#sejm .y {
		bottom: 13.9%; 
	margin-left: -17px;
}

/*  Obrazy na środku                       */

.img-center {
	max-width:296px;} 
.img-center img {  }
.spaceship img {
	max-width:600px; }
 
#divv1 .img-center .top {
	height: 100px; 
}
#divv1 .img-center .middle {
	height: 140px; 
}
#divv1 .img-center .bottom {
	height: 50px; 
}
#divv3 .img-center .top {
	height: 0px;
}
#divv3 .img-center .middle {
	height: 90px;
}
#divv3 .img-center .bottom {
	height: 0px;
}  
  #wynik { 
	width:162px;
	height:28px;
   top:80px;
		border-radius: 6px ;
	
}
#wynik #wynikbg  {
	margin: 0 auto;
	padding-left:6px;	} 
   
#wynik .kolorowy-znak {
	margin:2px 0px 0 0 ;
	width:15px;
	height:24px;
		}
#wynik .kolorowy-znak img{
	width:15px;
	height:24px;	
}	

                    




 #divv2 .gop-title div.gameover>div#play
  {  
  margin-top:3%; 

  }
.flaga {
	
	animation:flaga_pl_600 1500ms steps(100) infinite;
    -webkit-animation:flaga_pl_600 1500ms steps(100) infinite;
	
}  
  
#divv3 .ziemia .flaga{
	
    top: 17.25%;
	margin-left: -100px;
	

}

html.world #divv3 .ziemia .flaga{
	
    top: 17.25%;
	margin-left: -43px;
	

}

#sejm .flaga {

    bottom: 16.2%; 
	margin-left: 3px;

	
}
html.europe #sejm .flaga {

	margin-left: 1px;
	
}
html.world #sejm .flaga {

	margin-left: 1px;
	
}

html.poland .flagaclass { 
background:url('img/flaga_pl-344.png') no-repeat;
background-size: 39px 2974px;width: 39px;
	height: 30px;  }
	
	
html.poland .ziemia .flagaclass { 

left:71%;	}
	
html.world .flagaclass { 
background:url('img/flaga_w-344.png') no-repeat;
background-size: 39px 2974px;width: 39px;
	height: 30px; left:calc(50% + 1px); }

html.world .ziemia .flagaclass { 
background:url('img/flaga_unicef-344.png') no-repeat;
background-size: 39px 4446px;width: 39px;
	height: 30px;  }	
	
	
	
html.europe .flagaclass { 
background:url('img/flaga_eu-344.png') no-repeat;
background-size: 39px 2974px;width: 39px;
	height: 30px; left:calc(50% + 1px); }
	
html.europe .flagaclass.flagaclass_bez_gwiazdy { 
background:url('img/flaga_eu_bez_gwiazdy_344.png') no-repeat; background-size: 39px 2974px;width: 39px;
	height: 30px;  }	
	
html.world .flagaclass.flagaclass_bez_gwiazdy { 
background:url('img/flaga_w_bez_znaku_344.png') no-repeat; background-size: 39px 2974px;width: 39px;
	height: 30px;  }		

html.world .ziemia .flagaclass, html.europe .ziemia .flagaclass { 
left:calc(50% + 3px);
}

html.world.tp .ziemia .flagaclass { 
	background-size: 39px 30px; width: 39px;
	height: 30px; left:calc(50% + 44px);
}


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


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

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


	
@keyframes flaga_pl_600
{
  0% { background-position:0 0; }
  100% { background-position:0 -2974px; }
}

@-webkit-keyframes flaga_pl_600
{
 0% { background-position:0 0; }
 100% { background-position:0 -2974px; }
}
  
  /*  Video - sejm       */

#sejm {
	margin-top:250px;
	margin-bottom:65px; 
	overflow: hidden;
		}
		
	
	
#buttonvideo {bottom: 194px; font-size: 5pt;}


#zero { 
	top:529px;
	left:50%;
	margin-left: -45px;
	width:91px; 
	height:68px;
}

 #zero video {margin-top: -21%; margin-left: -91%; width: 96%; height: 96%; }  

#false_images_no_video {
	bottom:110px;
	left:1px;
	height:140px;
width:70px; 	}
	
#loading{ top: 113px; left: 0px;    width: 46%;   height: 23%; border: 7px solid #FFF;  }
#red {  top: 118px; left: 31%;    width: 28%;  height: 14%; }
#go{
   top: 112px;
  
 letter-spacing: 0.9pt;
} 







#loading.loading {   
    
	-webkit-animation: boing-600 3s linear infinite;
   animation: boing-600 3s linear infinite;
   }

#red.red {
   
	-webkit-animation: boing-inner-2-600 3s ease-out infinite;
    animation: boing-inner-2-600 3s ease-out infinite; 
	
}  
html.europe #red.red {
   
	-webkit-animation: eu-boing-inner-2-600 3s ease-out infinite;
    animation: eu-boing-inner-2-600 3s ease-out infinite;
	
}
html.world #red.red { 
   
	-webkit-animation: w-boing-inner-2-600 3s ease-out infinite;
    animation: w-boing-inner-2-600 3s ease-out infinite;
	
}
 
   
@-webkit-keyframes boing-600 {
  0% { border: 10px solid #FFF; }    
     50% {   
	border: 4px solid #FFF;  }
  100% {     border: 8px solid #FFF;  }
} 
@keyframes boing-600 {
  0% {    border: 10px solid #fff;   }
     50% {  border: 4px solid #fff;   }
  100% {  border: 8px solid #fff;   }
} 
  
@-webkit-keyframes boing-inner-2-600
{
  0% { -webkit-box-shadow: 0 0 0 0px rgba(255,0,0,1); opacity:0.5 ; }
  10% { -webkit-box-shadow: 0 0 0 0px rgba(255,0,0,1);  opacity:0.35;   }
  50% {    -webkit-box-shadow: 0 0 0 74px 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; } 
}		

@keyframes boing-inner-2-600 
{  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 74px 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;  } 
}

@-webkit-keyframes w-boing-inner-2-600
{
  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 74px #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-600 
{  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 74px #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-600
{
  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 74px #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-600 
{  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 74px #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;  } 
}

/*   Koła ratunkowe  */ 	



#kolo ul {
	left:4%;
	 width:95%;
}

#kolo ul li {
		  
    font-size: 14pt;
	width:4.2%;
	margin: 2px 1px; 
	padding: 7.44%; 
	padding-top: -3px;
	text-indent: 0px;
	line-height:5px;
	
		
}

#kolo ul li>img {

	width: 125%;
	top:-22%;
	left: -11.5%;
	
	}
	
@media all and (max-width:600px) and (min-width:401px) {	
	#kolo ul {
	left:4%;
	 width:95%;
}

#kolo ul li {
		  
    font-size: 14pt;
	width:6%;
	margin: 2px 7px; 
	padding: 5.14%; 
	padding-top: -3px;
	text-indent: 0px;
	line-height:5px;
	
		
}

#kolo ul li>img {

	width: 100%;
	top:-21%;
	left: -1.5%;
	
	}
}	 
	

#kolo ul li.rotation {

}



@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;} 
}
 
  
.slides-up  {
	height: 168px;
	top: 120px; 
	}    
.slides-down .slides-box {
	max-height: 960px;
	
	
}	
.slides-up .slides-box  {
	top: -40px;
	} 	

		  .slides-up .slides-box {
            font-size: 14px;     }

.slides-down .slides {	
	top:-374px;}


.slides-up .slides .content div.helm {
	width:97%;
	height:97%; 
	left:-9.5%;
	top: 24%;
}
.slides-up .slides .content div.helm img{
	width:133%;
		
}
.slides-box .content li  {
       margin: 0 10px;
      width: 45px;
height:45px;}

.slides-up .slides-box .content li  {
    
      width: 46px;
height:46px;}
	  
	  
.slides-down button.next, .slides-down button.prev, .slides-up button {
       	 	   height:31px;
		   max-width:9px;
		   width:9px; 
		  }	
		   
.slides-down button.next, .slides-down button.prev { bottom: 90px; }
				
.slides-up button {	top:35px;}
      
.slides-down .active li  {bottom: 50px;	}
	
.slides-down .active li.current {
      bottom: 48px;
 	 	margin-left: -20px;	}
	
	.slides-up .active li.current  {
		
	margin-left: -28px;
	}
 
.FalseLiDivs {
	
	height: 70px;
top: -120px;
}
	
 .FalseLiDivs>div.prev2 {
	margin-left: 4.8%;
}
.FalseLiDivs>div.next2 {
margin-right: 4.8%;
}

.FalseLiDivs>div {
	width:15%;
}	 
 
 
.active li.side  { margin-left: -27px; }
 	

     	  	 
		  .active li.prev1 {
      	  	  left:30.5%;  }
		.active li.prev2  {
      	  	  left:13%;
	      }.active li.next1 {
   		  right:30.5%;
		  margin-right: -31px;
	      }.active li.next2  {
    	  right:13%;
		  margin-right: -31px;
	      }

		  
		  .slides-up .active li.prev1 {
      	  	  left:23.5%;  }
		  .slides-up .active li.prev2  {  	 left:5%;     }
		  .slides-up .active li.next1 {
   		  right:23.5%; } 
		  .slides-up .active li.next2  {	  right:5%;    }
  
@media all and (max-width:400px)  {
  
  .active li.prev2 {
      	  	  display:none!important;
	      }.active li.next2  { 
      	  	  display:none!important;  }
		  .active li.prev1 {
      	    left:20%;  margin-right: -65px;			  }
	     .active li.next1 {
   		  right:20%;
		  margin-left: -65px;}
	 
		  .FalseLiDivs>div.prev1 {
	margin-left: 9.5%;
}  
 .FalseLiDivs>div.next1 {
	margin-right: 9.5%;
}  
 .FalseLiDivs>div.next2, .FalseLiDivs>div.prev2 {
display: none; 
}
.FalseLiDivs>div {
	width:20%;
	
	
margin: 0 0.59%;

}
.slides-up .falsediv-r {

	top: -10%;

	height: 66%;
	
	
}



		  
		  .slides-up .active li.prev1 {
      	  	  left:15%;   }
	
		  .slides-up .active li.next1 {
   		  right:15%;  } 
		
		
		
.slides-down .active .empty.side.prev2, .slides-down .active .empty.side.next2  {display:none;}
		
  
  
}		  
.slides-down .dane, .slides-up .dane {
	font-size: 6.6pt;
    left: -7px;
	font-weight: 100;  
	bottom: 80px;
	}  
.slides-up .dane{
	top: -55px;
		font-size: 5.2pt; width:150%; 	}

.slides-up .current .dane{
	left:0px;	}		

			
.slides-down .current .dane {
		font-size: 7.3pt;
	bottom: 180px;
	
	}

	
.slides-down .dane .miasto, .slides-up .dane .miasto  {
		padding-top: 1px;
		font-size: 95%;
		}   


.slides-down .punkty { 
	bottom: 144px;
		border-radius: 6px ;
	left: -7px;
} 
 .slides-down .punkty, .slides-up .punkty { width:64px;
	height:14px;  }


.slides-up .punkty { 
	bottom: 18px;
		margin-bottom: 7%;   
margin-left: -7px;
	border-radius: 4px ;} 
	
	
.slides-down .punkty { margin-left: -10%; 
}
.slides-down .current .punkty { margin-left: -17%; 
}	
	
.slides-down .punkty .punktybg, .slides-up .punkty .punktybg{ margin-left: 2px; 
margin-top:2px;	
} 
 
.punkty .punktybg{ margin-left: 1px; 
margin-top:2px;	
}
 
.punkty .bialy-znak {
	width:6px;
	height:10px;	
		}

.slides-down .active .face_placekeeper>div { font-size:1.1em; padding-top:25%; padding-right: 4px;} 	
		
}