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

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


#rocket { width: 521px; height:576px; bottom:0px } 



.smokeclass {
	width: 521px; height: 486px;
	background-size: 521px 5832px;
	top: -159px;  

}
#smoke {  

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

@-webkit-keyframes dym_3
{
  0% { background-position:0 0; }
  100% { background-position:0 -5832px; }
}




#rocket-wrapper { margin-left:-257px;  width: 521px; } 

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

div#wodafix {
    height: 125px;
    bottom: -40px;
    left: 7px;
	}
div#wodafix div {
	height:125px;
	width:521px;
	left:48.95%;margin-left:-257px;
	top: -2px;
}

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

.gop-title {
top:40px;
	font-size: 6.0pt;
	word-spacing: 2px;
	letter-spacing: 1px; }
	
	

#divv1 .diversity-title {

margin-top: -15%;

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

	font-size: 14.0pt;
	word-spacing: 5px;
	letter-spacing: 1px;
	
	}

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

	}

.up-buttons-div>.up-buttons {
	max-width: 400px; 
}	
	
.up-buttons-div>.up-buttons .button {
		height: 100px;
	
}


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

  
#galaxy .button { height: 110px; width:110px; margin: 16px auto; 
}
#divv4 .up-buttons-div {
	margin-top: -20px;
}

.ball {
	width: 9%;
}

/* ----Wojtek ----- 2018  */

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

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

#galaxy .button { height: 120px; width:120px; margin-left:0px; margin-bottom:5px;} 


#galaxy .button_A1_animate {
margin-top:-85.5%;
top: -26px; left:-5px;
background-size: 112% 112%!important
; 
 }

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







 
 #kolo-container #downtext {
	
top: -11px;
font-size: 16.0pt;

}

@media all and (max-width:800px) and (min-width:601px) {
 #kolo-container #downtext {
	
top: -19px; padding-bottom: 10px; 


}	
	
}

#divv1 .up-buttons-div.SE {
	top: 835px;
}
#divv1 .img-center .irokez img
 { 	margin-bottom: 50px;
}

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



#divv2 .gop-title  {
	top:23px;
	bottom:0px;
	
	
}

#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:600px; }




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

#divv1 #landing-zone {
top:34.0%;
top:33.0%;
top: calc(34% - 8px);
}


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

#rocket-wrapper .serce {
	width: 27px; height: 20px; 
	left: 39.6%; bottom: 39.8%; 
}

html.europe .y { 

width: 34px; height: 34px;
 
}	

.spaceship .konstytucja { 
width: 128px; height: 26px; 	
	}

.spaceship .konstytucja { 
	bottom: 22.23%; 
	margin-left: -60px; }
	
html.poland .spaceship .y {
	bottom: 398px; 
	margin-left: -8px;
}
html.europe .spaceship .y {
	bottom: 444px; 
	margin-left: -14px;
}
html.world .spaceship .y {
	bottom: 450px; 
	margin-left: -8px;
}


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

@keyframes falldown-world-850 {
	0% {bottom: 635px; transform:rotate(180deg);}
	50% {bottom: 408px; transform:rotate(180deg);}
	60% {bottom: 408px;transform:rotate(120deg); }
	80% {bottom: 450px; transform:rotate(50deg); }
	100% {bottom: 450px; transform:rotate(0deg);  }
}
@-webkit-keyframes falldown-world-850 {
	0% {bottom: 635px; transform:rotate(180deg);}
	50% {bottom: 408px; transform:rotate(180deg);}
	60% {bottom: 408px;transform:rotate(120deg); }
	80% {bottom: 450px; transform:rotate(50deg); }
	100% {bottom: 450px; transform:rotate(0deg);  }
}


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


@keyframes falldown {
	0% {bottom: 635px;}
	100% {bottom: 409px;}
}
@-webkit-keyframes falldown {
	0% {bottom: 635px;}
	100% {bottom: 409px;}
}

@keyframes falldown-y-rotate {
	0% {bottom: 635px; transform:rotate(0deg);}
	100% {bottom: 398px; transform:rotate(72deg);}
}
@-webkit-keyframes falldown-y-rotate {
	0% {bottom: 635px; -webkit-transform:rotate(0deg);}
	100% {bottom: 398px; -webkit-transform:rotate(72deg);}
}
	
#rocket .y {
		top: 5.65%; 
	margin-left: -2.95%;
}	

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

html.world #rocket .y {
	
	top: 7.45%; 
	margin-left: -2.95;
}

#sejm .y {
		bottom: 14.3%; 
	margin-left: -27px;
}

/*  Obrazy na środku                       */

.img-center {
	max-width:600px; }
.img-center img {}
.spaceship img {
	max-width:850px; }
 
#divv1 .img-center .top {
	height: 200px; 
}
#divv1 .img-center .middle {
	height: 40px; 
}
#divv1 .img-center .bottom {
	height: 120px; 
}
#divv3 .img-center .top {
	height: 0px;
}
#divv3 .img-center .middle {
	height: 0px;
}
#divv3 .img-center .bottom {
	height: 0px;
}
  
  #wynik { 
	width:192px;
	height:32px;
	border: 1px solid white;
   top:60px;
		border-radius: 7px ;
	
}
#wynik #wynikbg  {
	margin: 0 auto;
	padding-left:10px;	} 
   
#wynik .kolorowy-znak {
	margin:2px 0px 0 0 ;
	width:17px;
	height:26px;
		}
#wynik .kolorowy-znak img{
	width:17px;
	height:26px;	
}	



#divv3 .ziemia .flaga{
	
    top: 17.45%;
	margin-left: -54px;
	
}

html.world #divv3 .ziemia .flaga{
	
    top: 17.55%;
	margin-left: -60px;
	
}	
.flaga {
	
	animation:flaga_pl_850 1500ms steps(100) infinite;
    -webkit-animation:flaga_pl_850 1500ms steps(100) infinite;
	
}


#sejm .flaga {

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

	 
}
html.europe #sejm .flaga {

   
	  bottom: 15.88%;

	 
}

html.world #sejm .flaga {

   
	  bottom: 15.88%;

	 
}



html.poland .flagaclass { 
background:url('img/flaga_pl-480.png') no-repeat;
background-size: 56px 4271px;width: 56px;
	height: 43px;  }
	
html.world .flagaclass { 
background:url('img/flaga_w-480.png') no-repeat;
background-size: 56px 4271px;width: 56px;
	height: 43px; }

html.world .ziemia .flagaclass { 
background:url('img/flaga_unicef-480.png') no-repeat;
background-size: 56px 6157px;width: 56px;
	height: 42px; left:calc(50% + 10px); }	
	
html.world.tp .ziemia .flagaclass { 
	background-size: 56px 46px; width: 56px;
	height: 42px; left:calc(50% + 62px);
}	
	
	
html.europe .flagaclass { 
background:url('img/flaga_eu-480.png') no-repeat;
background-size: 56px 4271px;width: 56px;
	height: 43px; left:calc(50% + 2px); }	


html.europe .flagaclass.flagaclass_bez_gwiazdy { 
background:url('img/flaga_eu_bez_gwiazdy_480.png') no-repeat; background-size: 56px 4271px;width: 56px;
	height: 43px;	
} 

html.world .flagaclass.flagaclass_bez_gwiazdy { 
background:url('img/flaga_w_bez_znaku_480.png') no-repeat; background-size: 56px 4271px;width: 56px;
	height: 43px;	
} 
	
html.world .ziemia .flagaclass, html.europe .ziemia .flagaclass { 
left:calc(50% + 3px);
}

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


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

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

 
@keyframes flaga_pl_850
{
  0% { background-position:0 0; }
  100% { background-position:0 -4271px; }
}

@-webkit-keyframes flaga_pl_850
{
 0% { background-position:0 0; }
 100% { background-position:0 -4271px; }
}

  
  /*  Video - sejm       */

#sejm {
	margin-top:200px; 
	margin-bottom:10px; 
		}

#buttonvideo {bottom: 312px; font-size:8pt;}


#zero { 
	top:716px;
	left:50%;
	margin-left: -56px;
	width:113px;
	height:86px;

}

 #zero video {margin-top: -28%; margin-left: -91%; width: 122%; height: 122%; }  

#false_images_no_video {
	bottom:103px;
	left:1px;
	height:240px;
width:120px;	}
	
#loading { 
     top: 142px ;
	
 
}
#red {
    top: 150px;
    }
	
	 #go{
   top: 147px;
   padding-top: 17%;   
 
} 
#loading.loading {  
    
	-webkit-animation: boing 3s linear infinite;
   animation: boing 3s linear infinite; 
   }

#red.red {
   
	-webkit-animation: boing-inner-2-850 3s ease-out infinite;
    animation: boing-inner-2-850 3s ease-out infinite;
	
}  
 html.europe #red.red {
   
	-webkit-animation: eu-boing-inner-2-850 3s ease-out infinite;
    animation: eu-boing-inner-2-850 3s ease-out infinite;
	
}
html.world #red.red {
   
	-webkit-animation: w-boing-inner-2-850 3s ease-out infinite;
    animation: w-boing-inner-2-850 3s ease-out infinite;
	
}
 
@-webkit-keyframes boing-inner-2-850 
{  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 126px 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-850 
{
  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 126px 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-850 
{  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 126px #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-850 
{
  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 126px #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-850 
{  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 126px #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-850 
{
  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 126px #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-container {bottom:-4px; min-height: 30px; }

#kolo ul {
	left:5%;
	 width:95%;
	 top: -18%;
}

#kolo ul li {
		  
    font-size: 14pt;
	width: 2.7%;
	margin: 4px 4px; 
	padding: 4.1%; 
	text-indent: 1px;
	line-height: 8px;
	
		
}
#kolo ul li>img {

	width: 125%;
	top: -15%;	
	left: -14.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;} 
}

  #kolo button.kolo_next, #kolo button.kolo_prev  {
      
		  bottom:25%;
		
   }	
  
.slides-up  {
	height: 250px;
	top: 156px;
	}    
.slides-up .slides-box  {
	top: -40px;
	} 	

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

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


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

.slides-up .slides-box .content li  {
    
      width: 95px;
height:95px;}
	  

.slides-down button.next, .slides-down button.prev, .slides-up button {
       	 	   height:33px;
		   max-width:16px;
		   width:16px; 
		   margin: 0 1px;  }	
		   
.slides-down button.next, .slides-down button.prev { bottom: 120px; }
				
.slides-up button {	top:70px;}
      
.slides-down .active li  {bottom: 55px;	}
	
.slides-down .active li.current {
      bottom: 48px;
 	 	margin-left: -46px;	}
	
	.slides-up .active li.current  {
		
	margin-left: -46px;
	}
	
.FalseLiDivs {
	
	height: 110px;
top: -160px;
}
	
 .FalseLiDivs>div.prev2 {
	margin-left: 4.6%;
}
.FalseLiDivs>div.next2 {
margin-right: 4.6%;
}

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


  

		  .active li.prev1 {
      	  	  left:30%;  }
		.active li.prev2  {
      	  	  left:12%;
	      }.active li.next1 {
   		  right:30%;
		  margin-right: -46px;
	      }.active li.next2  {
    	  right:12%;
		  margin-right: -46px;
	      }

		  
		  .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%;    }
  
		  
.slides-down .dane, .slides-up .dane {
	font-size: 7.6pt;
	word-spacing: 0px;
	
	bottom: 100px;
	}  
.slides-up .dane{
	top: -65px;
			}
			
			
.slides-down .current .dane {
		font-size: 8.3pt;
	bottom: 208px;
	
	}

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


.slides-down .punkty { 
	bottom: 154px;
	
				border-radius: 6px ;
	
} 
 .slides-down .punkty, .slides-up .punkty { width:88px;
	height:20px;  }

	.slides-down .punkty { margin-left: 0.5%; 
}

.slides-up .punkty { 
	bottom: 19px;
	margin-bottom: 7%;   
margin-left: 4px;
	border-radius: 5px ;} 
	
.slides-down .punkty .punktybg, .slides-up .punkty .punktybg{ margin-left: 4px; 
margin-top:2px;	
} 
 
.punkty .punktybg{ margin-left: 3px; 
margin-top:2px;	
}
 
.punkty .bialy-znak {
	width:8px;
	height:15px;	
		}
.slides-down .active .face_placekeeper>div { font-size:1.6em; padding-top:30%;} 
  
}