@media all and (max-width: 1120px) {

html, body {  max-width: 1120px; min-width: 850px;}
.bgdiv {}
#divv1 {  } 
#divv2 { min-height:1000px; }
#divv3 {  }
#divv4 {  }


#rocket { width: 621px; height:596px; bottom:0px } 

.smokeclass {
	width: 621px; height: 606px;
    background-size: 621px 7272px;  
	top: -100px;  

}

 #smoke {  

animation:dym_2 500ms steps(12) infinite;
 -webkit-animation:dym_2 500ms steps(12) infinite;
}

@keyframes dym_2 
{  0% { background-position:0 0; }  100% { background-position:0 -7272px; }}
@-webkit-keyframes dym_2
{
  0% { background-position:0 0; }
  100% { background-position:0 -7272px; }
}




#rocket-wrapper { margin-left:-305px;  width: 621px; } 

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

div#wodafix {
    height: 135px;
    bottom: -35px;
    left: 7px;
	}
div#wodafix div {
	height:135px;
	width:621px;
	left:49.2%;margin-left:-305px;}



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

.gop-title {
top:120px;text-shadow: 2px 2px 4px #000;
	font-size: 8.0pt;
	word-spacing: 3px;
	letter-spacing: 1px; }
	
#divv1 .gop-title { 

top:20px;
}	

#divv1 .diversity-title {

margin-top: -10%;

text-shadow: 2px 2px 4px #000;

	font-size: 17.0pt;
	word-spacing: 9px;
	letter-spacing: 1px;
	
	}

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

	}

.up-buttons-div>.up-buttons {
	max-width: 600px; 
}	
	
.up-buttons-div>.up-buttons .button {
		height: 150px;
	
}

.ball {
	width: 7%;
}


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

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

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

#galaxy .button { height: 160px; width:160px; margin: 18px auto; 
}


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

#galaxy .button { height: 160px; width:160px; margin-left:6px;}



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


#galaxy .button_A1 {  } 


#galaxy .button_A1_animate {
margin-top: -100%;
top: -20px;
 }
 
 #kolo-container #downtext {

top: -38px;

	
}

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

#divv1 .up-buttons-div.SE>.up-buttons
{ width: 150px; height: 150px; position:absolute; left: 50%; margin-left: -75px;}



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

}

#divv4 .gop-title div.tablica-txt.vote
{ top:238px; font-size:0.89em;} 

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

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



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

#divv1 #landing-zone {
top:40.5%;
top:39.0%; 
top:calc(40.5% - 19px); }


.y { 
width: 33px; height: 24px; 	background-size:contain;
left: 50%; }	
#rocket-wrapper .serce {
	width: 32px; height: 23px; 
	left: 39.2%; bottom: 29.5%; 
}

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

.spaceship .konstytucja { 
width: 174px; height: 39px; 	
	}

.spaceship .konstytucja { 
	bottom: 21.25%; 
	margin-left: -81px; }
	
html.europe .spaceship .y {
	bottom: 580px; 
	margin-left: -19px;
}
html.poland .spaceship .y {
	bottom: 512px; 
	margin-left: -7px;
}
html.world .spaceship .y {
	bottom: 590px; 
	margin-left: -9px;
}		

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

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

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



@keyframes falldown {
	0% {bottom: 850px;}
	100% {bottom: 492px;}
}
@-webkit-keyframes falldown {
	0% {bottom: 850px;}
	100% {bottom: 492px;}
}

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


#rocket .y {
		top:9.25%; 
	margin-left: -2.75%;
}	
html.europe #rocket .y {
	
	top: 7.55%; 
	margin-left: -3.25%;
}
 

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

/*  Obrazy na środku                       */

.img-center {
	max-width:850px;}
.img-center img {  }
 
#divv1 .img-center .top {
	height: 250px; 
}
#divv1 .img-center .middle {
	height: 40px; 
}
#divv1 .img-center .bottom {
	height: 120px; 
}
#divv3 .img-center .top {
	height: 0px;
}
#divv3 .img-center .middle {
	height: 1000px;
}
#divv3 .img-center .bottom {
	height: 400px;
}

  
  #wynik { 
	width:232px;
	height:42px;
	border: 2px solid white;
   top:120px;
		border-radius: 7px ;	
}
#wynik #wynikbg  {
	margin: 0 auto;
	padding-left:10px;
	} 
   
#wynik .kolorowy-znak {
	margin:3px 0px 0 0 ;
	
	width:21px;
	height:33px;
		}
#wynik .kolorowy-znak img{
	width:21px;
	height:33px;	
}	




.flaga {
	
	animation:flaga_pl_1120 1500ms steps(100) infinite;
    -webkit-animation:flaga_pl_1120 1500ms steps(100) infinite;
	
}

 #sejm .flaga {

     margin-left: 3px;
		
} 
 

html.poland .flagaclass { 

background-size: 86px 6620px;width: 86px;
	height: 66px;  }


@media all and (min-width:851px) {	
html.poland .ziemia .flagaclass { 

	left:54.3%; }	 	
}	
	
html.world .flagaclass { 

background-size: 86px 6620px;width: 86px;
	height: 66px; left:calc(50% + 2px); }
	
html.world.tp .ziemia .flagaclass { 
	background-size: 86px 66px; width: 86px;
	height: 66px; left:calc(50% + 124px);
}
	
html.europe .flagaclass { 

background-size: 86px 6620px;width: 86px;
	height: 65px; left:calc(50% + 4px); }	


html.europe .flagaclass.flagaclass_bez_gwiazdy, html.world .flagaclass.flagaclass_bez_gwiazdy { 
background-size: 86px 6620px;width: 86px;
	height: 65px;	 
} 








@keyframes flaga_pl_1120
{
  0% { background-position:0 0; }
  100% { background-position:0 -6620px; }
}

@-webkit-keyframes flaga_pl_1120
{
 0% { background-position:0 0; }
 100% { background-position:0 -6620px; }
}

html.europe #sejm .flaga {

    bottom: 15.90%; 
	
	
}


  
  /*  Video - sejm       */

#sejm {
	margin-top:250px; 
	margin-bottom:-1px; 
		}
	
#buttonvideo {bottom: 376px; font-size: 16pt;}


#zero { 
	top:969px;
	left:52%; 
	margin-left: -85px);
	width:170px;
	height:128px;
	
}	
 #zero video {margin-top: -23%; margin-left: 3%; width: 110%; height: 110%; }   

#false_images_no_video {
	bottom:200px;
	left:4px;
	height:360px;
width:180px;	} 
	

#loading { 
     top: 230px ;
 
}
#red {
    top: 244px;
    }
 
 #go{
   top: 262px;
 
} 
  
  #red.red {
   
	-webkit-animation: boing-inner-2-1120 3s ease-out infinite;
    animation: boing-inner-2-1120 3s ease-out infinite;
	
}
 html.europe #red.red {
   
	-webkit-animation: eu-boing-inner-2-850 3s ease-out infinite;
    animation: eu-boing-inner-2-1120 3s ease-out infinite;
	
}
html.world #red.red {
   
	-webkit-animation: w-boing-inner-2-850 3s ease-out infinite;
    animation: w-boing-inner-2-1120 3s ease-out infinite;
	
}
   
  
  
@-webkit-keyframes boing-inner-2-1120 
{
  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 180px 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-1120 
{
  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 180px 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-1120 
{  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 180px #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-1120 
{
  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 180px #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-1120 
{  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 180px #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-1120 
{
  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 180px #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:2px; min-height: 30px; }

#kolo ul {
	left:2%;
	 width:97%;
}

#kolo ul li {
		  
    font-size: 12pt;
	width: 3.2%;
	margin: 6px 1px; 
	padding: 1.81%; 
	text-indent: 2px;
	
		
}

#kolo ul li>img {

	width: 120%;
	top: -17%;	
	left: -9%;
	
	}

#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: 290px;
	top: 140px;
		
}      

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

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


.slides-up .slides .content div.helm {
	width:91%;
	height:91%; 
	left:-9.5%;
	top: 19%;
}
.slides-up .slides .content div.helm img{
	width:130%;
		
}
.slides-up .active li.current  {
		  left:50%; 
	  	
	}
.slides-box .content li  {
      font-size: 10px;
      margin: 0 40px;
      width: 108px;
height:108px;}


	  

.slides-down button.next, .slides-down button.prev, .slides-up button {
       	 	   height:38px;
		   max-width:19px;
		   width:19px; 
		   margin: 0 2px;  }	
		   
.slides-down button.next, .slides-down button.prev { bottom: 120px; }
				
.slides-up button {	top:70px;}
      
.slides-down .active li  {bottom: 50px;	}
	
.slides-down .active li.current {
      bottom: 48px;
 	 	margin-left: -55px;	}
	
	.slides-up .active li.current  {
		
	margin-left: -60px;
	}
 
.active li.side  { margin-left: -65px; }
 	
.FalseLiDivs {
	
	height: 160px;
top: -200px;
}

	
	
	
		  .FalseLiDivs>div.prev2 {
	margin-left: 4.5%;
}
.FalseLiDivs>div.next2 {
margin-right: 4.5%;
}

.FalseLiDivs>div {
	width:15%;
}
	
	
  
  .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;
	      }

		  
		  .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 .dane, .slides-up .dane {
	font-size: 9.7pt;
	bottom: 128px;
	}  
.slides-up .dane{
	top: -85px;
			}
			
			
.slides-down .current .dane {
	bottom: 236px;	}

	
.slides-down .dane .miasto, .slides-up .dane .miasto  {
		padding-top: 2px;
		}  


.slides-down .punkty { 
	bottom: 192px;

	border: 1px solid white;
margin-left: 0px;
				border-radius: 7px ;
	
}
 .slides-down .punkty, .slides-up .punkty { width:120px;
	height:24px;  }

.slides-up .punkty { 
	bottom: 29px;
	
	margin-bottom: 7%;   
margin-left: 0px;
	border-radius: 6px ;} 
	
.slides-down .punkty .punktybg, .slides-up .punkty .punktybg{ margin-left: 4px; 
margin-top:2px;	 
} 
 
.punkty .punktybg{ margin-left: 5px; 
margin-top:2px;	
}
 
.punkty .bialy-znak {
	width:11px;
	height:19px;	
		}

		.FalseLiDivs>div.prev3 {
	display: none;
}
.FalseLiDivs>div.next3 {
display: none;
}
  
.slides-down .active .face_placekeeper>div { font-size:1.6em;} 
  
  
}