#reklama{
   		position: absolute;
		top:80px;
		left: 275px;
    width: 455px;
    height: 455px;
display:none;
    	z-index:610;
    
}

#cmotret{
   		position: absolute;
		top:460px;
		left: 390px;
    width: 220px;
    height: 220px;
cursor:pointer;
    	z-index:611;
    	display:none;
    
}



#zakritreklama{
     	position: absolute;
		top:70px;
		left: 690px;
    width: 57px;
    height: 57px;
display:none;
    	z-index:612; 
    	cursor:pointer;
}





#totoro1 {
  position: absolute;
  top:260px;
  left:295px;
  cursor: pointer;
  z-index:300;
transform: scale(0.5);
display:none;
}
#totoro1 .head {
  position: absolute;
  left: 40px;
  height: 240px;
  width: 320px;
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
  background-color: #8a8734;
}
#totoro1 .ear {
  position: absolute;
  top: -60px;
  height: 80px;
  width: 50px;
  border-bottom-left-radius: 50% 20%;
  border-bottom-right-radius: 50% 20%;
  border-top-left-radius: 30px 100%;
  border-top-right-radius: 30px 100%;
  background-color: #252213; 
  -webkit-transform-origin: center 145px;
          transform-origin: center 145px;
}
#totoro1 .ear::after {
  content: '';
  position: absolute;
  top: calc(100% - 5px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 70px;
  width: 30px;
  background-color: #8a8734;
}
#totoro1 .ear-left {
  left: 45px;
  -webkit-transform: rotate(-15deg);
          transform: rotate(-15deg);
  -webkit-animation-name: twitch;
          animation-name: twitch;
  -webkit-animation-duration: 5s;
          animation-duration: 5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
}
#totoro1 .ear-right {
  right: 45px;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
#totoro1 .eye {
  position: absolute;
  z-index: 15;
  top: 50px;
  height: 45px;
  width: 45px;
  border-bottom-left-radius: 50% 45%;
  border-bottom-right-radius: 50% 45%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  background-color: #f9f8f8;
  transition: 0.35s 0.2s;
}
#totoro1 .eye-left {
  left: 50px;
}
#totoro1 .eye-left .pupil {
  left: 23px;
}
#totoro1 .eye-left .pupil::after {
  left: 7px;
}
#totoro1 .eye-right {
  right: 50px;
}
#totoro1 .eye-right .pupil {
  right: 23px;
}
#totoro1 .eye-right .pupil::after {
  right: 7px;
}
#totoro1 .pupil {
  position: absolute;
  top: 10px;
  height: 15px;
  width: 15px;
  border-radius: 50%;
  background-color: #000000;
  transition: 0.1s 0.2s;
}
#totoro1 .pupil::after {
  content: '';
  position: absolute;
  border-radius: 50%;
  top: 4px;
  height: 5px;
  width: 4px;
  background-color: #f9f8f8;
}
#totoro1 .nose {
  position: absolute;
  z-index: 15;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 20px;
  width: 50px;
  border-bottom-left-radius: 55% 50%;
  border-bottom-right-radius: 55% 50%;
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
  background-color: #252213;
  transition: 0.35s 0.2s;
}
#totoro1 .nose::before, #totoro1 .nose::after {
  content: '';
  position: absolute;
  top: 12px;
  background-color: #8a8734;
  border-radius: 50%;
  height: 20px;
  width: 43px;
}
#totoro1 .nose::before {
  left: -20px;
}
#totoro1 .nose::after {
  right: -20px;
}
#totoro1 .mouth {
  position: absolute;
  z-index: 10;
  top: 125px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 7px;
  height: 10px;
  border-radius: 50%;
  background-color: #252213;
  overflow: hidden;
  transition: 0.4s;
}
#totoro1 .mouth-upper, #totoro1 .mouth-lower {
  position: absolute;
  left: 50%;
  height: 40px;
  width: 100%;
  overflow: hidden;
  visibility: hidden;
  transition: 0.4s 0.1s;
}
#totoro1 .mouth-upper {
  z-index: 6;
  top: -20px;
  border-radius: 100%;
  -webkit-transform: translateX(-50%) translateY(-100px);
          transform: translateX(-50%) translateY(-100px);
}
#totoro1 .mouth-lower {
  bottom: -22px;
  -webkit-transform: translateX(-50%) translateY(100px);
          transform: translateX(-50%) translateY(100px);
}
#totoro1 .tooth {
  position: absolute;
  height: 40px;
  width: 40px;
  border-radius: 6px;
  border: 2px solid #837373;
  background-color: #f9f8f8;
}
#totoro1 .tooth:nth-child(1) {
  left: -10px;
}
#totoro1 .tooth:nth-child(2) {
  left: 30px;
  top: 3px;
}
#totoro1 .tooth:nth-child(3) {
  left: 70px;
  top: 5px;
}
#totoro1 .tooth:nth-child(4) {
  left: 110px;
  top: 5px;
}
#totoro1 .tooth:nth-child(5) {
  left: 150px;
  top: 3px;
}
#totoro1 .tooth:nth-child(6) {
  left: 190px;
}
#totoro1 .whiskas {
  position: absolute;
  z-index: 10;
  top: 120px;
  transition: 0.4s 0.15s;
}
#totoro1 .whiskas-left {
  left: 25px;
}
#totoro1 .whiskas-left .whiska {
  right: 0;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
}
#totoro1 .whiskas-left .whiska-top {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
#totoro1 .whiskas-left .whiska-bottom {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
#totoro1 .whiskas-right {
  right: 25px;
}
#totoro1 .whiskas-right .whiska {
  left: 0;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
}
#totoro1 .whiskas-right .whiska-top {
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}
#totoro1 .whiskas-right .whiska-bottom {
  -webkit-transform: rotate(10deg);
          transform: rotate(10deg);
}
#totoro1 .whiska {
  position: absolute;
  width: 90px;
  height: 2px;
  border-radius: 2px;
  background-color: #000000;
  transition: 0.6s;
}
#totoro1 .whiska-top {
  top: -10px;
  width: 80px;
}
#totoro1 .whiska-bottom {
  top: 10px;
  width: 70px;
}
#totoro1 .body {
  position: relative;
  top: 50px;
  width: 400px;
  height: 420px;
  border-bottom-left-radius: 45% 30%;
  border-bottom-right-radius: 45% 30%;
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
  background-color: #8a8734;
  display: inline-block;
}
#totoro1 .belly {
  position: absolute;
  bottom: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 380px;
  height: 300px;
  border-bottom-left-radius: 45% 35%;
  border-bottom-right-radius: 45% 35%;
  border-top-left-radius: 50% 60%;
  border-top-right-radius: 50% 60%;
  background-color: #c1b746;
  transition: 0.6s;
}
#totoro1 .chevron,
#totoro1 .chevron::after {
  position: absolute;
  background-color: #8a8734;
  border-bottom-left-radius: 20px 100px;
  border-bottom-right-radius: 20px 100px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}
#totoro1 .chevron::after {
  content: '';
  left: -4px;
  top: 10px;
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
#totoro1 .chevron-large, #totoro1 .chevron-large::after {
  height: 40px;
  width: 15px;
}
#totoro1 .chevron-large.chevron-center {
  top: 15px;
  left: calc(50% - 20px);
  -webkit-transform: rotate(70deg);
          transform: rotate(70deg);
}
#totoro1 .chevron-large.chevron-left, #totoro1 .chevron-large.chevron-right {
  top: 35px;
}
#totoro1 .chevron-large.chevron-left {
  left: 65px;
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}
#totoro1 .chevron-large.chevron-right {
  right: 90px;
  -webkit-transform: rotate(80deg);
          transform: rotate(80deg);
}
#totoro1 .chevron-small, #totoro1 .chevron-small::after {
  height: 35px;
  width: 12px;
}
#totoro1 .chevron-small.chevron-center-left, #totoro1 .chevron-small.chevron-center-right {
  top: 70px;
}
#totoro1 .chevron-small.chevron-center-left {
  left: calc(50% - 55px);
  -webkit-transform: rotate(65deg);
          transform: rotate(65deg);
}
#totoro1 .chevron-small.chevron-center-right {
  left: calc(50% + 25px);
  -webkit-transform: rotate(75deg);
          transform: rotate(75deg);
}
#totoro1 .chevron-small.chevron-left, #totoro1 .chevron-small.chevron-right {
  top: 90px;
}
#totoro1 .chevron-small.chevron-left {
  left: 40px;
  -webkit-transform: rotate(55deg);
          transform: rotate(55deg);
}
#totoro1 .chevron-small.chevron-right {
  right: 60px;
  -webkit-transform: rotate(85deg);
          transform: rotate(85deg);
}
#totoro1 .arm {
  position: absolute;
  z-index: -1;
  top: 90px;
  height: 160px;
  width: 90px;
  background-color: #5f6226;
  transition: 0.5s;
}
#totoro1 .arm-left {
  left: 50px;
  border-bottom-left-radius: 50px 80%;
  border-bottom-right-radius: 40px 65%;
  border-top-left-radius: 30px;
  border-top-right-radius: 15px;
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
}
#totoro1 .arm-left .nail:nth-child(1) {
  left: 35px;
}
#totoro1 .arm-left .nail:nth-child(2) {
  bottom: -13px;
  left: 47px;
}
#totoro1 .arm-left .nail:nth-child(3) {
  left: 59px;
}
#totoro1 .arm-right {
  right: 50px;
  border-bottom-left-radius: 40px 65%;
  border-bottom-right-radius: 50px 80%;
  border-top-left-radius: 15px;
  border-top-right-radius: 30px;
  -webkit-transform-origin: top right;
          transform-origin: top right;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
}
#totoro1 .arm-right .nail:nth-child(1) {
  right: 35px;
}
#totoro1 .arm-right .nail:nth-child(2) {
  bottom: -13px;
  right: 47px;
}
#totoro1 .arm-right .nail:nth-child(3) {
  right: 59px;
}
#totoro1 .arm .nail {
  bottom: -10px;
}
#totoro1 .leg {
  position: absolute;
  z-index: -1;
  bottom: -5px;
  width: 150px;
  height: 70px;
  background-color: #5f6226;
}
#totoro1 .leg-left {
  right: calc(50% + 5px);
  border-radius: 30px;
  border-bottom-left-radius: 70% 100%;
  border-bottom-right-radius: 15px;
  border-top-left-radius: 50% 15px;
  border-top-right-radius: 15px;
}
#totoro1 .leg-right {
  left: calc(50% + 5px);
  border-radius: 30px;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 70% 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 50% 15px;
}
#totoro1 .nail {
  position: absolute;
  z-index: 10;
  height: 20px;
  width: 5px;
  background-color: #f9f8f8;
  border-bottom-left-radius: 2px 70%;
  border-bottom-right-radius: 2px 70%;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

#totoro1.animated .eye-left {
  -webkit-transform: translateY(-6px) scaleY(0.93) scaleX(1.02) rotate(-15deg);
          transform: translateY(-6px) scaleY(0.93) scaleX(1.02) rotate(-15deg);
}

#totoro1.animated .eye-left .pupil {
  -webkit-transform: translate(-8px, -3px);
          transform: translate(-8px, -3px);
}

#totoro1.animated .eye-right {
  -webkit-transform: translateY(-6px) scaleY(0.93) scaleX(1.02) rotate(15deg);
          transform: translateY(-6px) scaleY(0.93) scaleX(1.02) rotate(15deg);
}

#totoro1.animated .eye-right .pupil {
  -webkit-transform: translate(8px, -3px);
          transform: translate(8px, -3px);
}

#totoro1.animated .nose {
  -webkit-transform: translate(-50%, -3px) scale(0.97);
          transform: translate(-50%, -3px) scale(0.97);
}

#totoro1.animated .mouth {
  width: 220px;
  height: 55px;
  border-bottom-left-radius: 60px 60%;
  border-bottom-right-radius: 60px 60%;
  border-top-left-radius: 40px 40%;
  border-top-right-radius: 40px 40%;
  -webkit-transform: translate(-50%, -20px);
          transform: translate(-50%, -20px);
  transition: width 0.6s, height 0.6s 0.2s, -webkit-transform 0.8s;
  transition: transform 0.8s, width 0.6s, height 0.6s 0.2s;
  transition: transform 0.8s, width 0.6s, height 0.6s 0.2s, -webkit-transform 0.8s;
}

#totoro1.animated .mouth-upper, #totoro1.animated .mouth-lower {
  visibility: visible;
  transition: 0.4s 0.3s;
}

#totoro1.animated .mouth-upper {
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

#totoro1.animated .mouth-lower {
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
}

#totoro1.animated .whiskas-left {
  -webkit-transform: translateX(-5px) scaleX(0.95);
          transform: translateX(-5px) scaleX(0.95);
}

#totoro1.animated .whiskas-left .whiska-bottom {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}

#totoro1.animated .whiskas-right {
  -webkit-transform: translateX(5px) scaleX(0.95);
          transform: translateX(5px) scaleX(0.95);
}

#totoro1.animated .whiskas-right .whiska-bottom {
  -webkit-transform: rotate(5deg);
          transform: rotate(5deg);
}

#totoro1.animated .belly {
  height: 270px;
  border-top-left-radius: 50% 57%;
  border-top-right-radius: 50% 57%;
}


#totoro1.animated .arm-left {
  top: 105px;
  left: 75px;
  -webkit-transform: rotate(100deg);
          transform: rotate(100deg);
}

#totoro1.animated .arm-right {
  top: 105px;
  right: 75px;
  -webkit-transform: rotate(-100deg);
          transform: rotate(-100deg);
}

@-webkit-keyframes twitch {
  0%, 26%, 35%, 47%, 100% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  30% {
    -webkit-transform: rotate(-17deg) scaleY(0.95);
            transform: rotate(-17deg) scaleY(0.95);
  }
  40% {
    -webkit-transform: rotate(-21deg) scaleY(0.91);
            transform: rotate(-21deg) scaleY(0.91);
  }
}

@keyframes twitch {
  0%, 26%, 35%, 47%, 100% {
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  30% {
    -webkit-transform: rotate(-17deg) scaleY(0.95);
            transform: rotate(-17deg) scaleY(0.95);
  }
  40% {
    -webkit-transform: rotate(-21deg) scaleY(0.91);
            transform: rotate(-21deg) scaleY(0.91);
  }
}



#pa2452{
          position: absolute;
top: 20px;  
left:20px;
  width: 50px;
  height: 50px;

  display:none;
}


#pa2453{
          position: absolute;
top: 20px;  
left:20px;
  width: 50px;
  height: 50px;
 
  display:none;
}







#preloader {/* информация о топ 4   */
  position: absolute;
top: -159px; 
left:-112.5px;
 z-index:10000;
  width:1395px;
      height:1000px;

}


#preload2214{
  display: block;
  width:260.897px;
  height:29.046px;
  object-fit: cover;

}

#preload2216{
	 position: absolute;
top: 618px; 
left:378px;
  overflow: hidden;
  width: 0;
  height: 480px;
  animation: anim11235 9s linear forwards;
  z-index:11000;
}

@keyframes anim11235{
  0%{
   /*  opacity: 0; */
    width: 0;
  }
  100%{
  /*  opacity: 1;*/
    width: 300px;
  }
}



#circle {
    	 position: absolute;
    	 top:0px;
    	 left:0px;
      width: 1100px;
      height: 800px;
      background: #fff;

      z-index:990;
    }














#cm9 {/* информация о топ 4   */
  position: absolute;
top: 517px; 
left:200px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200;
 display:none;
}
























#cm10 {/* ссылка на топ 4  */
  position: absolute;
top: 545px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки  выделение убираем */
  border: 0;
  background: transparent;
 z-index:200;
 display:none;
}








#cm8238{
         position: absolute;
  top:63px;
  left:449px;
  z-index:700;

 text-decoration:none; 
 text-align:center; 



   outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
  
  font:35px Bradley Hand, cursive; 
  font-weight:700;


color: #FEE14F;
text-shadow: 
		-0   -1px 0   #141408,
		 0   -1px 0   #141408,
		-0    1px 0   #141408,
		 0    1px 0   #141408,
		-1px -0   0   #141408,
		 1px -0   0   #141408,
		-1px  0   0   #141408,
		 1px  0   0   #141408,
		-1px -1px 0   #141408,
		 1px -1px 0   #141408,
		-1px  1px 0   #141408,
		 1px  1px 0   #141408,
		-1px -1px 0   #141408,
		 1px -1px 0   #141408,
		-1px  1px 0   #141408,
		 1px  1px 0   #141408;

display:none;
}







#cm82381{
         position: absolute;
  top:63px;
  left:449px;
  z-index:700;






 text-decoration:none; 
 text-align:center; 



   outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
  
  font:35px Bradley Hand, cursive; 
  font-weight:700;


color: #FEE14F;
text-shadow: 
		-0   -1px 0   #141408,
		 0   -1px 0   #141408,
		-0    1px 0   #141408,
		 0    1px 0   #141408,
		-1px -0   0   #141408,
		 1px -0   0   #141408,
		-1px  0   0   #141408,
		 1px  0   0   #141408,
		-1px -1px 0   #141408,
		 1px -1px 0   #141408,
		-1px  1px 0   #141408,
		 1px  1px 0   #141408,
		-1px -1px 0   #141408,
		 1px -1px 0   #141408,
		-1px  1px 0   #141408,
		 1px  1px 0   #141408;
display:none;

}














#cm8235{
            position: absolute;
  top:147px;
  left:193px;
  z-index:700;

  width:620px;
      height:50px;
 text-decoration:none; 
 text-align:center; 

 border:solid 1px #efc65f; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 

  font:24px Arial, Helvetica, sans-serif; 

 color:#faf7ab; 
 background:#32324e; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 

display:none;
}

#cm84{
            position: absolute;
  top:147px;
  left:193px;
  z-index:700;

  width:620px;
      height:50px;
 text-decoration:none; 
 text-align:center; 

 border:solid 1px #efc65f; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 

  font:24px Arial, Helvetica, sans-serif; 

 color:#faf7ab; 
 background:#32324e; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 

display:none;
}

#cm8 {/* ссылка на топ 3 игрока   */
  position: absolute;
top: 386px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200;  
 display:none;
  
  }


#zakritminiigry{
       	position: absolute;
    top:57px;
    left:936px;
    width:45px;
    height:45px;
    z-index:700;
    cursor:pointer;
    display:none;
}


#zakritminiigry2{
       	position: absolute;
    top:57px;
    left:936px;
    width:45px;
    height:45px;
    z-index:700;
    cursor:pointer;
    display:none;
}



       #zakritminiigry:hover{

  background-color: white;
  border-radius: 50%;
  animation: shadow4 1s infinite alternate;
}

@keyframes shadow4{
  from {
    box-shadow: 0 0 55px 10px white;
  }
  to {
    box-shadow: 0 0 90px 20px white;
  }
}




       #zakritminiigry2:hover{

  background-color: white;
  border-radius: 50%;
  animation: shadow5 1s infinite alternate;
}

@keyframes shadow5{
  from {
    box-shadow: 0 0 55px 10px white;
  }
  to {
    box-shadow: 0 0 90px 20px white;
  }
}



#vrachat{
    	position: absolute;
    top:540px;
    left:415px;
    width:170px;
    height:50px;
    z-index:9000;
    cursor:pointer;
    display:none;

}






#vrachat{
    	position: absolute;
    top:540px;
    left:415px;
    width:170px;
    height:50px;
    z-index:9000;
    cursor:pointer;
    display:none;

}


#vrachat2{
      	position: absolute;
    top:540px;
    left:415px;
    width:170px;
    height:50px;
    z-index:9000;
    cursor:pointer;
    display:none;
}














#perexodvtop{
  	position: absolute;
    top:570px;
    left:780px;
    width:140px;
    height:140px;
    z-index:700;
    cursor:pointer;
display:none;

}



#perexodvtop2{
    	position: absolute;
    top:570px;
    left:620px;
    width:140px;
    height:140px;
    z-index:700;
    cursor:pointer;
display:none;

}




#krutit2{
    	position: absolute;
    top:540px;
    left:415px;
    width:170px;
    height:50px;
    z-index:700;
    cursor:pointer;
display:none;
}





#fontrikorobki{
	position: absolute;
		top:-150px;
		left: 37px;
    width:930px;
    height: 930px;

    	z-index:497;
    	
    	display:none; 
        
}













#pervfrend3{
	position: absolute;
		top:284px;
		left: 599px;
    width: 71px;
    height: 71px;
display:none;
    	z-index:603;
    	
    	
        
}




#pervfrend{
 	position: absolute;
		top:284px;
		left: 330.5px;
    width: 71px;
    height: 71px;
display:none;
    	z-index:603;
    	
    	
     
}

#pervfrend2{
	position: absolute;
		top:284px;
		left: 464.5px;
    width: 71px;
    height: 71px;
display:none;
    	z-index:603;
    	
    	
       
}

#obmen{
      	position: absolute;
		top:423px;
		left: 426px;
    width: 170px;
    height: 50px;

    	z-index:415;
    	display:none; 
    	
    	cursor:pointer;
}



#zakritmagaziobmena{
   	position: absolute;
		top:99px;
		left: 652px;
    width: 45px;
    height: 45px;

    	z-index:415;
    	display:none; 
    	
    	cursor:pointer;
}












#cammagazin{
        	position:absolute;
		top:5px;
		left: 185px;
    width: 600px;
    height: 600px;
 z-index:410; 
 display:none;
}


#ocnovaniekostra{
       	position:absolute;
	top:470px;
	left:690px;
	
 width: 170px;
 height: 170px;
 z-index:400;
display:none;

}

.containerqwe{
    
  position: absolute;
  top:130px;
  left: 615px;
  transform:scale(0.4)translate(0,500px);
  z-index:401;
  display:none;

    
}

#toppravotvet{
    	position:absolute;
	top:-190px;
	left:-250px;
	
 width: 1400px;
 height: 870px;
z-index:120;
display:none;
}



#qwe112a1{
    	position:absolute;
	top:610px;
     left:480px;
display:none;
     z-index:500;
}





 #pa14012519{
            position: absolute;
top: 386px; 
left:200px;
     width:30px;
height:30px;
z-index: 1000;
display:none;
 }
 
 
  #pa140125199{
            position: absolute;
top: 421px; 
left:200px;
     width:25px;
height:25px;
z-index: 1000;
display:none;
 }
 
 
     #pa1401259{
       position: absolute;
top: 25px; 
left:40px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
 
 
      #pa1401260{
       position: absolute;
top: 505px; 
left:40px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
       #pa1401261{
       position: absolute;
top: 345px; 
left:40px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
        #pa1401262{
       position: absolute;
top: 185px; 
left:40px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
 
 
 
     #pa1401263{
       position: absolute;
top: 200px; 
left:675px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
 
 
 
 
         #pa1401266{
       position: absolute;
top: 112px; 
left:85px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
 
 
          #pa1401269{
       position: absolute;
top: 7px; 
left: 811px;
     width:156px;
height:156px;
z-index:130;
display:none;

 }
 
 
 
 
    #pa14012513{
       position: absolute;
top: 65px; 
left:200px;
     width:30px;
height:30px;
z-index: 1000;
display:none;

 }
 
 
 
 
 
 
 
 
 
     #pa140125133{
       position: absolute;
top: 100px; 
left:200px;
     width:25px;
height:25px;
z-index: 1000;
display:none;

 }
 
     #pa14012518{
       position: absolute;
top: 225px; 
left:200px;
     width:30px;
height:30px;
z-index: 1000;
display:none;

 }









     #pa140125188{
       position: absolute;
top: 260px; 
left:200px;
     width:25px;
height:25px;
z-index: 1000;
display:none;

 }








   #pa14012520{
            position: absolute;
top: 545px; 
left:200px;
     width:30px;
height:30px;
z-index: 1000;
display:none;
 }




   #pa140125200{
            position: absolute;
top: 580px; 
left:200px;
     width:25px;
height:25px;
z-index: 1000;
display:none;
 }














   #pa14012529{
            position: absolute;
top: 395px; 
left:693px;
     width:30px;
height:30px;
z-index: 1000;
display:none;
 }




.qwqw123451 {
 
width: 50px;
height: 50px;
  position: absolute;


  font-family: "Arial";


}

.qwqw123451 input {
	text-align: center;
	color:#fff69e;
	  font-size: 1.5em;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;

   border:solid 2px #b6872d; 

  box-sizing: border-box;
  display: inline-block;
  outline: 0;


  width: 100%;
  background: #935538;
}
.qwqw123451 input:empty:valid + label {
  color: #5C832F !important;
}
.qwqw123451 input:valid + label {
  color: #5C832F !important;
}
.qwqw123451 input:invalid {
  background: #E82C0C;
  color: white;
}
.qwqw123451 input:invalid + label {
  color: white;
}
.qwqw123451 input:invalid + label:after {
  background: #E82C0C;
}
.qwqw123451 input::-webkit-input-placeholder {
  color: #B9E0D6;
}
.qwqw123451 input:-ms-input-placeholder {
  color: #B9E0D6;
}
.qwqw123451 input::-ms-input-placeholder {
  color: #B9E0D6;
}
.qwqw123451 input::placeholder {
  color: #B9E0D6;
}
.qwqw123451 input + label {
  border: 0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  transition: -webkit-transform 225ms ease-in-out;
  transition: transform 225ms ease-in-out;
  transition: transform 225ms ease-in-out, -webkit-transform 225ms ease-in-out;
  width: 100%;
  color: inherit;
}
.qwqw123451 input + label:before, .qwqw123451 input + label:after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  z-index: -1;
  transition: -webkit-transform 225ms ease-in-out;
  transition: transform 225ms ease-in-out;
  transition: transform 225ms ease-in-out, -webkit-transform 225ms ease-in-out;
}
.qwqw123451 input + label:before {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.qwqw123451 input + label:after {
  border-radius: 4px;
  top: 0;
  bottom: 0;
  background: #efefef;
}

.qwqw123451 input:focus:empty:valid + label {
  color: #5C832F !important;
}
.qwqw123451 input:focus:invalid + label {
  color: #E82C0C;
}
.qwqw123451 input:focus + label {
  border: 0;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}
.qwqw123451 input:focus + label:after {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}











     #pa200512{
         position: absolute;
  top: 603px;
  left: 538px;
width:47px;
height:47px;   
z-index:200;
display:none;
cursor:pointer;

 }

#pa200513{
          position: absolute;
  top: 603px;
  left: 426px;
width:47px;
height:47px;   
z-index:20000;
display:none;
cursor:pointer;
}



#cm3457{
      position: absolute;
  top: 220px;
  left: 360px;
  
 text-align:center;

  padding: 5px;               
  font: 18px Arial;        

background: #f0d44b; 

color:#2a1a0b;


  
   border:solid 1px #2a1a0b;       
  border-radius: 5px;         

  z-index:600;
display:none;
}









#bt4000id{
      position: absolute;
  top: 200px;
  left: 410px;
  
 text-align:center;

  padding: 5px;               
  font: 18px Arial;        

background: #f0d44b; 

color:#2a1a0b;


  
   border:solid 1px #2a1a0b;       
  border-radius: 5px;         

  z-index:600;
display:none;
}















#image100{
      	position: absolute;
		top:210px;
left: 657px;
z-index:200;
width:60px;
height:60px;

cursor: pointer;

display:none;
}

#image101{
      	position: absolute;
		top:210px;
left: 767px;
z-index:200;
width:60px;
height:60px;
display:none;
cursor: pointer;
}








#image102{
      	position: absolute;
		top:210px;
left: 873px;
z-index:200;
width:60px;
height:60px;
display:none;
cursor: pointer;
}

















#pa1241{
      	position: absolute;
		top:38px;
left: 55px;
z-index:200;
display:none;
cursor: pointer;
}


#pa12410{
      	position: absolute;
		top:213px;
left: 690px;
z-index:200;
display:none;
cursor: pointer;
 border-radius: 70px; 
}

#pa1242{
      	position: absolute;
		top:198px;
left: 55px;
z-index:140;
display:none;
cursor: pointer;
}

#pa1243{
      	position: absolute;
		top:358px;
left: 55px;
z-index:140;
display:none;
cursor: pointer;
}

#pa1244{
      	position: absolute;
		top:517.5px;
left: 55px;
z-index:200;
display:none;
cursor: pointer;

}





#cm5 {/* ссылка на топ 2 игрока   */
  position: absolute;
top: 225px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200;
  display:none;
  }










#pabochie{
	position:absolute;
	top:195px;
	left:335px;
	
 width: 200px;
 height: 200px;
 visibility: hidden;
 z-index:301;
display:none;
 
}

#zakreiting{
    	position: absolute;
		top:5px;
		left:950px;
    width: 45px;
    height: 45px;
    
   
    	z-index:20000;
   
   display:none;
   cursor:pointer;
}






@keyframes ani1060 {
    0%{
			  
  
    
    
  }
      50%{
			  
    transform:    skewX(3deg) skewY(3deg) scaleX(0.8); 	
  
    
  }
 

      100%{
			  
    transform:    skewX(0deg) skewY(0deg) scaleX(1);	
  
    
  }
}


	#cvetok {
		position: absolute;
		top:186px;
		left: 708px;
    width: 200px;
    height: 200px;
    
      filter: blur(0px);
    	animation: ani1060 20s linear infinite   ;
    	z-index:200;
    	display:none;
}

	#w380 {
		position: absolute;
		top:591px;
		left: 820px;
    width: 82px;
    height: 82px;
    cursor:pointer;
 z-index:200;

}








.ptichka {
	position:absolute;
	top:302px;
	left:595px;
  flex-shrink: 1;
  height: 500px;
  max-width: 200px;
transform: scaleX(-1);
z-index:500;
display:none;
}








#pergamenttop{
     	position: absolute;
		top:0px;
		left: 0px;
    width:1000px;
    height: 680px;
display:none;
    	z-index:120; 
}


#pergamenttop2{
     	position: absolute;
		top:-90px;
		left: -105px;
    width:1164px;
    height: 810px;
display:none;
    	z-index:120; 
}





#zakzadanie{
     	position: absolute;
		top:120px;
		left: 716px;
    width: 57px;
    height: 57px;
display:none;
    	z-index:415; 
    	cursor:pointer;
}







#pacckazat{
     	position: absolute;
		top:280px;
		left: 550px;
    width: 165px;
    height:50px;
display:none;
    	z-index:415;  
    	cursor:pointer;
    	
}





#vstypit{
     	position: absolute;
		top:200px;
		left: 550px;
    width: 165px;
    height:50px;
display:none;
    	z-index:415;  
    	cursor:pointer;
}





#galochka{
     	position: absolute;
		top:202px;
		left: 570px;
    width: 165px;
    height:50px;
display:none;
    	z-index:415;  
    
}



#galochka2{
     	position: absolute;
		top:280px;
		left: 570px;
    width: 165px;
    height:50px;
display:none;
    	z-index:415;  
    
}




#zadanie{
    	position: absolute;
		top:85px;
		left: 240px;
    width: 520px;
    height: 400px;
display:none;
    	z-index:410; 
}




#priglasifrend{
    	position: absolute;
		top:405px;
		left: 400px;
    width: 200px;
    height:50px;
    display:none;

    	z-index:601;
    	
    	cursor:pointer;
}










#priglasifrend2{
    	position: absolute;
		top:405px;
		left: 400px;
    width: 200px;
    height:50px;
    

    	z-index:601;
    	display:none;
    	cursor:pointer;
}









#zakritpriglasi{
     	position: absolute;
		top:120px;
		left: 716px;
    width: 57px;
    height: 57px;
display:none;
    	z-index:603; 
    	cursor:pointer;
}


#zakritpriglasi2{
     	position: absolute;
		top:120px;
		left: 716px;
    width: 57px;
    height: 57px;
display:none;
    	z-index:603; 
    	cursor:pointer;
}



       #zakritpriglasi:hover{

  background-color: white;
  border-radius: 50%;
  animation: shadow3 1s infinite alternate;
}

@keyframes shadow3 {
  from {
    box-shadow: 0 0 55px 10px white;
  }
  to {
    box-shadow: 0 0 90px 20px white;
  }
}

       #zakritpriglasi2:hover{

  background-color: white;
  border-radius: 50%;
  animation: shadow2 1s infinite alternate;
}

@keyframes shadow2 {
  from {
    box-shadow: 0 0 55px 10px white;
  }
  to {
    box-shadow: 0 0 90px 20px white;
  }
}







       #zakritakciu:hover{

  background-color: white;
  border-radius: 50%;
  animation: shadow 1s infinite alternate;
}

@keyframes shadow {
  from {
    box-shadow: 0 0 55px 10px white;
  }
  to {
    box-shadow: 0 0 90px 20px white;
  }
}








#priglasidryzei2{
       	position: absolute;
		top:83px;
		left: 240px;
    width: 520px;
    height: 400px;
display:none;
    	z-index:601;
    
}


#priglasidryzei{
   	position: absolute;
	top:85px;
		left: 240px;
    width: 520px;
    height: 400px;
display:none;
    	z-index:601;
    
   
}


/*  чёрный фон  */
   #zatemnenie3{
position: absolute;
top:0px;
left: 0px;
width: 100%; 
height: 100%;

background: #000;
 z-index:470;
display:none;
opacity: 0.7;


}

#zatemnenie5{
    position: absolute;
top:0px;
left: 0px;
width: 100%; 
height: 100%;

background: #000;
 z-index:480;
display:none;
opacity: 0.7;
}

/*  чёрный фон  */
   #zatemnenie2{
position: absolute;
top:0px;
left: 0px;
width: 100%; 
height: 100%;
display:none;
background: #000;
 z-index:600;

opacity: 0.7;


}



















#zakritmagazin{
   	position: absolute;
		top:61px;
		left: 667px;
    width: 50px;
    height: 50px;

    	z-index:415;
    	display:none; 
    	
    	cursor:pointer;
}







#kupit4{
    	position: absolute;
		top:210px;
		left: 355px;
    width: 300px;
    height: 100px;

    	z-index:415;
    	display:none;
    cursor:pointer;
}



#kupit3{
    	position: absolute;
		top:300px;
		left: 355px;
    width: 327px;
    height: 100px;

    	z-index:415;
    	display:none;
       cursor:pointer;
}


#kupit2{
    	position: absolute;
		top:412px;
		left: 355px;
    width: 300px;
    height: 100px;

    	z-index:415;
    	display:none;
       cursor:pointer;
}





#pa57{
    	position: absolute;
		top:-60px;
		left: 108px;
    width: 750px;
    height: 750px;

    	z-index:410;
    	display:none;
    
}











#kupit{
    	position: absolute;
		top:500px;
		left: 410px;
    width: 180px;
    height: 10px;

    	z-index:611;
    	display:none;
    	cursor:pointer;
}







	#sale {
		position: absolute;
		top:80px;
		left: 275px;
    width: 455px;
    height: 455px;

    	z-index:610;
    	display:none;

}


/*  чёрный фон  */
   #zatemnenie{
position: absolute;
top:0px;
left: 0px;
width: 100%; 
height: 100%;

background: #000;
 z-index:400;
display:none;
opacity: 0.7;


}


#zakritakciu{
    
    	position: absolute;
		top:113px;
		left: 675px;
    width: 57px;
    height: 57px;

    	z-index:611;
    	display:none;
    	cursor:pointer;
}



#zakritakciu:hover{

  background-color: white;
  border-radius: 50%;
  animation: shadow 1s infinite alternate;
}

@keyframes shadow {
  from {
    box-shadow: 0 0 55px 10px white;
  }
  to {
    box-shadow: 0 0 90px 20px white;
  }
}















@keyframes ani1059 {
    0%{
			  
    transform: translate(200px,0px) scale(0) rotate(90deg) ;	
    
    
  }

      50%{
			  
   transform: translate(200px,0px) scale3d(1,1,1)rotate(0deg)  ;	
  
    
  }

      100%{
			  
    transform: translate(200px,0px) scale3d(1,1,1) rotate(0deg)  ;	
  
    
  }
}


	#circle222 {
		position: absolute;
		top:230px;
		left: -16px;
    width: 230px;
    height: 230px;
    
      filter: blur(0px);
    	animation: ani1059 2.5s linear infinite   ;
    	z-index:100;
    	display:none;
}




	#circle223 {
		position: absolute;
		top:230px;
		left: 380px;
    width: 230px;
    height: 230px;
    
      filter: blur(0px);
    	animation: ani1059 2.5s linear infinite   ;
    	z-index:100;
    	display:none;
}










#cm6{ /* прозрачная кнопка     */
    

    
    
             position: absolute;
  top:137px;
  left:152px;
  z-index:31;
  width:700px;
      height:79px;
 text-decoration:none; 
 text-align:center; 

 border:solid 4px #f4bc4a; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 

  font:28px Arial, Helvetica, sans-serif; 

 color:#faf7ab; 
 background:#855d33; 
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
}
#section:hover #cm3 {
    transform: scale(1.005);
      
               box-shadow:0 0 5px #fff;

}



#section:hover #pa4 {
   transform: scale(1.005);
      
               box-shadow:0 0 5px #fff;


}




#cm3{
         position: absolute;
  top:488px;
  left:152px;
  z-index:31;
  width:305px;
  height:50px;
  text-decoration:none; 
 text-align:center; 

 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:26px Arial, Helvetica, sans-serif; 

 color:#ffffff; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
   
   
 cursor:pointer;
   
   
   
}



/*  картинки    */

  #pa4{
       position: absolute;
top: 230px;  
left:152px;
     width:300px;
height:240px;
z-index: 3;
 border:solid 2px #efc75f; 
cursor:pointer;
 transition: transform 0.2s;

 }







#knopkavibora{
               position: absolute;
top: 200px;  
left:50px;
     width:200px;
height:100px;
z-index: 50;

cursor:pointer;
}









#frdendpriglasit{
               position: absolute;
top: 590px;  
left:205px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}

#camaavatarkaigroka{
        position: absolute;
top: 595px;  
left:225px;
     width:50px;
height:48px;
z-index: 300;
display:none;
cursor:pointer;    
}




#camaavatarkaigroka2{
        position: absolute;
top: 595px;  
left:335px;
     width:50px;
height:48px;
z-index: 300;
display:none;
cursor:pointer;    
}



#camaavatarkaigroka3{
        position: absolute;
top: 595px;  
left:446px;
     width:50px;
height:48px;
z-index: 300;
display:none;
cursor:pointer;    
}




#camaavatarkaigroka4{
        position: absolute;
top: 595px;  
left:556px;
     width:50px;
height:48px;
z-index: 300;
display:none;
cursor:pointer;    
}










#frdendpriglasit222{
               position: absolute;
top: 590px;  
left:315px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}


#frdendpriglasit223{
               position: absolute;
top: 590px;  
left:425px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}


#frdendpriglasit224{
              position: absolute;
top: 590px;  
left:535px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}

#frdendpriglasit225{
              position: absolute;
top: 590px;  
left:710px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}




#frdendpriglasit226{
              position: absolute;
top: 590px;  
left:560px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}



#frdendpriglasit227{
         position: absolute;
top: 590px;  
left:660px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}


#frdendpriglasit228{
         position: absolute;
top: 590px;  
left:760px;
     width:90px;
height:100px;
z-index: 50;

cursor:pointer;
}




#timer {
     position: absolute;
     top:53px;
  left: 500px;
  font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:5;

 
}
#timer span {
    
    
    font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:5;
    


   
}








#timer2 {
     position: absolute;
     top:159px;
  left: 486.5px;
  font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:1000;
 display:none;

 
}








#timer3 {
     position: absolute;
     top:640px;
  left: 48px;
  font:18px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:210;
display:none;

 
}


















#cm7 {/* информация о топ 3  */
  position: absolute;
top: 358px; 
left:200px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200;
 display:none;
}




#cm22341{

   
          position: absolute;
  top:13px;
  left:512px;
  font:25px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:50;
   cursor:pointer;
   
   
}


#cm2 {/* ссылка на топ 1 игрока   */
  position: absolute;
top: 65px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200; 

   display:none;
  }







#cm2222 {/* ссылка на топ 1 игрока   */
  position: absolute;
top: 99px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:1000; 
display:none;

   
  }




#cm2223{
      position: absolute;
top: 260px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:1000; 
display:none;
}

#cm2224{
      position: absolute;
top: 420px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:1000; 
display:none;
}








#cm2225{
      position: absolute;
top: 579px; 
left:230px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:1000; 
display:none;
}

















#cm1 {/* информация о топ 1 игроке   */
  position: absolute;
top: 37px; 
left:200px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200; 
 display:none;
}




#cm1000{
      position: absolute;
top: 282px; 
left:650px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:202; 

}


#cm1002{
      position: absolute;
top: 282px; 
left:760px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:202; 

}






#cm1003{
      position: absolute;
top: 282px; 
left:867px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:202; 

}



#cm100 {/* информация о топ 1 игроке   */
  position: absolute;
top: 360px; 
left:695px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#ffc048; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200; 
 display:none;
}




#cm101 {/* информация о топ 1 игроке   */
  position: absolute;
top: 395px; 
left:733px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#ffc048; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200; 
 display:none;
}













#cmgold{

   
          position: absolute;
  top:13px;
  left:322px;
  font:25px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:50;
   
   cursor:pointer;
   
}



#lv{

   
          position: absolute;
  top:13.5px;
  left:174px;
  font:25px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:50;
   
   
   
}





#cm6321{

   
          position: absolute;
  top:442px;
  left:510px;
  font:27px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff495; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
  display:none;
 z-index:611;
   
   
   
}



#ckolkoenergisale{

   
          position: absolute;
  top:333px;
  left:390px;
 font:30px Bradley Hand, cursive; 
 font-weight:bold; 
color: #FFF;
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
  display:none;
  
 z-index:611;
 
	  	text-shadow: 
-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
   
   
}

#ckolkzolotosale{
    
     position: absolute;
  top:333px;
  left:569px;
 font:30px Bradley Hand, cursive; 
 font-weight:bold; 
color: #FFF;
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
display:none;
 z-index:611;
 
	  	text-shadow: 
-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
}

#cm61{

   
          position: absolute;
  top:442px;
  left:410px;
  font:27px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#fff; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
  text-decoration: line-through; 
 z-index:611;
  	text-shadow: 
-0   -1px 0   #000000,
		 0   -1px 0   #000000,
		-0    1px 0   #000000,
		 0    1px 0   #000000,
		-1px -0   0   #000000,
		 1px -0   0   #000000,
		-1px  0   0   #000000,
		 1px  0   0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000,
		-1px -1px 0   #000000,
		 1px -1px 0   #000000,
		-1px  1px 0   #000000,
		 1px  1px 0   #000000;
   
   
   display:none;
}




#besplantnonadpis{

   
          position: absolute;
  top:55px;
  left:302px;
  font:17px Arial; 
 font-weight:bold; 
 color:#fff69e; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 cursor:pointer;
 z-index:40;

   
   
   
}



#ypovenigrokavnizy{

   
          position: absolute;
  top:642px;
  left:242px;
  font:12px Arial; 
 font-weight:bold; 
 color:#563935; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 display:none;
 z-index:300;

   
   
   
}

#ypovenigrokavnizy2{

   
          position: absolute;
  top:642px;
  left:352px;
  font:12px Arial; 
 font-weight:bold; 
 color:#563935; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 display:none;
 z-index:300;

   
   
   
}








#ypovenigrokavnizy3{

   
          position: absolute;
  top:642px;
  left:462px;
  font:12px Arial; 
 font-weight:bold; 
 color:#563935; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 display:none;
 z-index:300;

   
   
   
}




















#ypovenigrokavnizy4{

   
          position: absolute;
  top:642px;
  left:573px;
  font:12px Arial; 
 font-weight:bold; 
 color:#563935; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 display:none;
 z-index:300;

   
   
   
}





 /*  плавное увелечение   */ 

            .zoom-on-hover {
  transition: transform 0.2s;
}

.zoom-on-hover:hover {
  transform: scale(1.1);
}



            .zoom-on-hover2 {
  transition: transform 0.2s;
}

.zoom-on-hover2:hover {
  transform: scale(1.06);
}

            .zoom-on-hover3{
  transition: transform 0.2s;
}

.zoom-on-hover3:hover {
  transform: scale(1.03);
}







#pereklucheniedr{
                     position: absolute;
top: 596px;  
left:640px;
     width:40px;
height:40px;
z-index: 300;

cursor:pointer;
}

#pereklucheniedr2{
                  position: absolute;
top: 596px;  
left:150px;
     width:40px;
height:40px;
z-index: 3;

cursor:pointer;
}


#zvuk{
                   position: absolute;
top: 593px; 
left:940px;
     width:40px;
height:40px;
z-index: 300;

cursor:pointer;
}


#myzika{
                   position: absolute;
top: 638px; 
left:940px;
     width:40px;
height:40px;
z-index:300;
cursor:pointer;
}


#reiting{
               position: absolute;
top: 6px;  
left:627px;
     width:72px;
height:65px;
z-index: 50;

cursor:pointer;
}



#pereklucheniedrpomnogy{
                  position: absolute;
top: 636px;  
left:640px;
     width:40px;
height:40px;
z-index: 300;

cursor:pointer;
}



#pereklucheniedrpomnogy2{
                  position: absolute;
top: 636px;  
left:150px;
     width:40px;
height:40px;
z-index: 300;

cursor:pointer;
}


#pomoch{
               position: absolute;
top: 6px;  
left:717px;
     width:72px;
height:65px;
z-index: 1;

cursor:pointer;
}

#akcie{
           position: absolute;
top: 8px;  
left:800px;
     width:110px;
height:10px;
z-index: 1;

cursor:pointer;
}





#chethikvremeni{
    
      position: absolute;
  top:50px;
  left:487px;
     width:80px;
      height:28px;
      
  border:solid 2px #f4bc4a; 
        background-color: #825d2d;

      z-index:1;
      
       -webkit-border-radius:5px;
 -moz-border-radius:5px; 
 border-radius: 5px; 
      
    
}



























































































































#pa2009{
     position: absolute;
  top:-18px;
  left:-110px;

      width:1260px;
      height:717px;
 

}

#two{
     position: absolute;
top: -8px;  
left:90px;
    z-index: 100;
}
      #Слой_1{
       position: absolute;
top: -8px;  
left:90px;
     width:160px;
height:50px;
z-index: 1;



 }
 


  #pa2{
       position: absolute;
top: -10px;  
left:267px;
     width:160px;
height:50px;
z-index: 1;
cursor:pointer;


 }
 


  #pa3{
       position: absolute;
top: -11px;  
left:448px;
     width:160px;
height:50px;
z-index: 2;
cursor:pointer;


 }


  #pa99{
       position: absolute;
top: 165px;  
left:610px;
     width:30px;
height:30px;
z-index: 702;
display:none;
cursor:pointer;

 }


 #pa991{
       position: absolute;
top: 155.5px;  
left:596px;
     width:30px;
height:30px;
z-index: 702;
display:none;
cursor:pointer;

 }



  	#container{
  	    
box-sizing: content-box;
      width: 1000px;
       height: 680px;
       margin-left: auto;
       margin-right: auto; 
       position:relative;
      z-index:10;
        -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
/*overflow: hidden; */
 
 

}




#besplatno{
    
       position: absolute;
top: 50px;  
left:302px;
     width:96px;
      height:28px;
      
  border:solid 2px #f4bc4a; 
        background-color: #825d2d;

      z-index:1;
      
       -webkit-border-radius:5px;
 -moz-border-radius:5px; 
 border-radius: 5px; 
      
    
}










#timecyndyk{
    
       position: absolute;
top: 610px;  
left:50px;
     width:50px;
      height:28px;
      
  border:solid 2px #f4bc4a; 
        background-color: #825d2d;

      z-index:50000;
      
       -webkit-border-radius:5px;
 -moz-border-radius:5px; 
 border-radius: 5px; 
      
    
}



















/*

#belrvadrat{
    
       position: absolute;
top: 250px;  
left:550px;
     width:300px;
height:240px;
 

        background-color: #fff;
         border:solid 2px #fff; 
z-index:2;
      
    
}







#belrvadrat2{
    
       position: absolute;
top: 250px;  
left:150px;
     width:300px;
height:240px;
 

        background-color: #fff;
         border:solid 2px #fff; 
z-index:2;
      
    
}

*/







  #pa5{
       position: absolute;
top: 230px;  
left:548px;
     width:300px;
height:240px;
z-index: 3;
 border:solid 2px #efc75f; 
cursor:pointer;
 transition: transform 0.2s;

 }
 

#section2:hover #pa5 {
   transform: scale(1.005);
      
               box-shadow:0 0 5px #fff;
}

#section2:hover #cm4123 {
      transform: scale(1.005);
      
               box-shadow:0 0 5px #fff;
}









#fivekorobok {
	
	
	position:absolute;
	top:180px;
	left:215px;

  display: flex;

   font-size: 18px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: inherit;
  font-weight: normal;
  z-index:500;
  display:none;
  
 /* background: radial-gradient(circle, #fff, #357ab2 60%);*/
}
.selby-gifts-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  position: relative;
}
.gift-bubbles {
	
  width: 100%;
    height:200px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: -10px;
}
.gift-bubble-wrapper {
	
  width: 100px;
}
.gift-bubble-item {
	
	
	
  margin: auto;
  background: radial-gradient(circle, #fff, #357ab2 60%);
  border: 2px solid rgba(255,255,255,0.4);
  border-radius: 50%;
  width: 66.66666666666667px;
  height: 66.66666666666667px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  cursor: default;
}
.christmas-gifts {
	
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 580px;
  margin-bottom: 75px;
  
}




.gift-wrapper {
  position: relative;
}
.gift-wrapper.jump:hover {
  cursor: pointer;
  animation: wrapperHover 0.75s 2;
}
.gift-wrapper.jump:hover .gift-box {
  animation: giftBoxHover 0.85s 2;
}




.gift-box { /* основной цвет коробки */
  background: #f5ad56;
  width: 100px;
  height: 100px;
  transition: 0.25s;
  border-radius: 3.03030303030303px;
  position: relative;
  box-shadow: 0 0 1px 1px #222;
  z-index: 2;
}

.gift-box222 {
  background: #000;
  width: 100px;
  height: 100px;
  transition: 0.25s;
  border-radius: 3.03030303030303px;
  position: relative;
  box-shadow: 0 0 1px 1px #222;
  z-index: 3;
}


.gift-box::before,
.gift-box::after { /* полоска внутри */
  background: #1696a2;
  content: '';
  display: block;
  position: absolute;
  box-shadow: 0 0 1px 0 #222;
}
.gift-box::before {
  top: 50%;
  width: 100%;
  height: 19px;
  transform: translateY(-50%);
}
.gift-box::after { 
  top: 0;
  left: 50%;
  height: 100%;
  width: 19px;
  transform: translateX(-50%);
}
.gift-box > span { /* цвет маленькой полоски */
  display: inline-block;
  position: absolute;
  top: 0;
  right: 10px;
  text-align: center;
  font-size: 0.7rem;
  background: #49d1d9;
  color: #171c29;
  font-weight: bold;
  width: 20px;
  height: 25px;
  line-height: 30px;
  border-radius: 0 0 3px 2px;
  box-shadow: 0 0 1px 0 #222;
}
.gift-box > span::before {
  display: inline-block;
}
.gift-wrapper:nth-of-type(1) .gift-box > span::before {
  content: ' 1 ';
}
.gift-wrapper:nth-of-type(2) .gift-box > span::before {
  content: ' 2 ';
}
.gift-wrapper:nth-of-type(3) .gift-box > span::before {
  content: ' 3 ';
}
.gift-wrapper:nth-of-type(4) .gift-box > span::before {
  content: ' 4 ';
}
.gift-wrapper:nth-of-type(5) .gift-box > span::before {
  content: ' 5 ';
}
.gift-ribbon {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 66.66666666666667px;
  height: 66.66666666666667px;
  background: transparent;
}


.gift-ribbon222 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 66.66666666666667px;
  height: 66.66666666666667px;
  background: transparent;
  z-index:3;
}



.gift-ribbon::before,
.gift-ribbon::after { /*    бант   */
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 19px;
  background: #1696a2;
  box-shadow: 0 0 1px 1px #222;
}
.gift-ribbon::before {
  transform: rotate(45deg);
  border-radius: 0 0 0 10px;
}
.gift-ribbon::after {
  transform: rotate(-45deg);
  border-radius: 0 0 10px 0;
}
.promo-wrapper {
  margin-bottom: 75px;
}
.promo-wrapper,
.congrats-wrapper {
  width: 100%;
  text-align: center;
  padding: 2rem 0;
  border-radius: 10px;
  border: 2px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.4);
  cursor: default;
}
.promo-wrapper span,
.congrats-wrapper span {
  display: block;
  margin: 0.5rem 0;
}
.discount,
.codeword {
  color: #090;
}
.christmas-question {
  position: absolute;
  bottom: 30px;
  color: rgba(255,255,255,0.6);
  font-size: 180px;
  cursor: default;
}
@-moz-keyframes wrapperHover {
  0% {
    transform: translateY(0);
  }
  25% {
      transform: translateY(-15%);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(4%);
  }
  70% {
    transform: translateY(0);
  }
}
@-webkit-keyframes wrapperHover {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-15%);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(4%);
  }
  70% {
    transform: translateY(0);
  }
}
@-o-keyframes wrapperHover {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-15%);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(4%);
  }
  70% {
    transform: translateY(0);
  }
}
@keyframes wrapperHover {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(-15%);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(4%);
  }
  70% {
    transform: translateY(0);
  }
}
@-moz-keyframes giftBoxHover {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.1, 0.9);
  }
  70% {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes giftBoxHover {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.1, 0.9);
  }
  70% {
    transform: scale(1, 1);
  }
}
@-o-keyframes giftBoxHover {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.1, 0.9);
  }
  70% {
    transform: scale(1, 1);
  }
}
@keyframes giftBoxHover {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.95, 1.05);
  }
  50% {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(1.1, 0.9);
  }
  70% {
    transform: scale(1, 1);
  }
}


































#cm4 {/* вывод топ 2 игрока   */
  position: absolute;
top: 197px; 
left:200px;
 font:20px Bradley Hand, cursive; 
 font-weight:bold; 
 color:#271311; 
 outline: none; /* Для синий ободки */
  border: 0;
  background: transparent;
 z-index:200;
 display:none;
}









#cm4123{
         position: absolute;
  top:488px;
  left:548px;
  z-index:31;
  width:305px;
  height:50px;
  text-decoration:none; 
 text-align:center; 

 border:solid 1px #004F72; 
 -webkit-border-radius:4px;
 -moz-border-radius:4px; 
 border-radius: 4px; 
 font:26px Arial, Helvetica, sans-serif; 

 color:#fff; 
 background-color:#3BA4C7; 
 background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%); 
 background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%); 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 ); 
 background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
   
   
 
   cursor:pointer;
   
   
}
























  #pa6{
       position: absolute;
top: 16px;  
left:391px;
     width:32px;
height:32px;
z-index: 50;
cursor:pointer;

 }
 
 #pa725{
         position: absolute;
top: 15px;  
left:571px;
     width:32px;
height:32px;
z-index: 10;
cursor:pointer;
     
     
 }
 
   #pa7{
       position: absolute;
top: 15px;  
left:571px;
     width:32px;
height:32px;
z-index: 10;
cursor:pointer;

 }


[tooltip3] {
  position: relative; 

}


[tooltip3]::before,[tooltip3]::after {


  white-space:pre-wrap;

 

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
 /* opacity: 1; */
}
[tooltip3]::before {
  content: '';
  border: 5px solid transparent; 
  z-index: 3000; 
  

}
[tooltip3]::after {
  content: attr(tooltip3); 
    min-width: 12em;
	  text-align:center;
  position: absolute;
  padding: 5px;               
  font: 16px Arial;        




/*background: rgba(255, 255, 255, 0.95); */

background: #f0d44b; 

color:#2a1a0b;


  
   border:solid 1px #2a1a0b;       
  border-radius: 5px;            
  pointer-events: none;


}

#pa2:hover ~ [tooltip3]::before,
#pa2:hover ~ [tooltip3]::after,
[tooltip3]:hover::before,
[tooltip3]:hover::after {
  display: block;
}


[tooltip3='']::before,
[tooltip3='']::after {
  display: none;
}

[tooltip3]:not([flow])::before,
[tooltip3][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip3]:not([flow])::after,
[tooltip3][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip3]:not([flow])::before,
[tooltip3]:not([flow])::after,
[tooltip3][flow^="up"]::before,
[tooltip3][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}


[tooltip3][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip3][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip3][flow^="down"]::before,
[tooltip3][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}


[tooltip3][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}
[tooltip3][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}


[tooltip3][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}
[tooltip3][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}


@-webkit-keyframes tooltip3s-vert {
  to {
 /* opacity: 1; */
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltip3s-vert {
  to {
    /*opacity: 1;*/
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltip3s-horz {
  to {
   /* opacity: 1;*/
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltip3s-horz {
  to {
   /*  opacity: 1; */
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}




#pa2:hover ~ [tooltip3]:not([flow])::before,
#pa2:hover ~ [tooltip3]:not([flow])::after,
#pa2:hover ~ [tooltip3][flow^="up"]::before,
#pa2:hover ~ [tooltip3][flow^="up"]::after,
#pa2:hover ~ [tooltip3][flow^="down"]::before,
#pa2:hover ~ [tooltip3][flow^="down"]::after,


[tooltip3]:not([flow]):hover::before,
[tooltip3]:not([flow]):hover::after,
[tooltip3][flow^="up"]:hover::before,
[tooltip3][flow^="up"]:hover::after,
[tooltip3][flow^="down"]:hover::before,
[tooltip3][flow^="down"]:hover::after {
  -webkit-animation: tooltip3s-vert 0ms ease-out forwards;
          animation: tooltip3s-vert 0ms ease-out forwards;
}


#pa2:hover ~ [tooltip3][flow^="left"]::before,
#pa2:hover ~ [tooltip3][flow^="left"]::after,
#pa2:hover ~ [tooltip3][flow^="right"]::before,
#pa2:hover ~ [tooltip3][flow^="right"]::after,


[tooltip3][flow^="left"]:hover::before,
[tooltip3][flow^="left"]:hover::after,
[tooltip3][flow^="right"]:hover::before,
[tooltip3][flow^="right"]:hover::after {
  -webkit-animation: tooltip3s-horz 0ms ease-out forwards;
          animation: tooltip3s-horz 0ms ease-out forwards;
}









































.Q1{  /*факел один       */
	  position: absolute;
  top: 292px;
  left: 650px;
  z-index:300;
  display:none;
}
.Q3 {
  position: absolute;
  top: 97px;
  left: 50%;
  width: 80px;
  height: 200px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

}

.Q4 {

  border-radius: 45%;
  box-sizing: border-box;


  -webkit-transform: translate(-50%, 0) scaleX(0.20) scaleY(0.20);
          transform: translate(-50%, 0) scaleX(0.20) scaleY(0.20);

}

.Q5 {
  position: absolute;
  top: 60px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  background: #fa8763;
  border-radius: 50%;
  z-index: -1;
  mix-blend-mode: screen;
}

.Q5:nth-child(0) {
  width: 24px;
  height: 24px;
  left: calc(52px - 55px);
}

.Q5:nth-child(0) {
  -webkit-animation: movetop 1s linear -1.376s infinite;
          animation: movetop 1s linear -1.376s infinite;
}

.Q5:nth-child(1) {
  width: 48px;
  height: 48px;
  left: calc(19px - 55px);
}

.Q5:nth-child(1) {
  -webkit-animation: movetop 1s linear -2.725s infinite;
          animation: movetop 1s linear -2.725s infinite;
}

.Q5:nth-child(2) {
  width: 49px;
  height: 49px;
  left: calc(5px - 55px);
}

.Q5:nth-child(2) {
  -webkit-animation: movetop 1s linear -2.098s infinite;
          animation: movetop 1s linear -2.098s infinite;
}

.Q5:nth-child(3) {
  width: 4px;
  height: 4px;
  left: calc(68px - 55px);
}

.Q5:nth-child(3) {
  -webkit-animation: movetop 1s linear -2.805s infinite;
          animation: movetop 1s linear -2.805s infinite;
}

.Q5:nth-child(4) {
  width: 6px;
  height: 6px;
  left: calc(61px - 55px);
}

.Q5:nth-child(4) {
  -webkit-animation: movetop 1s linear -2.833s infinite;
          animation: movetop 1s linear -2.833s infinite;
}

.Q5:nth-child(5) {
  width: 26px;
  height: 26px;
  left: calc(8px - 55px);
}

.Q5:nth-child(5) {
  -webkit-animation: movetop 1s linear -2.767s infinite;
          animation: movetop 1s linear -2.767s infinite;
}

.Q5:nth-child(6) {
  width: 19px;
  height: 19px;
  left: calc(5px - 55px);
}

.Q5:nth-child(6) {
  -webkit-animation: movetop 1s linear -1.509s infinite;
          animation: movetop 1s linear -1.509s infinite;
}

.Q5:nth-child(7) {
  width: 44px;
  height: 44px;
  left: calc(45px - 55px);
}

.Q5:nth-child(7) {
  -webkit-animation: movetop 1s linear -1.058s infinite;
          animation: movetop 1s linear -1.058s infinite;
}

.Q5:nth-child(8) {
  width: 5px;
  height: 5px;
  left: calc(56px - 55px);
}

.Q5:nth-child(8) {
  -webkit-animation: movetop 1s linear -0.621s infinite;
          animation: movetop 1s linear -0.621s infinite;
}

.Q5:nth-child(9) {
  width: 7px;
  height: 7px;
  left: calc(53px - 55px);
}

.Q5:nth-child(9) {
  -webkit-animation: movetop 1s linear -0.751s infinite;
          animation: movetop 1s linear -0.751s infinite;
}

.Q5:nth-child(10) {
  width: 3px;
  height: 3px;
  left: calc(9px - 55px);
}

.Q5:nth-child(10) {
  -webkit-animation: movetop 1s linear -0.166s infinite;
          animation: movetop 1s linear -0.166s infinite;
}

.Q5:nth-child(11) {
  width: 44px;
  height: 44px;
  left: calc(19px - 55px);
}

.Q5:nth-child(11) {
  -webkit-animation: movetop 1s linear -1.496s infinite;
          animation: movetop 1s linear -1.496s infinite;
}

.Q5:nth-child(12) {
  width: 29px;
  height: 29px;
  left: calc(22px - 55px);
}

.Q5:nth-child(12) {
  -webkit-animation: movetop 1s linear -0.714s infinite;
          animation: movetop 1s linear -0.714s infinite;
}

.Q5:nth-child(13) {
  width: 42px;
  height: 42px;
  left: calc(16px - 55px);
}

.Q5:nth-child(13) {
  -webkit-animation: movetop 1s linear -1.08s infinite;
          animation: movetop 1s linear -1.08s infinite;
}

.Q5:nth-child(14) {
  width: 27px;
  height: 27px;
  left: calc(57px - 55px);
}

.Q5:nth-child(14) {
  -webkit-animation: movetop 1s linear -1.515s infinite;
          animation: movetop 1s linear -1.515s infinite;
}

.Q5:nth-child(15) {
  width: 50px;
  height: 50px;
  left: calc(6px - 55px);
}

.Q5:nth-child(15) {
  -webkit-animation: movetop 1s linear -2.059s infinite;
          animation: movetop 1s linear -2.059s infinite;
}

.Q5:nth-child(16) {
  width: 1px;
  height: 1px;
  left: calc(66px - 55px);
}

.Q5:nth-child(16) {
  -webkit-animation: movetop 1s linear -0.935s infinite;
          animation: movetop 1s linear -0.935s infinite;
}

.Q5:nth-child(17) {
  width: 43px;
  height: 43px;
  left: calc(62px - 55px);
}

.Q5:nth-child(17) {
  -webkit-animation: movetop 1s linear -1.304s infinite;
          animation: movetop 1s linear -1.304s infinite;
}

.Q5:nth-child(18) {
  width: 44px;
  height: 44px;
  left: calc(21px - 55px);
}

.Q5:nth-child(18) {
  -webkit-animation: movetop 1s linear -1.976s infinite;
          animation: movetop 1s linear -1.976s infinite;
}

.Q5:nth-child(19) {
  width: 36px;
  height: 36px;
  left: calc(34px - 55px);
}

.Q5:nth-child(19) {
  -webkit-animation: movetop 1s linear -0.343s infinite;
          animation: movetop 1s linear -0.343s infinite;
}

.Q5:nth-child(20) {
  width: 36px;
  height: 36px;
  left: calc(24px - 55px);
}

.Q5:nth-child(20) {
  -webkit-animation: movetop 1s linear -1.491s infinite;
          animation: movetop 1s linear -1.491s infinite;
}

.Q5:nth-child(21) {
  width: 30px;
  height: 30px;
  left: calc(54px - 55px);
}

.Q5:nth-child(21) {
  -webkit-animation: movetop 1s linear -0.812s infinite;
          animation: movetop 1s linear -0.812s infinite;
}

.Q5:nth-child(22) {
  width: 26px;
  height: 26px;
  left: calc(26px - 55px);
}

.Q5:nth-child(22) {
  -webkit-animation: movetop 1s linear -0.997s infinite;
          animation: movetop 1s linear -0.997s infinite;
}

.Q5:nth-child(23) {
  width: 37px;
  height: 37px;
  left: calc(36px - 55px);
}

.Q5:nth-child(23) {
  -webkit-animation: movetop 1s linear -1.825s infinite;
          animation: movetop 1s linear -1.825s infinite;
}

.Q5:nth-child(24) {
  width: 11px;
  height: 11px;
  left: calc(9px - 55px);
}

.Q5:nth-child(24) {
  -webkit-animation: movetop 1s linear -1.974s infinite;
          animation: movetop 1s linear -1.974s infinite;
}

.Q5:nth-child(25) {
  width: 15px;
  height: 15px;
  left: calc(9px - 55px);
}

.Q5:nth-child(25) {
  -webkit-animation: movetop 1s linear -2.791s infinite;
          animation: movetop 1s linear -2.791s infinite;
}

.Q5:nth-child(26) {
  width: 22px;
  height: 22px;
  left: calc(59px - 55px);
}

.Q5:nth-child(26) {
  -webkit-animation: movetop 1s linear -0.667s infinite;
          animation: movetop 1s linear -0.667s infinite;
}

.Q5:nth-child(27) {
  width: 10px;
  height: 10px;
  left: calc(57px - 55px);
}

.Q5:nth-child(27) {
  -webkit-animation: movetop 1s linear -1.559s infinite;
          animation: movetop 1s linear -1.559s infinite;
}

.Q5:nth-child(28) {
  width: 4px;
  height: 4px;
  left: calc(8px - 55px);
}

.Q5:nth-child(28) {
  -webkit-animation: movetop 1s linear -0.381s infinite;
          animation: movetop 1s linear -0.381s infinite;
}

.Q5:nth-child(29) {
  width: 41px;
  height: 41px;
  left: calc(11px - 55px);
}

.Q5:nth-child(29) {
  -webkit-animation: movetop 1s linear -1.986s infinite;
          animation: movetop 1s linear -1.986s infinite;
}

.Q5:nth-child(30) {
  width: 15px;
  height: 15px;
  left: calc(26px - 55px);
}

.Q5:nth-child(30) {
  -webkit-animation: movetop 1s linear -0.238s infinite;
          animation: movetop 1s linear -0.238s infinite;
}

.Q5:nth-child(31) {
  width: 12px;
  height: 12px;
  left: calc(20px - 55px);
}

.Q5:nth-child(31) {
  -webkit-animation: movetop 1s linear -2.122s infinite;
          animation: movetop 1s linear -2.122s infinite;
}

.Q5:nth-child(32) {
  width: 49px;
  height: 49px;
  left: calc(65px - 55px);
}

.Q5:nth-child(32) {
  -webkit-animation: movetop 1s linear -2.138s infinite;
          animation: movetop 1s linear -2.138s infinite;
}

.Q5:nth-child(33) {
  width: 28px;
  height: 28px;
  left: calc(2px - 55px);
}

.Q5:nth-child(33) {
  -webkit-animation: movetop 1s linear -2.947s infinite;
          animation: movetop 1s linear -2.947s infinite;
}

.Q5:nth-child(34) {
  width: 22px;
  height: 22px;
  left: calc(10px - 55px);
}

.Q5:nth-child(34) {
  -webkit-animation: movetop 1s linear -2.602s infinite;
          animation: movetop 1s linear -2.602s infinite;
}

.Q5:nth-child(35) {
  width: 47px;
  height: 47px;
  left: calc(9px - 55px);
}

.Q5:nth-child(35) {
  -webkit-animation: movetop 1s linear -1.587s infinite;
          animation: movetop 1s linear -1.587s infinite;
}

.Q5:nth-child(36) {
  width: 42px;
  height: 42px;
  left: calc(57px - 55px);
}

.Q5:nth-child(36) {
  -webkit-animation: movetop 1s linear -2.734s infinite;
          animation: movetop 1s linear -2.734s infinite;
}

.Q5:nth-child(37) {
  width: 5px;
  height: 5px;
  left: calc(58px - 55px);
}

.Q5:nth-child(37) {
  -webkit-animation: movetop 1s linear -0.251s infinite;
          animation: movetop 1s linear -0.251s infinite;
}

.Q5:nth-child(38) {
  width: 22px;
  height: 22px;
  left: calc(62px - 55px);
}

.Q5:nth-child(38) {
  -webkit-animation: movetop 1s linear -2.856s infinite;
          animation: movetop 1s linear -2.856s infinite;
}

.Q5:nth-child(39) {
  width: 10px;
  height: 10px;
  left: calc(21px - 55px);
}

.Q5:nth-child(39) {
  -webkit-animation: movetop 1s linear -1.547s infinite;
          animation: movetop 1s linear -1.547s infinite;
}

.Q5:nth-child(40) {
  width: 6px;
  height: 6px;
  left: calc(11px - 55px);
}

.Q5:nth-child(40) {
  -webkit-animation: movetop 1s linear -0.473s infinite;
          animation: movetop 1s linear -0.473s infinite;
}

.Q5:nth-child(41) {
  width: 16px;
  height: 16px;
  left: calc(67px - 55px);
}

.Q5:nth-child(41) {
  -webkit-animation: movetop 1s linear -2.942s infinite;
          animation: movetop 1s linear -2.942s infinite;
}

.Q5:nth-child(42) {
  width: 20px;
  height: 20px;
  left: calc(66px - 55px);
}

.Q5:nth-child(42) {
  -webkit-animation: movetop 1s linear -1.168s infinite;
          animation: movetop 1s linear -1.168s infinite;
}

.Q5:nth-child(43) {
  width: 48px;
  height: 48px;
  left: calc(7px - 55px);
}

.Q5:nth-child(43) {
  -webkit-animation: movetop 1s linear -1.823s infinite;
          animation: movetop 1s linear -1.823s infinite;
}

.Q5:nth-child(44) {
  width: 28px;
  height: 28px;
  left: calc(24px - 55px);
}

.Q5:nth-child(44) {
  -webkit-animation: movetop 1s linear -0.161s infinite;
          animation: movetop 1s linear -0.161s infinite;
}

.Q5:nth-child(45) {
  width: 31px;
  height: 31px;
  left: calc(44px - 55px);
}

.Q5:nth-child(45) {
  -webkit-animation: movetop 1s linear -1.31s infinite;
          animation: movetop 1s linear -1.31s infinite;
}

.Q5:nth-child(46) {
  width: 4px;
  height: 4px;
  left: calc(40px - 55px);
}

.Q5:nth-child(46) {
  -webkit-animation: movetop 1s linear -1.407s infinite;
          animation: movetop 1s linear -1.407s infinite;
}

.Q5:nth-child(47) {
  width: 17px;
  height: 17px;
  left: calc(56px - 55px);
}

.Q5:nth-child(47) {
  -webkit-animation: movetop 1s linear -2.866s infinite;
          animation: movetop 1s linear -2.866s infinite;
}

.Q5:nth-child(48) {
  width: 8px;
  height: 8px;
  left: calc(43px - 55px);
}

.Q5:nth-child(48) {
  -webkit-animation: movetop 1s linear -2.479s infinite;
          animation: movetop 1s linear -2.479s infinite;
}

.Q5:nth-child(49) {
  width: 6px;
  height: 6px;
  left: calc(39px - 55px);
}

.Q5:nth-child(49) {
  -webkit-animation: movetop 1s linear -0.351s infinite;
          animation: movetop 1s linear -0.351s infinite;
}

.Q5:nth-child(50) {
  width: 20px;
  height: 20px;
  left: calc(41px - 55px);
}

.Q5:nth-child(50) {
  -webkit-animation: movetop 1s linear -2.594s infinite;
          animation: movetop 1s linear -2.594s infinite;
}

.Q5:nth-child(51) {
  width: 33px;
  height: 33px;
  left: calc(51px - 55px);
}

.Q5:nth-child(51) {
  -webkit-animation: movetop 1s linear -1.987s infinite;
          animation: movetop 1s linear -1.987s infinite;
}

.Q5:nth-child(52) {
  width: 3px;
  height: 3px;
  left: calc(32px - 55px);
}

.Q5:nth-child(52) {
  -webkit-animation: movetop 1s linear -0.898s infinite;
          animation: movetop 1s linear -0.898s infinite;
}

.Q5:nth-child(53) {
  width: 33px;
  height: 33px;
  left: calc(14px - 55px);
}

.Q5:nth-child(53) {
  -webkit-animation: movetop 1s linear -0.145s infinite;
          animation: movetop 1s linear -0.145s infinite;
}

.Q5:nth-child(54) {
  width: 10px;
  height: 10px;
  left: calc(67px - 55px);
}

.Q5:nth-child(54) {
  -webkit-animation: movetop 1s linear -2.759s infinite;
          animation: movetop 1s linear -2.759s infinite;
}

.Q5:nth-child(55) {
  width: 42px;
  height: 42px;
  left: calc(44px - 55px);
}

.Q5:nth-child(55) {
  -webkit-animation: movetop 1s linear -1.033s infinite;
          animation: movetop 1s linear -1.033s infinite;
}

.Q5:nth-child(56) {
  width: 20px;
  height: 20px;
  left: calc(48px - 55px);
}

.Q5:nth-child(56) {
  -webkit-animation: movetop 1s linear -1.317s infinite;
          animation: movetop 1s linear -1.317s infinite;
}

.Q5:nth-child(57) {
  width: 9px;
  height: 9px;
  left: calc(20px - 55px);
}

.Q5:nth-child(57) {
  -webkit-animation: movetop 1s linear -2.573s infinite;
          animation: movetop 1s linear -2.573s infinite;
}

.Q5:nth-child(58) {
  width: 28px;
  height: 28px;
  left: calc(66px - 55px);
}

.Q5:nth-child(58) {
  -webkit-animation: movetop 1s linear -2.537s infinite;
          animation: movetop 1s linear -2.537s infinite;
}

.Q5:nth-child(59) {
  width: 49px;
  height: 49px;
  left: calc(58px - 55px);
}

.Q5:nth-child(59) {
  -webkit-animation: movetop 1s linear -1.741s infinite;
          animation: movetop 1s linear -1.741s infinite;
}

.Q5:nth-child(60) {
  width: 2px;
  height: 2px;
  left: calc(62px - 55px);
}

.Q5:nth-child(60) {
  -webkit-animation: movetop 1s linear -0.256s infinite;
          animation: movetop 1s linear -0.256s infinite;
}

.Q5:nth-child(61) {
  width: 47px;
  height: 47px;
  left: calc(10px - 55px);
}

.Q5:nth-child(61) {
  -webkit-animation: movetop 1s linear -2.252s infinite;
          animation: movetop 1s linear -2.252s infinite;
}

.Q5:nth-child(62) {
  width: 3px;
  height: 3px;
  left: calc(25px - 55px);
}

.Q5:nth-child(62) {
  -webkit-animation: movetop 1s linear -2.248s infinite;
          animation: movetop 1s linear -2.248s infinite;
}

.Q5:nth-child(63) {
  width: 39px;
  height: 39px;
  left: calc(43px - 55px);
}

.Q5:nth-child(63) {
  -webkit-animation: movetop 1s linear -1.433s infinite;
          animation: movetop 1s linear -1.433s infinite;
}

.Q5:nth-child(64) {
  width: 19px;
  height: 19px;
  left: calc(16px - 55px);
}

.Q5:nth-child(64) {
  -webkit-animation: movetop 1s linear -0.819s infinite;
          animation: movetop 1s linear -0.819s infinite;
}

.Q5:nth-child(65) {
  width: 15px;
  height: 15px;
  left: calc(9px - 55px);
}

.Q5:nth-child(65) {
  -webkit-animation: movetop 1s linear -1.211s infinite;
          animation: movetop 1s linear -1.211s infinite;
}

.Q5:nth-child(66) {
  width: 40px;
  height: 40px;
  left: calc(22px - 55px);
}

.Q5:nth-child(66) {
  -webkit-animation: movetop 1s linear -0.76s infinite;
          animation: movetop 1s linear -0.76s infinite;
}

.Q5:nth-child(67) {
  width: 28px;
  height: 28px;
  left: calc(65px - 55px);
}

.Q5:nth-child(67) {
  -webkit-animation: movetop 1s linear -1.354s infinite;
          animation: movetop 1s linear -1.354s infinite;
}

.Q5:nth-child(68) {
  width: 41px;
  height: 41px;
  left: calc(26px - 55px);
}

.Q5:nth-child(68) {
  -webkit-animation: movetop 1s linear -0.457s infinite;
          animation: movetop 1s linear -0.457s infinite;
}

.Q5:nth-child(69) {
  width: 2px;
  height: 2px;
  left: calc(48px - 55px);
}

.Q5:nth-child(69) {
  -webkit-animation: movetop 1s linear -2.192s infinite;
          animation: movetop 1s linear -2.192s infinite;
}

.Q5:nth-child(70) {
  width: 27px;
  height: 27px;
  left: calc(37px - 55px);
}

.Q5:nth-child(70) {
  -webkit-animation: movetop 1s linear -1.035s infinite;
          animation: movetop 1s linear -1.035s infinite;
}

.Q5:nth-child(71) {
  width: 28px;
  height: 28px;
  left: calc(3px - 55px);
}

.Q5:nth-child(71) {
  -webkit-animation: movetop 1s linear -0.874s infinite;
          animation: movetop 1s linear -0.874s infinite;
}

.Q5:nth-child(72) {
  width: 16px;
  height: 16px;
  left: calc(70px - 55px);
}

.Q5:nth-child(72) {
  -webkit-animation: movetop 1s linear -2.137s infinite;
          animation: movetop 1s linear -2.137s infinite;
}

.Q5:nth-child(73) {
  width: 27px;
  height: 27px;
  left: calc(21px - 55px);
}

.Q5:nth-child(73) {
  -webkit-animation: movetop 1s linear -2.486s infinite;
          animation: movetop 1s linear -2.486s infinite;
}

.Q5:nth-child(74) {
  width: 26px;
  height: 26px;
  left: calc(53px - 55px);
}

.Q5:nth-child(74) {
  -webkit-animation: movetop 1s linear -2.906s infinite;
          animation: movetop 1s linear -2.906s infinite;
}

.Q5:nth-child(75) {
  width: 29px;
  height: 29px;
  left: calc(12px - 55px);
}

.Q5:nth-child(75) {
  -webkit-animation: movetop 1s linear -2.095s infinite;
          animation: movetop 1s linear -2.095s infinite;
}

.Q5:nth-child(76) {
  width: 38px;
  height: 38px;
  left: calc(10px - 55px);
}

.Q5:nth-child(76) {
  -webkit-animation: movetop 1s linear -1.899s infinite;
          animation: movetop 1s linear -1.899s infinite;
}

.Q5:nth-child(77) {
  width: 15px;
  height: 15px;
  left: calc(69px - 55px);
}

.Q5:nth-child(77) {
  -webkit-animation: movetop 1s linear -0.792s infinite;
          animation: movetop 1s linear -0.792s infinite;
}

.Q5:nth-child(78) {
  width: 17px;
  height: 17px;
  left: calc(53px - 55px);
}

.Q5:nth-child(78) {
  -webkit-animation: movetop 1s linear -0.633s infinite;
          animation: movetop 1s linear -0.633s infinite;
}

.Q5:nth-child(79) {
  width: 29px;
  height: 29px;
  left: calc(48px - 55px);
}

.Q5:nth-child(79) {
  -webkit-animation: movetop 1s linear -1.252s infinite;
          animation: movetop 1s linear -1.252s infinite;
}

.Q5:nth-child(80) {
  width: 18px;
  height: 18px;
  left: calc(9px - 55px);
}

.Q5:nth-child(80) {
  -webkit-animation: movetop 1s linear -2.789s infinite;
          animation: movetop 1s linear -2.789s infinite;
}

.Q5:nth-child(81) {
  width: 24px;
  height: 24px;
  left: calc(33px - 55px);
}

.Q5:nth-child(81) {
  -webkit-animation: movetop 1s linear -1.086s infinite;
          animation: movetop 1s linear -1.086s infinite;
}

.Q5:nth-child(82) {
  width: 1px;
  height: 1px;
  left: calc(66px - 55px);
}

.Q5:nth-child(82) {
  -webkit-animation: movetop 1s linear -2.15s infinite;
          animation: movetop 1s linear -2.15s infinite;
}

.Q5:nth-child(83) {
  width: 9px;
  height: 9px;
  left: calc(29px - 55px);
}

.Q5:nth-child(83) {
  -webkit-animation: movetop 1s linear -0.958s infinite;
          animation: movetop 1s linear -0.958s infinite;
}

.Q5:nth-child(84) {
  width: 30px;
  height: 30px;
  left: calc(31px - 55px);
}

.Q5:nth-child(84) {
  -webkit-animation: movetop 1s linear -0.733s infinite;
          animation: movetop 1s linear -0.733s infinite;
}

.Q5:nth-child(85) {
  width: 11px;
  height: 11px;
  left: calc(8px - 55px);
}

.Q5:nth-child(85) {
  -webkit-animation: movetop 1s linear -2.018s infinite;
          animation: movetop 1s linear -2.018s infinite;
}

.Q5:nth-child(86) {
  width: 42px;
  height: 42px;
  left: calc(3px - 55px);
}

.Q5:nth-child(86) {
  -webkit-animation: movetop 1s linear -0.1s infinite;
          animation: movetop 1s linear -0.1s infinite;
}

.Q5:nth-child(87) {
  width: 34px;
  height: 34px;
  left: calc(4px - 55px);
}

.Q5:nth-child(87) {
  -webkit-animation: movetop 1s linear -1.08s infinite;
          animation: movetop 1s linear -1.08s infinite;
}

.Q5:nth-child(88) {
  width: 4px;
  height: 4px;
  left: calc(54px - 55px);
}

.Q5:nth-child(88) {
  -webkit-animation: movetop 1s linear -2.945s infinite;
          animation: movetop 1s linear -2.945s infinite;
}

.Q5:nth-child(89) {
  width: 5px;
  height: 5px;
  left: calc(11px - 55px);
}

.Q5:nth-child(89) {
  -webkit-animation: movetop 1s linear -1.627s infinite;
          animation: movetop 1s linear -1.627s infinite;
}

.Q5:nth-child(90) {
  width: 44px;
  height: 44px;
  left: calc(38px - 55px);
}

.Q5:nth-child(90) {
  -webkit-animation: movetop 1s linear -1.83s infinite;
          animation: movetop 1s linear -1.83s infinite;
}

.Q5:nth-child(91) {
  width: 15px;
  height: 15px;
  left: calc(51px - 55px);
}

.Q5:nth-child(91) {
  -webkit-animation: movetop 1s linear -2.364s infinite;
          animation: movetop 1s linear -2.364s infinite;
}

.Q5:nth-child(92) {
  width: 21px;
  height: 21px;
  left: calc(55px - 55px);
}

.Q5:nth-child(92) {
  -webkit-animation: movetop 1s linear -0.335s infinite;
          animation: movetop 1s linear -0.335s infinite;
}

.Q5:nth-child(93) {
  width: 24px;
  height: 24px;
  left: calc(23px - 55px);
}

.Q5:nth-child(93) {
  -webkit-animation: movetop 1s linear -1.22s infinite;
          animation: movetop 1s linear -1.22s infinite;
}

.Q5:nth-child(94) {
  width: 38px;
  height: 38px;
  left: calc(46px - 55px);
}

.Q5:nth-child(94) {
  -webkit-animation: movetop 1s linear -2.798s infinite;
          animation: movetop 1s linear -2.798s infinite;
}

.Q5:nth-child(95) {
  width: 27px;
  height: 27px;
  left: calc(44px - 55px);
}

.Q5:nth-child(95) {
  -webkit-animation: movetop 1s linear -0.578s infinite;
          animation: movetop 1s linear -0.578s infinite;
}

.Q5:nth-child(96) {
  width: 2px;
  height: 2px;
  left: calc(14px - 55px);
}

.Q5:nth-child(96) {
  -webkit-animation: movetop 1s linear -2.169s infinite;
          animation: movetop 1s linear -2.169s infinite;
}

.Q5:nth-child(97) {
  width: 33px;
  height: 33px;
  left: calc(11px - 55px);
}

.Q5:nth-child(97) {
  -webkit-animation: movetop 1s linear -0.528s infinite;
          animation: movetop 1s linear -0.528s infinite;
}

.Q5:nth-child(98) {
  width: 24px;
  height: 24px;
  left: calc(20px - 55px);
}

.Q5:nth-child(98) {
  -webkit-animation: movetop 1s linear -1.099s infinite;
          animation: movetop 1s linear -1.099s infinite;
}

.Q5:nth-child(99) {
  width: 10px;
  height: 10px;
  left: calc(15px - 55px);
}

.Q5:nth-child(99) {
  -webkit-animation: movetop 1s linear -1.236s infinite;
          animation: movetop 1s linear -1.236s infinite;
}

.Q5:nth-child(100) {
  width: 46px;
  height: 46px;
  left: calc(56px - 55px);
}

.Q5:nth-child(100) {
  -webkit-animation: movetop 1s linear -1.454s infinite;
          animation: movetop 1s linear -1.454s infinite;
}

.Q5:nth-child(101) {
  width: 2px;
  height: 2px;
  left: calc(29px - 55px);
}

.Q5:nth-child(101) {
  -webkit-animation: movetop 1s linear -0.188s infinite;
          animation: movetop 1s linear -0.188s infinite;
}

.Q5:nth-child(102) {
  width: 9px;
  height: 9px;
  left: calc(59px - 55px);
}

.Q5:nth-child(102) {
  -webkit-animation: movetop 1s linear -2.188s infinite;
          animation: movetop 1s linear -2.188s infinite;
}

.Q5:nth-child(103) {
  width: 28px;
  height: 28px;
  left: calc(36px - 55px);
}

.Q5:nth-child(103) {
  -webkit-animation: movetop 1s linear -0.168s infinite;
          animation: movetop 1s linear -0.168s infinite;
}

.Q5:nth-child(104) {
  width: 50px;
  height: 50px;
  left: calc(5px - 55px);
}

.Q5:nth-child(104) {
  -webkit-animation: movetop 1s linear -2.024s infinite;
          animation: movetop 1s linear -2.024s infinite;
}

.Q5:nth-child(105) {
  width: 24px;
  height: 24px;
  left: calc(52px - 55px);
}

.Q5:nth-child(105) {
  -webkit-animation: movetop 1s linear -1.407s infinite;
          animation: movetop 1s linear -1.407s infinite;
}

.Q5:nth-child(106) {
  width: 21px;
  height: 21px;
  left: calc(61px - 55px);
}

.Q5:nth-child(106) {
  -webkit-animation: movetop 1s linear -1.263s infinite;
          animation: movetop 1s linear -1.263s infinite;
}

.Q5:nth-child(107) {
  width: 38px;
  height: 38px;
  left: calc(36px - 55px);
}

.Q5:nth-child(107) {
  -webkit-animation: movetop 1s linear -0.506s infinite;
          animation: movetop 1s linear -0.506s infinite;
}

.Q5:nth-child(108) {
  width: 40px;
  height: 40px;
  left: calc(10px - 55px);
}

.Q5:nth-child(108) {
  -webkit-animation: movetop 1s linear -0.298s infinite;
          animation: movetop 1s linear -0.298s infinite;
}

.Q5:nth-child(109) {
  width: 42px;
  height: 42px;
  left: calc(26px - 55px);
}

.Q5:nth-child(109) {
  -webkit-animation: movetop 1s linear -1.341s infinite;
          animation: movetop 1s linear -1.341s infinite;
}

.Q5:nth-child(110) {
  width: 48px;
  height: 48px;
  left: calc(40px - 55px);
}

.Q5:nth-child(110) {
  -webkit-animation: movetop 1s linear -2.949s infinite;
          animation: movetop 1s linear -2.949s infinite;
}

.Q5:nth-child(111) {
  width: 2px;
  height: 2px;
  left: calc(44px - 55px);
}

.Q5:nth-child(111) {
  -webkit-animation: movetop 1s linear -0.847s infinite;
          animation: movetop 1s linear -0.847s infinite;
}

.Q5:nth-child(112) {
  width: 38px;
  height: 38px;
  left: calc(51px - 55px);
}

.Q5:nth-child(112) {
  -webkit-animation: movetop 1s linear -0.402s infinite;
          animation: movetop 1s linear -0.402s infinite;
}

.Q5:nth-child(113) {
  width: 3px;
  height: 3px;
  left: calc(30px - 55px);
}

.Q5:nth-child(113) {
  -webkit-animation: movetop 1s linear -1.728s infinite;
          animation: movetop 1s linear -1.728s infinite;
}

.Q5:nth-child(114) {
  width: 20px;
  height: 20px;
  left: calc(56px - 55px);
}

.Q5:nth-child(114) {
  -webkit-animation: movetop 1s linear -2.502s infinite;
          animation: movetop 1s linear -2.502s infinite;
}

.Q5:nth-child(115) {
  width: 10px;
  height: 10px;
  left: calc(42px - 55px);
}

.Q5:nth-child(115) {
  -webkit-animation: movetop 1s linear -0.153s infinite;
          animation: movetop 1s linear -0.153s infinite;
}

.Q5:nth-child(116) {
  width: 4px;
  height: 4px;
  left: calc(59px - 55px);
}

.Q5:nth-child(116) {
  -webkit-animation: movetop 1s linear -0.631s infinite;
          animation: movetop 1s linear -0.631s infinite;
}

.Q5:nth-child(117) {
  width: 33px;
  height: 33px;
  left: calc(26px - 55px);
}

.Q5:nth-child(117) {
  -webkit-animation: movetop 1s linear -2.074s infinite;
          animation: movetop 1s linear -2.074s infinite;
}

.Q5:nth-child(118) {
  width: 9px;
  height: 9px;
  left: calc(11px - 55px);
}

.Q5:nth-child(118) {
  -webkit-animation: movetop 1s linear -0.669s infinite;
          animation: movetop 1s linear -0.669s infinite;
}

.Q5:nth-child(119) {
  width: 12px;
  height: 12px;
  left: calc(18px - 55px);
}

.Q5:nth-child(119) {
  -webkit-animation: movetop 1s linear -2.022s infinite;
          animation: movetop 1s linear -2.022s infinite;
}

.Q5:nth-child(120) {
  width: 34px;
  height: 34px;
  left: calc(49px - 55px);
}

.Q5:nth-child(120) {
  -webkit-animation: movetop 1s linear -1.419s infinite;
          animation: movetop 1s linear -1.419s infinite;
}

.Q5:nth-child(121) {
  width: 18px;
  height: 18px;
  left: calc(40px - 55px);
}

.Q5:nth-child(121) {
  -webkit-animation: movetop 1s linear -1.839s infinite;
          animation: movetop 1s linear -1.839s infinite;
}

.Q5:nth-child(122) {
  width: 26px;
  height: 26px;
  left: calc(26px - 55px);
}

.Q5:nth-child(122) {
  -webkit-animation: movetop 1s linear -2.846s infinite;
          animation: movetop 1s linear -2.846s infinite;
}

.Q5:nth-child(123) {
  width: 10px;
  height: 10px;
  left: calc(57px - 55px);
}

.Q5:nth-child(123) {
  -webkit-animation: movetop 1s linear -0.95s infinite;
          animation: movetop 1s linear -0.95s infinite;
}

.Q5:nth-child(124) {
  width: 23px;
  height: 23px;
  left: calc(45px - 55px);
}

.Q5:nth-child(124) {
  -webkit-animation: movetop 1s linear -0.451s infinite;
          animation: movetop 1s linear -0.451s infinite;
}

.Q5:nth-child(125) {
  width: 6px;
  height: 6px;
  left: calc(37px - 55px);
}

.Q5:nth-child(125) {
  -webkit-animation: movetop 1s linear -1.844s infinite;
          animation: movetop 1s linear -1.844s infinite;
}

.Q5:nth-child(126) {
  width: 40px;
  height: 40px;
  left: calc(69px - 55px);
}

.Q5:nth-child(126) {
  -webkit-animation: movetop 1s linear -1.347s infinite;
          animation: movetop 1s linear -1.347s infinite;
}

.Q5:nth-child(127) {
  width: 7px;
  height: 7px;
  left: calc(13px - 55px);
}

.Q5:nth-child(127) {
  -webkit-animation: movetop 1s linear -2.946s infinite;
          animation: movetop 1s linear -2.946s infinite;
}

.Q5:nth-child(128) {
  width: 42px;
  height: 42px;
  left: calc(57px - 55px);
}

.Q5:nth-child(128) {
  -webkit-animation: movetop 1s linear -0.948s infinite;
          animation: movetop 1s linear -0.948s infinite;
}

.Q5:nth-child(129) {
  width: 36px;
  height: 36px;
  left: calc(28px - 55px);
}

.Q5:nth-child(129) {
  -webkit-animation: movetop 1s linear -2.547s infinite;
          animation: movetop 1s linear -2.547s infinite;
}

.Q5:nth-child(130) {
  width: 21px;
  height: 21px;
  left: calc(20px - 55px);
}

.Q5:nth-child(130) {
  -webkit-animation: movetop 1s linear -1.316s infinite;
          animation: movetop 1s linear -1.316s infinite;
}

.Q5:nth-child(131) {
  width: 20px;
  height: 20px;
  left: calc(17px - 55px);
}

.Q5:nth-child(131) {
  -webkit-animation: movetop 1s linear -1.88s infinite;
          animation: movetop 1s linear -1.88s infinite;
}

.Q5:nth-child(132) {
  width: 2px;
  height: 2px;
  left: calc(24px - 55px);
}

.Q5:nth-child(132) {
  -webkit-animation: movetop 1s linear -0.475s infinite;
          animation: movetop 1s linear -0.475s infinite;
}

.Q5:nth-child(133) {
  width: 46px;
  height: 46px;
  left: calc(11px - 55px);
}

.Q5:nth-child(133) {
  -webkit-animation: movetop 1s linear -2.92s infinite;
          animation: movetop 1s linear -2.92s infinite;
}

.Q5:nth-child(134) {
  width: 13px;
  height: 13px;
  left: calc(44px - 55px);
}

.Q5:nth-child(134) {
  -webkit-animation: movetop 1s linear -0.278s infinite;
          animation: movetop 1s linear -0.278s infinite;
}

.Q5:nth-child(135) {
  width: 38px;
  height: 38px;
  left: calc(54px - 55px);
}

.Q5:nth-child(135) {
  -webkit-animation: movetop 1s linear -1.471s infinite;
          animation: movetop 1s linear -1.471s infinite;
}

.Q5:nth-child(136) {
  width: 13px;
  height: 13px;
  left: calc(7px - 55px);
}

.Q5:nth-child(136) {
  -webkit-animation: movetop 1s linear -2.116s infinite;
          animation: movetop 1s linear -2.116s infinite;
}

.Q5:nth-child(137) {
  width: 14px;
  height: 14px;
  left: calc(56px - 55px);
}

.Q5:nth-child(137) {
  -webkit-animation: movetop 1s linear -1.77s infinite;
          animation: movetop 1s linear -1.77s infinite;
}

.Q5:nth-child(138) {
  width: 3px;
  height: 3px;
  left: calc(53px - 55px);
}

.Q5:nth-child(138) {
  -webkit-animation: movetop 1s linear -0.898s infinite;
          animation: movetop 1s linear -0.898s infinite;
}

.Q5:nth-child(139) {
  width: 5px;
  height: 5px;
  left: calc(23px - 55px);
}

.Q5:nth-child(139) {
  -webkit-animation: movetop 1s linear -1.507s infinite;
          animation: movetop 1s linear -1.507s infinite;
}

.Q5:nth-child(140) {
  width: 23px;
  height: 23px;
  left: calc(13px - 55px);
}

.Q5:nth-child(140) {
  -webkit-animation: movetop 1s linear -0.197s infinite;
          animation: movetop 1s linear -0.197s infinite;
}

.Q5:nth-child(141) {
  width: 13px;
  height: 13px;
  left: calc(10px - 55px);
}

.Q5:nth-child(141) {
  -webkit-animation: movetop 1s linear -1.397s infinite;
          animation: movetop 1s linear -1.397s infinite;
}

.Q5:nth-child(142) {
  width: 33px;
  height: 33px;
  left: calc(50px - 55px);
}

.Q5:nth-child(142) {
  -webkit-animation: movetop 1s linear -1.039s infinite;
          animation: movetop 1s linear -1.039s infinite;
}

.Q5:nth-child(143) {
  width: 29px;
  height: 29px;
  left: calc(27px - 55px);
}

.Q5:nth-child(143) {
  -webkit-animation: movetop 1s linear -0.52s infinite;
          animation: movetop 1s linear -0.52s infinite;
}

.Q5:nth-child(144) {
  width: 49px;
  height: 49px;
  left: calc(10px - 55px);
}

.Q5:nth-child(144) {
  -webkit-animation: movetop 1s linear -1.846s infinite;
          animation: movetop 1s linear -1.846s infinite;
}

.Q5:nth-child(145) {
  width: 32px;
  height: 32px;
  left: calc(21px - 55px);
}

.Q5:nth-child(145) {
  -webkit-animation: movetop 1s linear -1.101s infinite;
          animation: movetop 1s linear -1.101s infinite;
}

.Q5:nth-child(146) {
  width: 13px;
  height: 13px;
  left: calc(21px - 55px);
}

.Q5:nth-child(146) {
  -webkit-animation: movetop 1s linear -2.314s infinite;
          animation: movetop 1s linear -2.314s infinite;
}

.Q5:nth-child(147) {
  width: 28px;
  height: 28px;
  left: calc(39px - 55px);
}

.Q5:nth-child(147) {
  -webkit-animation: movetop 1s linear -1.4s infinite;
          animation: movetop 1s linear -1.4s infinite;
}

.Q5:nth-child(148) {
  width: 33px;
  height: 33px;
  left: calc(53px - 55px);
}

.Q5:nth-child(148) {
  -webkit-animation: movetop 1s linear -0.322s infinite;
          animation: movetop 1s linear -0.322s infinite;
}

.Q5:nth-child(149) {
  width: 47px;
  height: 47px;
  left: calc(32px - 55px);
}

.Q5:nth-child(149) {
  -webkit-animation: movetop 1s linear -0.238s infinite;
          animation: movetop 1s linear -0.238s infinite;
}

.Q5:nth-child(150) {
  width: 19px;
  height: 19px;
  left: calc(69px - 55px);
}

.Q5:nth-child(150) {
  -webkit-animation: movetop 1s linear -2.558s infinite;
          animation: movetop 1s linear -2.558s infinite;
}

.Q5:nth-child(151) {
  width: 29px;
  height: 29px;
  left: calc(29px - 55px);
}

.Q5:nth-child(151) {
  -webkit-animation: movetop 1s linear -0.36s infinite;
          animation: movetop 1s linear -0.36s infinite;
}

.Q5:nth-child(152) {
  width: 18px;
  height: 18px;
  left: calc(4px - 55px);
}

.Q5:nth-child(152) {
  -webkit-animation: movetop 1s linear -2.393s infinite;
          animation: movetop 1s linear -2.393s infinite;
}

.Q5:nth-child(153) {
  width: 16px;
  height: 16px;
  left: calc(45px - 55px);
}

.Q5:nth-child(153) {
  -webkit-animation: movetop 1s linear -2.281s infinite;
          animation: movetop 1s linear -2.281s infinite;
}

.Q5:nth-child(154) {
  width: 2px;
  height: 2px;
  left: calc(26px - 55px);
}

.Q5:nth-child(154) {
  -webkit-animation: movetop 1s linear -2.054s infinite;
          animation: movetop 1s linear -2.054s infinite;
}

.Q5:nth-child(155) {
  width: 39px;
  height: 39px;
  left: calc(43px - 55px);
}

.Q5:nth-child(155) {
  -webkit-animation: movetop 1s linear -1.367s infinite;
          animation: movetop 1s linear -1.367s infinite;
}

.Q5:nth-child(156) {
  width: 33px;
  height: 33px;
  left: calc(21px - 55px);
}

.Q5:nth-child(156) {
  -webkit-animation: movetop 1s linear -0.238s infinite;
          animation: movetop 1s linear -0.238s infinite;
}

.Q5:nth-child(157) {
  width: 4px;
  height: 4px;
  left: calc(5px - 55px);
}

.Q5:nth-child(157) {
  -webkit-animation: movetop 1s linear -2.853s infinite;
          animation: movetop 1s linear -2.853s infinite;
}

.Q5:nth-child(158) {
  width: 3px;
  height: 3px;
  left: calc(34px - 55px);
}

.Q5:nth-child(158) {
  -webkit-animation: movetop 1s linear -1.034s infinite;
          animation: movetop 1s linear -1.034s infinite;
}

.Q5:nth-child(159) {
  width: 20px;
  height: 20px;
  left: calc(45px - 55px);
}

.Q5:nth-child(159) {
  -webkit-animation: movetop 1s linear -2.296s infinite;
          animation: movetop 1s linear -2.296s infinite;
}

.Q5:nth-child(160) {
  width: 42px;
  height: 42px;
  left: calc(24px - 55px);
}

.Q5:nth-child(160) {
  -webkit-animation: movetop 1s linear -0.328s infinite;
          animation: movetop 1s linear -0.328s infinite;
}

.Q5:nth-child(161) {
  width: 27px;
  height: 27px;
  left: calc(7px - 55px);
}

.Q5:nth-child(161) {
  -webkit-animation: movetop 1s linear -0.642s infinite;
          animation: movetop 1s linear -0.642s infinite;
}

.Q5:nth-child(162) {
  width: 6px;
  height: 6px;
  left: calc(24px - 55px);
}

.Q5:nth-child(162) {
  -webkit-animation: movetop 1s linear -1.453s infinite;
          animation: movetop 1s linear -1.453s infinite;
}

.Q5:nth-child(163) {
  width: 10px;
  height: 10px;
  left: calc(33px - 55px);
}

.Q5:nth-child(163) {
  -webkit-animation: movetop 1s linear -0.873s infinite;
          animation: movetop 1s linear -0.873s infinite;
}

.Q5:nth-child(164) {
  width: 20px;
  height: 20px;
  left: calc(31px - 55px);
}

.Q5:nth-child(164) {
  -webkit-animation: movetop 1s linear -1.548s infinite;
          animation: movetop 1s linear -1.548s infinite;
}

.Q5:nth-child(165) {
  width: 29px;
  height: 29px;
  left: calc(28px - 55px);
}

.Q5:nth-child(165) {
  -webkit-animation: movetop 1s linear -2.015s infinite;
          animation: movetop 1s linear -2.015s infinite;
}

.Q5:nth-child(166) {
  width: 4px;
  height: 4px;
  left: calc(25px - 55px);
}

.Q5:nth-child(166) {
  -webkit-animation: movetop 1s linear -2.289s infinite;
          animation: movetop 1s linear -2.289s infinite;
}

.Q5:nth-child(167) {
  width: 4px;
  height: 4px;
  left: calc(11px - 55px);
}

.Q5:nth-child(167) {
  -webkit-animation: movetop 1s linear -1.274s infinite;
          animation: movetop 1s linear -1.274s infinite;
}

.Q5:nth-child(168) {
  width: 5px;
  height: 5px;
  left: calc(33px - 55px);
}

.Q5:nth-child(168) {
  -webkit-animation: movetop 1s linear -2.865s infinite;
          animation: movetop 1s linear -2.865s infinite;
}

.Q5:nth-child(169) {
  width: 11px;
  height: 11px;
  left: calc(53px - 55px);
}

.Q5:nth-child(169) {
  -webkit-animation: movetop 1s linear -2.89s infinite;
          animation: movetop 1s linear -2.89s infinite;
}

.Q5:nth-child(170) {
  width: 32px;
  height: 32px;
  left: calc(11px - 55px);
}

.Q5:nth-child(170) {
  -webkit-animation: movetop 1s linear -1.647s infinite;
          animation: movetop 1s linear -1.647s infinite;
}

.Q5:nth-child(171) {
  width: 50px;
  height: 50px;
  left: calc(15px - 55px);
}

.Q5:nth-child(171) {
  -webkit-animation: movetop 1s linear -0.488s infinite;
          animation: movetop 1s linear -0.488s infinite;
}

.Q5:nth-child(172) {
  width: 30px;
  height: 30px;
  left: calc(61px - 55px);
}

.Q5:nth-child(172) {
  -webkit-animation: movetop 1s linear -0.337s infinite;
          animation: movetop 1s linear -0.337s infinite;
}

.Q5:nth-child(173) {
  width: 42px;
  height: 42px;
  left: calc(23px - 55px);
}

.Q5:nth-child(173) {
  -webkit-animation: movetop 1s linear -2.484s infinite;
          animation: movetop 1s linear -2.484s infinite;
}

.Q5:nth-child(174) {
  width: 34px;
  height: 34px;
  left: calc(6px - 55px);
}

.Q5:nth-child(174) {
  -webkit-animation: movetop 1s linear -1.473s infinite;
          animation: movetop 1s linear -1.473s infinite;
}

.Q5:nth-child(175) {
  width: 5px;
  height: 5px;
  left: calc(4px - 55px);
}

.Q5:nth-child(175) {
  -webkit-animation: movetop 1s linear -1.53s infinite;
          animation: movetop 1s linear -1.53s infinite;
}

.Q5:nth-child(176) {
  width: 18px;
  height: 18px;
  left: calc(40px - 55px);
}

.Q5:nth-child(176) {
  -webkit-animation: movetop 1s linear -1.805s infinite;
          animation: movetop 1s linear -1.805s infinite;
}

.Q5:nth-child(177) {
  width: 23px;
  height: 23px;
  left: calc(55px - 55px);
}

.Q5:nth-child(177) {
  -webkit-animation: movetop 1s linear -1.002s infinite;
          animation: movetop 1s linear -1.002s infinite;
}

.Q5:nth-child(178) {
  width: 35px;
  height: 35px;
  left: calc(21px - 55px);
}

.Q5:nth-child(178) {
  -webkit-animation: movetop 1s linear -2.778s infinite;
          animation: movetop 1s linear -2.778s infinite;
}

.Q5:nth-child(179) {
  width: 3px;
  height: 3px;
  left: calc(25px - 55px);
}

.Q5:nth-child(179) {
  -webkit-animation: movetop 1s linear -1.653s infinite;
          animation: movetop 1s linear -1.653s infinite;
}

.Q5:nth-child(180) {
  width: 29px;
  height: 29px;
  left: calc(57px - 55px);
}

.Q5:nth-child(180) {
  -webkit-animation: movetop 1s linear -0.372s infinite;
          animation: movetop 1s linear -0.372s infinite;
}

.Q5:nth-child(181) {
  width: 24px;
  height: 24px;
  left: calc(21px - 55px);
}

.Q5:nth-child(181) {
  -webkit-animation: movetop 1s linear -2.648s infinite;
          animation: movetop 1s linear -2.648s infinite;
}

.Q5:nth-child(182) {
  width: 20px;
  height: 20px;
  left: calc(69px - 55px);
}

.Q5:nth-child(182) {
  -webkit-animation: movetop 1s linear -1.638s infinite;
          animation: movetop 1s linear -1.638s infinite;
}

.Q5:nth-child(183) {
  width: 33px;
  height: 33px;
  left: calc(21px - 55px);
}

.Q5:nth-child(183) {
  -webkit-animation: movetop 1s linear -1.171s infinite;
          animation: movetop 1s linear -1.171s infinite;
}

.Q5:nth-child(184) {
  width: 5px;
  height: 5px;
  left: calc(70px - 55px);
}

.Q5:nth-child(184) {
  -webkit-animation: movetop 1s linear -2.109s infinite;
          animation: movetop 1s linear -2.109s infinite;
}

.Q5:nth-child(185) {
  width: 32px;
  height: 32px;
  left: calc(10px - 55px);
}

.Q5:nth-child(185) {
  -webkit-animation: movetop 1s linear -2.312s infinite;
          animation: movetop 1s linear -2.312s infinite;
}

.Q5:nth-child(186) {
  width: 24px;
  height: 24px;
  left: calc(19px - 55px);
}

.Q5:nth-child(186) {
  -webkit-animation: movetop 1s linear -2.309s infinite;
          animation: movetop 1s linear -2.309s infinite;
}

.Q5:nth-child(187) {
  width: 41px;
  height: 41px;
  left: calc(33px - 55px);
}

.Q5:nth-child(187) {
  -webkit-animation: movetop 1s linear -1.814s infinite;
          animation: movetop 1s linear -1.814s infinite;
}

.Q5:nth-child(188) {
  width: 38px;
  height: 38px;
  left: calc(17px - 55px);
}

.Q5:nth-child(188) {
  -webkit-animation: movetop 1s linear -1.796s infinite;
          animation: movetop 1s linear -1.796s infinite;
}

.Q5:nth-child(189) {
  width: 25px;
  height: 25px;
  left: calc(26px - 55px);
}

.Q5:nth-child(189) {
  -webkit-animation: movetop 1s linear -1.058s infinite;
          animation: movetop 1s linear -1.058s infinite;
}

.Q5:nth-child(190) {
  width: 13px;
  height: 13px;
  left: calc(17px - 55px);
}

.Q5:nth-child(190) {
  -webkit-animation: movetop 1s linear -0.011s infinite;
          animation: movetop 1s linear -0.011s infinite;
}

.Q5:nth-child(191) {
  width: 36px;
  height: 36px;
  left: calc(55px - 55px);
}

.Q5:nth-child(191) {
  -webkit-animation: movetop 1s linear -0.505s infinite;
          animation: movetop 1s linear -0.505s infinite;
}

.Q5:nth-child(192) {
  width: 8px;
  height: 8px;
  left: calc(15px - 55px);
}

.Q5:nth-child(192) {
  -webkit-animation: movetop 1s linear -2.1s infinite;
          animation: movetop 1s linear -2.1s infinite;
}

.Q5:nth-child(193) {
  width: 41px;
  height: 41px;
  left: calc(56px - 55px);
}

.Q5:nth-child(193) {
  -webkit-animation: movetop 1s linear -1.529s infinite;
          animation: movetop 1s linear -1.529s infinite;
}

.Q5:nth-child(194) {
  width: 7px;
  height: 7px;
  left: calc(25px - 55px);
}

.Q5:nth-child(194) {
  -webkit-animation: movetop 1s linear -2.757s infinite;
          animation: movetop 1s linear -2.757s infinite;
}

.Q5:nth-child(195) {
  width: 41px;
  height: 41px;
  left: calc(64px - 55px);
}

.Q5:nth-child(195) {
  -webkit-animation: movetop 1s linear -0.826s infinite;
          animation: movetop 1s linear -0.826s infinite;
}

.Q5:nth-child(196) {
  width: 33px;
  height: 33px;
  left: calc(44px - 55px);
}

.Q5:nth-child(196) {
  -webkit-animation: movetop 1s linear -2.336s infinite;
          animation: movetop 1s linear -2.336s infinite;
}

.Q5:nth-child(197) {
  width: 28px;
  height: 28px;
  left: calc(20px - 55px);
}

.Q5:nth-child(197) {
  -webkit-animation: movetop 1s linear -1.774s infinite;
          animation: movetop 1s linear -1.774s infinite;
}

.Q5:nth-child(198) {
  width: 16px;
  height: 16px;
  left: calc(54px - 55px);
}

.Q5:nth-child(198) {
  -webkit-animation: movetop 1s linear -1.718s infinite;
          animation: movetop 1s linear -1.718s infinite;
}

.Q5:nth-child(199) {
  width: 39px;
  height: 39px;
  left: calc(27px - 55px);
}

.Q5:nth-child(199) {
  -webkit-animation: movetop 1s linear -1.372s infinite;
          animation: movetop 1s linear -1.372s infinite;
}

@-webkit-keyframes movetop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  87.7% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
}

@keyframes movetop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  87.7% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
}






































.Q6{ /*     второй факел факел два  */
	  position: absolute;
  top: 288px;
  left: 521px;
  z-index:300;
  display:none;
}
.Q8 {
  position: absolute;
  top: 97px;
  left: 400px;
  width: 80px;
  height: 200px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

}

.Q9 {

  border-radius: 45%;
  box-sizing: border-box;


  -webkit-transform: translate(-50%, 0) scaleX(0.20) scaleY(0.20);
          transform: translate(-50%, 0) scaleX(0.20) scaleY(0.20);

}

.Q10 {
  position: absolute;
  top: 60px;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  background: #fa8763;
  border-radius: 50%;
  z-index: -1;
  mix-blend-mode: screen;
}

.Q10:nth-child(0) {
  width: 24px;
  height: 24px;
  left: calc(52px - 55px);
}

.Q10:nth-child(0) {
  -webkit-animation: movetop 1s linear -1.376s infinite;
          animation: movetop 1s linear -1.376s infinite;
}

.Q10:nth-child(1) {
  width: 48px;
  height: 48px;
  left: calc(19px - 55px);
}

.Q10:nth-child(1) {
  -webkit-animation: movetop 1s linear -2.725s infinite;
          animation: movetop 1s linear -2.725s infinite;
}

.Q10:nth-child(2) {
  width: 49px;
  height: 49px;
  left: calc(5px - 55px);
}

.Q10:nth-child(2) {
  -webkit-animation: movetop 1s linear -2.098s infinite;
          animation: movetop 1s linear -2.098s infinite;
}

.Q10:nth-child(3) {
  width: 4px;
  height: 4px;
  left: calc(68px - 55px);
}

.Q10:nth-child(3) {
  -webkit-animation: movetop 1s linear -2.805s infinite;
          animation: movetop 1s linear -2.805s infinite;
}

.Q10:nth-child(4) {
  width: 6px;
  height: 6px;
  left: calc(61px - 55px);
}

.Q10:nth-child(4) {
  -webkit-animation: movetop 1s linear -2.833s infinite;
          animation: movetop 1s linear -2.833s infinite;
}

.Q10:nth-child(5) {
  width: 26px;
  height: 26px;
  left: calc(8px - 55px);
}

.Q10:nth-child(5) {
  -webkit-animation: movetop 1s linear -2.767s infinite;
          animation: movetop 1s linear -2.767s infinite;
}

.Q10:nth-child(6) {
  width: 19px;
  height: 19px;
  left: calc(5px - 55px);
}

.Q10:nth-child(6) {
  -webkit-animation: movetop 1s linear -1.509s infinite;
          animation: movetop 1s linear -1.509s infinite;
}

.Q10:nth-child(7) {
  width: 44px;
  height: 44px;
  left: calc(45px - 55px);
}

.Q10:nth-child(7) {
  -webkit-animation: movetop 1s linear -1.058s infinite;
          animation: movetop 1s linear -1.058s infinite;
}

.Q10:nth-child(8) {
  width: 5px;
  height: 5px;
  left: calc(56px - 55px);
}

.Q10:nth-child(8) {
  -webkit-animation: movetop 1s linear -0.621s infinite;
          animation: movetop 1s linear -0.621s infinite;
}

.Q10:nth-child(9) {
  width: 7px;
  height: 7px;
  left: calc(53px - 55px);
}

.Q10:nth-child(9) {
  -webkit-animation: movetop 1s linear -0.751s infinite;
          animation: movetop 1s linear -0.751s infinite;
}

.Q10:nth-child(10) {
  width: 3px;
  height: 3px;
  left: calc(9px - 55px);
}

.Q10:nth-child(10) {
  -webkit-animation: movetop 1s linear -0.166s infinite;
          animation: movetop 1s linear -0.166s infinite;
}

.Q10:nth-child(11) {
  width: 44px;
  height: 44px;
  left: calc(19px - 55px);
}

.Q10:nth-child(11) {
  -webkit-animation: movetop 1s linear -1.496s infinite;
          animation: movetop 1s linear -1.496s infinite;
}

.Q10:nth-child(12) {
  width: 29px;
  height: 29px;
  left: calc(22px - 55px);
}

.Q10:nth-child(12) {
  -webkit-animation: movetop 1s linear -0.714s infinite;
          animation: movetop 1s linear -0.714s infinite;
}

.Q10:nth-child(13) {
  width: 42px;
  height: 42px;
  left: calc(16px - 55px);
}

.Q10:nth-child(13) {
  -webkit-animation: movetop 1s linear -1.08s infinite;
          animation: movetop 1s linear -1.08s infinite;
}

.Q10:nth-child(14) {
  width: 27px;
  height: 27px;
  left: calc(57px - 55px);
}

.Q10:nth-child(14) {
  -webkit-animation: movetop 1s linear -1.515s infinite;
          animation: movetop 1s linear -1.515s infinite;
}

.Q10:nth-child(15) {
  width: 50px;
  height: 50px;
  left: calc(6px - 55px);
}

.Q10:nth-child(15) {
  -webkit-animation: movetop 1s linear -2.059s infinite;
          animation: movetop 1s linear -2.059s infinite;
}

.Q10:nth-child(16) {
  width: 1px;
  height: 1px;
  left: calc(66px - 55px);
}

.Q10:nth-child(16) {
  -webkit-animation: movetop 1s linear -0.935s infinite;
          animation: movetop 1s linear -0.935s infinite;
}

.Q10:nth-child(17) {
  width: 43px;
  height: 43px;
  left: calc(62px - 55px);
}

.Q10:nth-child(17) {
  -webkit-animation: movetop 1s linear -1.304s infinite;
          animation: movetop 1s linear -1.304s infinite;
}

.Q10:nth-child(18) {
  width: 44px;
  height: 44px;
  left: calc(21px - 55px);
}

.Q10:nth-child(18) {
  -webkit-animation: movetop 1s linear -1.976s infinite;
          animation: movetop 1s linear -1.976s infinite;
}

.Q10:nth-child(19) {
  width: 36px;
  height: 36px;
  left: calc(34px - 55px);
}

.Q10:nth-child(19) {
  -webkit-animation: movetop 1s linear -0.343s infinite;
          animation: movetop 1s linear -0.343s infinite;
}

.Q10:nth-child(20) {
  width: 36px;
  height: 36px;
  left: calc(24px - 55px);
}

.Q10:nth-child(20) {
  -webkit-animation: movetop 1s linear -1.491s infinite;
          animation: movetop 1s linear -1.491s infinite;
}

.Q10:nth-child(21) {
  width: 30px;
  height: 30px;
  left: calc(54px - 55px);
}

.Q10:nth-child(21) {
  -webkit-animation: movetop 1s linear -0.812s infinite;
          animation: movetop 1s linear -0.812s infinite;
}

.Q10:nth-child(22) {
  width: 26px;
  height: 26px;
  left: calc(26px - 55px);
}

.Q10:nth-child(22) {
  -webkit-animation: movetop 1s linear -0.997s infinite;
          animation: movetop 1s linear -0.997s infinite;
}

.Q10:nth-child(23) {
  width: 37px;
  height: 37px;
  left: calc(36px - 55px);
}

.Q10:nth-child(23) {
  -webkit-animation: movetop 1s linear -1.825s infinite;
          animation: movetop 1s linear -1.825s infinite;
}

.Q10:nth-child(24) {
  width: 11px;
  height: 11px;
  left: calc(9px - 55px);
}

.Q10:nth-child(24) {
  -webkit-animation: movetop 1s linear -1.974s infinite;
          animation: movetop 1s linear -1.974s infinite;
}

.Q10:nth-child(25) {
  width: 15px;
  height: 15px;
  left: calc(9px - 55px);
}

.Q10:nth-child(25) {
  -webkit-animation: movetop 1s linear -2.791s infinite;
          animation: movetop 1s linear -2.791s infinite;
}

.Q10:nth-child(26) {
  width: 22px;
  height: 22px;
  left: calc(59px - 55px);
}

.Q10:nth-child(26) {
  -webkit-animation: movetop 1s linear -0.667s infinite;
          animation: movetop 1s linear -0.667s infinite;
}

.Q10:nth-child(27) {
  width: 10px;
  height: 10px;
  left: calc(57px - 55px);
}

.Q10:nth-child(27) {
  -webkit-animation: movetop 1s linear -1.559s infinite;
          animation: movetop 1s linear -1.559s infinite;
}

.Q10:nth-child(28) {
  width: 4px;
  height: 4px;
  left: calc(8px - 55px);
}

.Q10:nth-child(28) {
  -webkit-animation: movetop 1s linear -0.381s infinite;
          animation: movetop 1s linear -0.381s infinite;
}

.Q10:nth-child(29) {
  width: 41px;
  height: 41px;
  left: calc(11px - 55px);
}

.Q10:nth-child(29) {
  -webkit-animation: movetop 1s linear -1.986s infinite;
          animation: movetop 1s linear -1.986s infinite;
}

.Q10:nth-child(30) {
  width: 15px;
  height: 15px;
  left: calc(26px - 55px);
}

.Q10:nth-child(30) {
  -webkit-animation: movetop 1s linear -0.238s infinite;
          animation: movetop 1s linear -0.238s infinite;
}

.Q10:nth-child(31) {
  width: 12px;
  height: 12px;
  left: calc(20px - 55px);
}

.Q10:nth-child(31) {
  -webkit-animation: movetop 1s linear -2.122s infinite;
          animation: movetop 1s linear -2.122s infinite;
}

.Q10:nth-child(32) {
  width: 49px;
  height: 49px;
  left: calc(65px - 55px);
}

.Q10:nth-child(32) {
  -webkit-animation: movetop 1s linear -2.138s infinite;
          animation: movetop 1s linear -2.138s infinite;
}

.Q10:nth-child(33) {
  width: 28px;
  height: 28px;
  left: calc(2px - 55px);
}

.Q10:nth-child(33) {
  -webkit-animation: movetop 1s linear -2.947s infinite;
          animation: movetop 1s linear -2.947s infinite;
}

.Q10:nth-child(34) {
  width: 22px;
  height: 22px;
  left: calc(10px - 55px);
}

.Q10:nth-child(34) {
  -webkit-animation: movetop 1s linear -2.602s infinite;
          animation: movetop 1s linear -2.602s infinite;
}

.Q10:nth-child(35) {
  width: 47px;
  height: 47px;
  left: calc(9px - 55px);
}

.Q10:nth-child(35) {
  -webkit-animation: movetop 1s linear -1.587s infinite;
          animation: movetop 1s linear -1.587s infinite;
}

.Q10:nth-child(36) {
  width: 42px;
  height: 42px;
  left: calc(57px - 55px);
}

.Q10:nth-child(36) {
  -webkit-animation: movetop 1s linear -2.734s infinite;
          animation: movetop 1s linear -2.734s infinite;
}

.Q10:nth-child(37) {
  width: 5px;
  height: 5px;
  left: calc(58px - 55px);
}

.Q10:nth-child(37) {
  -webkit-animation: movetop 1s linear -0.251s infinite;
          animation: movetop 1s linear -0.251s infinite;
}

.Q10:nth-child(38) {
  width: 22px;
  height: 22px;
  left: calc(62px - 55px);
}

.Q10:nth-child(38) {
  -webkit-animation: movetop 1s linear -2.856s infinite;
          animation: movetop 1s linear -2.856s infinite;
}

.Q10:nth-child(39) {
  width: 10px;
  height: 10px;
  left: calc(21px - 55px);
}

.Q10:nth-child(39) {
  -webkit-animation: movetop 1s linear -1.547s infinite;
          animation: movetop 1s linear -1.547s infinite;
}

.Q10:nth-child(40) {
  width: 6px;
  height: 6px;
  left: calc(11px - 55px);
}

.Q10:nth-child(40) {
  -webkit-animation: movetop 1s linear -0.473s infinite;
          animation: movetop 1s linear -0.473s infinite;
}

.Q10:nth-child(41) {
  width: 16px;
  height: 16px;
  left: calc(67px - 55px);
}

.Q10:nth-child(41) {
  -webkit-animation: movetop 1s linear -2.942s infinite;
          animation: movetop 1s linear -2.942s infinite;
}

.Q10:nth-child(42) {
  width: 20px;
  height: 20px;
  left: calc(66px - 55px);
}

.Q10:nth-child(42) {
  -webkit-animation: movetop 1s linear -1.168s infinite;
          animation: movetop 1s linear -1.168s infinite;
}

.Q10:nth-child(43) {
  width: 48px;
  height: 48px;
  left: calc(7px - 55px);
}

.Q10:nth-child(43) {
  -webkit-animation: movetop 1s linear -1.823s infinite;
          animation: movetop 1s linear -1.823s infinite;
}

.Q10:nth-child(44) {
  width: 28px;
  height: 28px;
  left: calc(24px - 55px);
}

.Q10:nth-child(44) {
  -webkit-animation: movetop 1s linear -0.161s infinite;
          animation: movetop 1s linear -0.161s infinite;
}

.Q10:nth-child(45) {
  width: 31px;
  height: 31px;
  left: calc(44px - 55px);
}

.Q10:nth-child(45) {
  -webkit-animation: movetop 1s linear -1.31s infinite;
          animation: movetop 1s linear -1.31s infinite;
}

.Q10:nth-child(46) {
  width: 4px;
  height: 4px;
  left: calc(40px - 55px);
}

.Q10:nth-child(46) {
  -webkit-animation: movetop 1s linear -1.407s infinite;
          animation: movetop 1s linear -1.407s infinite;
}

.Q10:nth-child(47) {
  width: 17px;
  height: 17px;
  left: calc(56px - 55px);
}

.Q10:nth-child(47) {
  -webkit-animation: movetop 1s linear -2.866s infinite;
          animation: movetop 1s linear -2.866s infinite;
}

.Q10:nth-child(48) {
  width: 8px;
  height: 8px;
  left: calc(43px - 55px);
}

.Q10:nth-child(48) {
  -webkit-animation: movetop 1s linear -2.479s infinite;
          animation: movetop 1s linear -2.479s infinite;
}

.Q10:nth-child(49) {
  width: 6px;
  height: 6px;
  left: calc(39px - 55px);
}

.Q10:nth-child(49) {
  -webkit-animation: movetop 1s linear -0.351s infinite;
          animation: movetop 1s linear -0.351s infinite;
}

.Q10:nth-child(50) {
  width: 20px;
  height: 20px;
  left: calc(41px - 55px);
}

.Q10:nth-child(50) {
  -webkit-animation: movetop 1s linear -2.594s infinite;
          animation: movetop 1s linear -2.594s infinite;
}

.Q10:nth-child(51) {
  width: 33px;
  height: 33px;
  left: calc(51px - 55px);
}

.Q10:nth-child(51) {
  -webkit-animation: movetop 1s linear -1.987s infinite;
          animation: movetop 1s linear -1.987s infinite;
}

.Q10:nth-child(52) {
  width: 3px;
  height: 3px;
  left: calc(32px - 55px);
}

.Q10:nth-child(52) {
  -webkit-animation: movetop 1s linear -0.898s infinite;
          animation: movetop 1s linear -0.898s infinite;
}

.Q10:nth-child(53) {
  width: 33px;
  height: 33px;
  left: calc(14px - 55px);
}

.Q10:nth-child(53) {
  -webkit-animation: movetop 1s linear -0.145s infinite;
          animation: movetop 1s linear -0.145s infinite;
}

.Q10:nth-child(54) {
  width: 10px;
  height: 10px;
  left: calc(67px - 55px);
}

.Q10:nth-child(54) {
  -webkit-animation: movetop 1s linear -2.759s infinite;
          animation: movetop 1s linear -2.759s infinite;
}

.Q10:nth-child(55) {
  width: 42px;
  height: 42px;
  left: calc(44px - 55px);
}

.Q10:nth-child(55) {
  -webkit-animation: movetop 1s linear -1.033s infinite;
          animation: movetop 1s linear -1.033s infinite;
}

.Q10:nth-child(56) {
  width: 20px;
  height: 20px;
  left: calc(48px - 55px);
}

.Q10:nth-child(56) {
  -webkit-animation: movetop 1s linear -1.317s infinite;
          animation: movetop 1s linear -1.317s infinite;
}

.Q10:nth-child(57) {
  width: 9px;
  height: 9px;
  left: calc(20px - 55px);
}

.Q10:nth-child(57) {
  -webkit-animation: movetop 1s linear -2.573s infinite;
          animation: movetop 1s linear -2.573s infinite;
}

.Q10:nth-child(58) {
  width: 28px;
  height: 28px;
  left: calc(66px - 55px);
}

.Q10:nth-child(58) {
  -webkit-animation: movetop 1s linear -2.537s infinite;
          animation: movetop 1s linear -2.537s infinite;
}

.Q10:nth-child(59) {
  width: 49px;
  height: 49px;
  left: calc(58px - 55px);
}

.Q10:nth-child(59) {
  -webkit-animation: movetop 1s linear -1.741s infinite;
          animation: movetop 1s linear -1.741s infinite;
}

.Q10:nth-child(60) {
  width: 2px;
  height: 2px;
  left: calc(62px - 55px);
}

.Q10:nth-child(60) {
  -webkit-animation: movetop 1s linear -0.256s infinite;
          animation: movetop 1s linear -0.256s infinite;
}

.Q10:nth-child(61) {
  width: 47px;
  height: 47px;
  left: calc(10px - 55px);
}

.Q10:nth-child(61) {
  -webkit-animation: movetop 1s linear -2.252s infinite;
          animation: movetop 1s linear -2.252s infinite;
}

.Q10:nth-child(62) {
  width: 3px;
  height: 3px;
  left: calc(25px - 55px);
}

.Q10:nth-child(62) {
  -webkit-animation: movetop 1s linear -2.248s infinite;
          animation: movetop 1s linear -2.248s infinite;
}

.Q10:nth-child(63) {
  width: 39px;
  height: 39px;
  left: calc(43px - 55px);
}

.Q10:nth-child(63) {
  -webkit-animation: movetop 1s linear -1.433s infinite;
          animation: movetop 1s linear -1.433s infinite;
}

.Q10:nth-child(64) {
  width: 19px;
  height: 19px;
  left: calc(16px - 55px);
}

.Q10:nth-child(64) {
  -webkit-animation: movetop 1s linear -0.819s infinite;
          animation: movetop 1s linear -0.819s infinite;
}

.Q10:nth-child(65) {
  width: 15px;
  height: 15px;
  left: calc(9px - 55px);
}

.Q10:nth-child(65) {
  -webkit-animation: movetop 1s linear -1.211s infinite;
          animation: movetop 1s linear -1.211s infinite;
}

.Q10:nth-child(66) {
  width: 40px;
  height: 40px;
  left: calc(22px - 55px);
}

.Q10:nth-child(66) {
  -webkit-animation: movetop 1s linear -0.76s infinite;
          animation: movetop 1s linear -0.76s infinite;
}

.Q10:nth-child(67) {
  width: 28px;
  height: 28px;
  left: calc(65px - 55px);
}

.Q10:nth-child(67) {
  -webkit-animation: movetop 1s linear -1.354s infinite;
          animation: movetop 1s linear -1.354s infinite;
}

.Q10:nth-child(68) {
  width: 41px;
  height: 41px;
  left: calc(26px - 55px);
}

.Q10:nth-child(68) {
  -webkit-animation: movetop 1s linear -0.457s infinite;
          animation: movetop 1s linear -0.457s infinite;
}

.Q10:nth-child(69) {
  width: 2px;
  height: 2px;
  left: calc(48px - 55px);
}

.Q10:nth-child(69) {
  -webkit-animation: movetop 1s linear -2.192s infinite;
          animation: movetop 1s linear -2.192s infinite;
}

.Q10:nth-child(70) {
  width: 27px;
  height: 27px;
  left: calc(37px - 55px);
}

.Q10:nth-child(70) {
  -webkit-animation: movetop 1s linear -1.035s infinite;
          animation: movetop 1s linear -1.035s infinite;
}

.Q10:nth-child(71) {
  width: 28px;
  height: 28px;
  left: calc(3px - 55px);
}

.Q10:nth-child(71) {
  -webkit-animation: movetop 1s linear -0.874s infinite;
          animation: movetop 1s linear -0.874s infinite;
}

.Q10:nth-child(72) {
  width: 16px;
  height: 16px;
  left: calc(70px - 55px);
}

.Q10:nth-child(72) {
  -webkit-animation: movetop 1s linear -2.137s infinite;
          animation: movetop 1s linear -2.137s infinite;
}

.Q10:nth-child(73) {
  width: 27px;
  height: 27px;
  left: calc(21px - 55px);
}

.Q10:nth-child(73) {
  -webkit-animation: movetop 1s linear -2.486s infinite;
          animation: movetop 1s linear -2.486s infinite;
}

.Q10:nth-child(74) {
  width: 26px;
  height: 26px;
  left: calc(53px - 55px);
}

.Q10:nth-child(74) {
  -webkit-animation: movetop 1s linear -2.906s infinite;
          animation: movetop 1s linear -2.906s infinite;
}

.Q10:nth-child(75) {
  width: 29px;
  height: 29px;
  left: calc(12px - 55px);
}

.Q10:nth-child(75) {
  -webkit-animation: movetop 1s linear -2.095s infinite;
          animation: movetop 1s linear -2.095s infinite;
}

.Q10:nth-child(76) {
  width: 38px;
  height: 38px;
  left: calc(10px - 55px);
}

.Q10:nth-child(76) {
  -webkit-animation: movetop 1s linear -1.899s infinite;
          animation: movetop 1s linear -1.899s infinite;
}

.Q10:nth-child(77) {
  width: 15px;
  height: 15px;
  left: calc(69px - 55px);
}

.Q10:nth-child(77) {
  -webkit-animation: movetop 1s linear -0.792s infinite;
          animation: movetop 1s linear -0.792s infinite;
}

.Q10:nth-child(78) {
  width: 17px;
  height: 17px;
  left: calc(53px - 55px);
}

.Q10:nth-child(78) {
  -webkit-animation: movetop 1s linear -0.633s infinite;
          animation: movetop 1s linear -0.633s infinite;
}

.Q10:nth-child(79) {
  width: 29px;
  height: 29px;
  left: calc(48px - 55px);
}

.Q10:nth-child(79) {
  -webkit-animation: movetop 1s linear -1.252s infinite;
          animation: movetop 1s linear -1.252s infinite;
}

.Q10:nth-child(80) {
  width: 18px;
  height: 18px;
  left: calc(9px - 55px);
}

.Q10:nth-child(80) {
  -webkit-animation: movetop 1s linear -2.789s infinite;
          animation: movetop 1s linear -2.789s infinite;
}

.Q10:nth-child(81) {
  width: 24px;
  height: 24px;
  left: calc(33px - 55px);
}

.Q10:nth-child(81) {
  -webkit-animation: movetop 1s linear -1.086s infinite;
          animation: movetop 1s linear -1.086s infinite;
}

.Q10:nth-child(82) {
  width: 1px;
  height: 1px;
  left: calc(66px - 55px);
}

.Q10:nth-child(82) {
  -webkit-animation: movetop 1s linear -2.15s infinite;
          animation: movetop 1s linear -2.15s infinite;
}

.Q10:nth-child(83) {
  width: 9px;
  height: 9px;
  left: calc(29px - 55px);
}

.Q10:nth-child(83) {
  -webkit-animation: movetop 1s linear -0.958s infinite;
          animation: movetop 1s linear -0.958s infinite;
}

.Q10:nth-child(84) {
  width: 30px;
  height: 30px;
  left: calc(31px - 55px);
}

.Q10:nth-child(84) {
  -webkit-animation: movetop 1s linear -0.733s infinite;
          animation: movetop 1s linear -0.733s infinite;
}

.Q10:nth-child(85) {
  width: 11px;
  height: 11px;
  left: calc(8px - 55px);
}

.Q10:nth-child(85) {
  -webkit-animation: movetop 1s linear -2.018s infinite;
          animation: movetop 1s linear -2.018s infinite;
}

.Q10:nth-child(86) {
  width: 42px;
  height: 42px;
  left: calc(3px - 55px);
}

.Q10:nth-child(86) {
  -webkit-animation: movetop 1s linear -0.1s infinite;
          animation: movetop 1s linear -0.1s infinite;
}

.Q10:nth-child(87) {
  width: 34px;
  height: 34px;
  left: calc(4px - 55px);
}

.Q10:nth-child(87) {
  -webkit-animation: movetop 1s linear -1.08s infinite;
          animation: movetop 1s linear -1.08s infinite;
}

.Q10:nth-child(88) {
  width: 4px;
  height: 4px;
  left: calc(54px - 55px);
}

.Q10:nth-child(88) {
  -webkit-animation: movetop 1s linear -2.945s infinite;
          animation: movetop 1s linear -2.945s infinite;
}

.Q10:nth-child(89) {
  width: 5px;
  height: 5px;
  left: calc(11px - 55px);
}

.Q10:nth-child(89) {
  -webkit-animation: movetop 1s linear -1.627s infinite;
          animation: movetop 1s linear -1.627s infinite;
}

.Q10:nth-child(90) {
  width: 44px;
  height: 44px;
  left: calc(38px - 55px);
}

.Q10:nth-child(90) {
  -webkit-animation: movetop 1s linear -1.83s infinite;
          animation: movetop 1s linear -1.83s infinite;
}

.Q10:nth-child(91) {
  width: 15px;
  height: 15px;
  left: calc(51px - 55px);
}

.Q10:nth-child(91) {
  -webkit-animation: movetop 1s linear -2.364s infinite;
          animation: movetop 1s linear -2.364s infinite;
}

.Q10:nth-child(92) {
  width: 21px;
  height: 21px;
  left: calc(55px - 55px);
}

.Q10:nth-child(92) {
  -webkit-animation: movetop 1s linear -0.335s infinite;
          animation: movetop 1s linear -0.335s infinite;
}

.Q10:nth-child(93) {
  width: 24px;
  height: 24px;
  left: calc(23px - 55px);
}

.Q10:nth-child(93) {
  -webkit-animation: movetop 1s linear -1.22s infinite;
          animation: movetop 1s linear -1.22s infinite;
}

.Q10:nth-child(94) {
  width: 38px;
  height: 38px;
  left: calc(46px - 55px);
}

.Q10:nth-child(94) {
  -webkit-animation: movetop 1s linear -2.798s infinite;
          animation: movetop 1s linear -2.798s infinite;
}

.Q10:nth-child(95) {
  width: 27px;
  height: 27px;
  left: calc(44px - 55px);
}

.Q10:nth-child(95) {
  -webkit-animation: movetop 1s linear -0.578s infinite;
          animation: movetop 1s linear -0.578s infinite;
}

.Q10:nth-child(96) {
  width: 2px;
  height: 2px;
  left: calc(14px - 55px);
}

.Q10:nth-child(96) {
  -webkit-animation: movetop 1s linear -2.169s infinite;
          animation: movetop 1s linear -2.169s infinite;
}

.Q10:nth-child(97) {
  width: 33px;
  height: 33px;
  left: calc(11px - 55px);
}

.Q10:nth-child(97) {
  -webkit-animation: movetop 1s linear -0.528s infinite;
          animation: movetop 1s linear -0.528s infinite;
}

.Q10:nth-child(98) {
  width: 24px;
  height: 24px;
  left: calc(20px - 55px);
}

.Q10:nth-child(98) {
  -webkit-animation: movetop 1s linear -1.099s infinite;
          animation: movetop 1s linear -1.099s infinite;
}

.Q10:nth-child(99) {
  width: 10px;
  height: 10px;
  left: calc(15px - 55px);
}

.Q10:nth-child(99) {
  -webkit-animation: movetop 1s linear -1.236s infinite;
          animation: movetop 1s linear -1.236s infinite;
}

.Q10:nth-child(100) {
  width: 46px;
  height: 46px;
  left: calc(56px - 55px);
}

.Q10:nth-child(100) {
  -webkit-animation: movetop 1s linear -1.454s infinite;
          animation: movetop 1s linear -1.454s infinite;
}

.Q10:nth-child(101) {
  width: 2px;
  height: 2px;
  left: calc(29px - 55px);
}

.Q10:nth-child(101) {
  -webkit-animation: movetop 1s linear -0.188s infinite;
          animation: movetop 1s linear -0.188s infinite;
}

.Q10:nth-child(102) {
  width: 9px;
  height: 9px;
  left: calc(59px - 55px);
}

.Q10:nth-child(102) {
  -webkit-animation: movetop 1s linear -2.188s infinite;
          animation: movetop 1s linear -2.188s infinite;
}

.Q10:nth-child(103) {
  width: 28px;
  height: 28px;
  left: calc(36px - 55px);
}

.Q10:nth-child(103) {
  -webkit-animation: movetop 1s linear -0.168s infinite;
          animation: movetop 1s linear -0.168s infinite;
}

.Q10:nth-child(104) {
  width: 50px;
  height: 50px;
  left: calc(5px - 55px);
}

.Q10:nth-child(104) {
  -webkit-animation: movetop 1s linear -2.024s infinite;
          animation: movetop 1s linear -2.024s infinite;
}

.Q10:nth-child(105) {
  width: 24px;
  height: 24px;
  left: calc(52px - 55px);
}

.Q10:nth-child(105) {
  -webkit-animation: movetop 1s linear -1.407s infinite;
          animation: movetop 1s linear -1.407s infinite;
}

.Q10:nth-child(106) {
  width: 21px;
  height: 21px;
  left: calc(61px - 55px);
}

.Q10:nth-child(106) {
  -webkit-animation: movetop 1s linear -1.263s infinite;
          animation: movetop 1s linear -1.263s infinite;
}

.Q10:nth-child(107) {
  width: 38px;
  height: 38px;
  left: calc(36px - 55px);
}

.Q10:nth-child(107) {
  -webkit-animation: movetop 1s linear -0.506s infinite;
          animation: movetop 1s linear -0.506s infinite;
}

.Q10:nth-child(108) {
  width: 40px;
  height: 40px;
  left: calc(10px - 55px);
}

.Q10:nth-child(108) {
  -webkit-animation: movetop 1s linear -0.298s infinite;
          animation: movetop 1s linear -0.298s infinite;
}

.Q10:nth-child(109) {
  width: 42px;
  height: 42px;
  left: calc(26px - 55px);
}

.Q10:nth-child(109) {
  -webkit-animation: movetop 1s linear -1.341s infinite;
          animation: movetop 1s linear -1.341s infinite;
}

.Q10:nth-child(110) {
  width: 48px;
  height: 48px;
  left: calc(40px - 55px);
}

.Q10:nth-child(110) {
  -webkit-animation: movetop 1s linear -2.949s infinite;
          animation: movetop 1s linear -2.949s infinite;
}

.Q10:nth-child(111) {
  width: 2px;
  height: 2px;
  left: calc(44px - 55px);
}

.Q10:nth-child(111) {
  -webkit-animation: movetop 1s linear -0.847s infinite;
          animation: movetop 1s linear -0.847s infinite;
}

.Q10:nth-child(112) {
  width: 38px;
  height: 38px;
  left: calc(51px - 55px);
}

.Q10:nth-child(112) {
  -webkit-animation: movetop 1s linear -0.402s infinite;
          animation: movetop 1s linear -0.402s infinite;
}

.Q10:nth-child(113) {
  width: 3px;
  height: 3px;
  left: calc(30px - 55px);
}

.Q10:nth-child(113) {
  -webkit-animation: movetop 1s linear -1.728s infinite;
          animation: movetop 1s linear -1.728s infinite;
}

.Q10:nth-child(114) {
  width: 20px;
  height: 20px;
  left: calc(56px - 55px);
}

.Q10:nth-child(114) {
  -webkit-animation: movetop 1s linear -2.502s infinite;
          animation: movetop 1s linear -2.502s infinite;
}

.Q10:nth-child(115) {
  width: 10px;
  height: 10px;
  left: calc(42px - 55px);
}

.Q10:nth-child(115) {
  -webkit-animation: movetop 1s linear -0.153s infinite;
          animation: movetop 1s linear -0.153s infinite;
}

.Q10:nth-child(116) {
  width: 4px;
  height: 4px;
  left: calc(59px - 55px);
}

.Q10:nth-child(116) {
  -webkit-animation: movetop 1s linear -0.631s infinite;
          animation: movetop 1s linear -0.631s infinite;
}

.Q10:nth-child(117) {
  width: 33px;
  height: 33px;
  left: calc(26px - 55px);
}

.Q10:nth-child(117) {
  -webkit-animation: movetop 1s linear -2.074s infinite;
          animation: movetop 1s linear -2.074s infinite;
}

.Q10:nth-child(118) {
  width: 9px;
  height: 9px;
  left: calc(11px - 55px);
}

.Q10:nth-child(118) {
  -webkit-animation: movetop 1s linear -0.669s infinite;
          animation: movetop 1s linear -0.669s infinite;
}

.Q10:nth-child(119) {
  width: 12px;
  height: 12px;
  left: calc(18px - 55px);
}

.Q10:nth-child(119) {
  -webkit-animation: movetop 1s linear -2.022s infinite;
          animation: movetop 1s linear -2.022s infinite;
}

.Q10:nth-child(120) {
  width: 34px;
  height: 34px;
  left: calc(49px - 55px);
}

.Q10:nth-child(120) {
  -webkit-animation: movetop 1s linear -1.419s infinite;
          animation: movetop 1s linear -1.419s infinite;
}

.Q10:nth-child(121) {
  width: 18px;
  height: 18px;
  left: calc(40px - 55px);
}

.Q10:nth-child(121) {
  -webkit-animation: movetop 1s linear -1.839s infinite;
          animation: movetop 1s linear -1.839s infinite;
}

.Q10:nth-child(122) {
  width: 26px;
  height: 26px;
  left: calc(26px - 55px);
}

.Q10:nth-child(122) {
  -webkit-animation: movetop 1s linear -2.846s infinite;
          animation: movetop 1s linear -2.846s infinite;
}

.Q10:nth-child(123) {
  width: 10px;
  height: 10px;
  left: calc(57px - 55px);
}

.Q10:nth-child(123) {
  -webkit-animation: movetop 1s linear -0.95s infinite;
          animation: movetop 1s linear -0.95s infinite;
}

.Q10:nth-child(124) {
  width: 23px;
  height: 23px;
  left: calc(45px - 55px);
}

.Q10:nth-child(124) {
  -webkit-animation: movetop 1s linear -0.451s infinite;
          animation: movetop 1s linear -0.451s infinite;
}

.Q10:nth-child(125) {
  width: 6px;
  height: 6px;
  left: calc(37px - 55px);
}

.Q10:nth-child(125) {
  -webkit-animation: movetop 1s linear -1.844s infinite;
          animation: movetop 1s linear -1.844s infinite;
}

.Q10:nth-child(126) {
  width: 40px;
  height: 40px;
  left: calc(69px - 55px);
}

.Q10:nth-child(126) {
  -webkit-animation: movetop 1s linear -1.347s infinite;
          animation: movetop 1s linear -1.347s infinite;
}

.Q10:nth-child(127) {
  width: 7px;
  height: 7px;
  left: calc(13px - 55px);
}

.Q10:nth-child(127) {
  -webkit-animation: movetop 1s linear -2.946s infinite;
          animation: movetop 1s linear -2.946s infinite;
}

.Q10:nth-child(128) {
  width: 42px;
  height: 42px;
  left: calc(57px - 55px);
}

.Q10:nth-child(128) {
  -webkit-animation: movetop 1s linear -0.948s infinite;
          animation: movetop 1s linear -0.948s infinite;
}

.Q10:nth-child(129) {
  width: 36px;
  height: 36px;
  left: calc(28px - 55px);
}

.Q10:nth-child(129) {
  -webkit-animation: movetop 1s linear -2.547s infinite;
          animation: movetop 1s linear -2.547s infinite;
}

.Q10:nth-child(130) {
  width: 21px;
  height: 21px;
  left: calc(20px - 55px);
}

.Q10:nth-child(130) {
  -webkit-animation: movetop 1s linear -1.316s infinite;
          animation: movetop 1s linear -1.316s infinite;
}

.Q10:nth-child(131) {
  width: 20px;
  height: 20px;
  left: calc(17px - 55px);
}

.Q10:nth-child(131) {
  -webkit-animation: movetop 1s linear -1.88s infinite;
          animation: movetop 1s linear -1.88s infinite;
}

.Q10:nth-child(132) {
  width: 2px;
  height: 2px;
  left: calc(24px - 55px);
}

.Q10:nth-child(132) {
  -webkit-animation: movetop 1s linear -0.475s infinite;
          animation: movetop 1s linear -0.475s infinite;
}

.Q10:nth-child(133) {
  width: 46px;
  height: 46px;
  left: calc(11px - 55px);
}

.Q10:nth-child(133) {
  -webkit-animation: movetop 1s linear -2.92s infinite;
          animation: movetop 1s linear -2.92s infinite;
}

.Q10:nth-child(134) {
  width: 13px;
  height: 13px;
  left: calc(44px - 55px);
}

.Q10:nth-child(134) {
  -webkit-animation: movetop 1s linear -0.278s infinite;
          animation: movetop 1s linear -0.278s infinite;
}

.Q10:nth-child(135) {
  width: 38px;
  height: 38px;
  left: calc(54px - 55px);
}

.Q10:nth-child(135) {
  -webkit-animation: movetop 1s linear -1.471s infinite;
          animation: movetop 1s linear -1.471s infinite;
}

.Q10:nth-child(136) {
  width: 13px;
  height: 13px;
  left: calc(7px - 55px);
}

.Q10:nth-child(136) {
  -webkit-animation: movetop 1s linear -2.116s infinite;
          animation: movetop 1s linear -2.116s infinite;
}

.Q10:nth-child(137) {
  width: 14px;
  height: 14px;
  left: calc(56px - 55px);
}

.Q10:nth-child(137) {
  -webkit-animation: movetop 1s linear -1.77s infinite;
          animation: movetop 1s linear -1.77s infinite;
}

.Q10:nth-child(138) {
  width: 3px;
  height: 3px;
  left: calc(53px - 55px);
}

.Q10:nth-child(138) {
  -webkit-animation: movetop 1s linear -0.898s infinite;
          animation: movetop 1s linear -0.898s infinite;
}

.Q10:nth-child(139) {
  width: 5px;
  height: 5px;
  left: calc(23px - 55px);
}

.Q10:nth-child(139) {
  -webkit-animation: movetop 1s linear -1.507s infinite;
          animation: movetop 1s linear -1.507s infinite;
}

.Q10:nth-child(140) {
  width: 23px;
  height: 23px;
  left: calc(13px - 55px);
}

.Q10:nth-child(140) {
  -webkit-animation: movetop 1s linear -0.197s infinite;
          animation: movetop 1s linear -0.197s infinite;
}

.Q10:nth-child(141) {
  width: 13px;
  height: 13px;
  left: calc(10px - 55px);
}

.Q10:nth-child(141) {
  -webkit-animation: movetop 1s linear -1.397s infinite;
          animation: movetop 1s linear -1.397s infinite;
}

.Q10:nth-child(142) {
  width: 33px;
  height: 33px;
  left: calc(50px - 55px);
}

.Q10:nth-child(142) {
  -webkit-animation: movetop 1s linear -1.039s infinite;
          animation: movetop 1s linear -1.039s infinite;
}

.Q10:nth-child(143) {
  width: 29px;
  height: 29px;
  left: calc(27px - 55px);
}

.Q10:nth-child(143) {
  -webkit-animation: movetop 1s linear -0.52s infinite;
          animation: movetop 1s linear -0.52s infinite;
}

.Q10:nth-child(144) {
  width: 49px;
  height: 49px;
  left: calc(10px - 55px);
}

.Q10:nth-child(144) {
  -webkit-animation: movetop 1s linear -1.846s infinite;
          animation: movetop 1s linear -1.846s infinite;
}

.Q10:nth-child(145) {
  width: 32px;
  height: 32px;
  left: calc(21px - 55px);
}

.Q10:nth-child(145) {
  -webkit-animation: movetop 1s linear -1.101s infinite;
          animation: movetop 1s linear -1.101s infinite;
}

.Q10:nth-child(146) {
  width: 13px;
  height: 13px;
  left: calc(21px - 55px);
}

.Q10:nth-child(146) {
  -webkit-animation: movetop 1s linear -2.314s infinite;
          animation: movetop 1s linear -2.314s infinite;
}

.Q10:nth-child(147) {
  width: 28px;
  height: 28px;
  left: calc(39px - 55px);
}

.Q10:nth-child(147) {
  -webkit-animation: movetop 1s linear -1.4s infinite;
          animation: movetop 1s linear -1.4s infinite;
}

.Q10:nth-child(148) {
  width: 33px;
  height: 33px;
  left: calc(53px - 55px);
}

.Q10:nth-child(148) {
  -webkit-animation: movetop 1s linear -0.322s infinite;
          animation: movetop 1s linear -0.322s infinite;
}

.Q10:nth-child(149) {
  width: 47px;
  height: 47px;
  left: calc(32px - 55px);
}

.Q10:nth-child(149) {
  -webkit-animation: movetop 1s linear -0.238s infinite;
          animation: movetop 1s linear -0.238s infinite;
}

.Q10:nth-child(150) {
  width: 19px;
  height: 19px;
  left: calc(69px - 55px);
}

.Q10:nth-child(150) {
  -webkit-animation: movetop 1s linear -2.558s infinite;
          animation: movetop 1s linear -2.558s infinite;
}

.Q10:nth-child(151) {
  width: 29px;
  height: 29px;
  left: calc(29px - 55px);
}

.Q10:nth-child(151) {
  -webkit-animation: movetop 1s linear -0.36s infinite;
          animation: movetop 1s linear -0.36s infinite;
}

.Q10:nth-child(152) {
  width: 18px;
  height: 18px;
  left: calc(4px - 55px);
}

.Q10:nth-child(152) {
  -webkit-animation: movetop 1s linear -2.393s infinite;
          animation: movetop 1s linear -2.393s infinite;
}

.Q10:nth-child(153) {
  width: 16px;
  height: 16px;
  left: calc(45px - 55px);
}

.Q10:nth-child(153) {
  -webkit-animation: movetop 1s linear -2.281s infinite;
          animation: movetop 1s linear -2.281s infinite;
}

.Q10:nth-child(154) {
  width: 2px;
  height: 2px;
  left: calc(26px - 55px);
}

.Q10:nth-child(154) {
  -webkit-animation: movetop 1s linear -2.054s infinite;
          animation: movetop 1s linear -2.054s infinite;
}

.Q10:nth-child(155) {
  width: 39px;
  height: 39px;
  left: calc(43px - 55px);
}

.Q10:nth-child(155) {
  -webkit-animation: movetop 1s linear -1.367s infinite;
          animation: movetop 1s linear -1.367s infinite;
}

.Q10:nth-child(156) {
  width: 33px;
  height: 33px;
  left: calc(21px - 55px);
}

.Q10:nth-child(156) {
  -webkit-animation: movetop 1s linear -0.238s infinite;
          animation: movetop 1s linear -0.238s infinite;
}

.Q10:nth-child(157) {
  width: 4px;
  height: 4px;
  left: calc(5px - 55px);
}

.Q10:nth-child(157) {
  -webkit-animation: movetop 1s linear -2.853s infinite;
          animation: movetop 1s linear -2.853s infinite;
}

.Q10:nth-child(158) {
  width: 3px;
  height: 3px;
  left: calc(34px - 55px);
}

.Q10:nth-child(158) {
  -webkit-animation: movetop 1s linear -1.034s infinite;
          animation: movetop 1s linear -1.034s infinite;
}

.Q10:nth-child(159) {
  width: 20px;
  height: 20px;
  left: calc(45px - 55px);
}

.Q10:nth-child(159) {
  -webkit-animation: movetop 1s linear -2.296s infinite;
          animation: movetop 1s linear -2.296s infinite;
}

.Q10:nth-child(160) {
  width: 42px;
  height: 42px;
  left: calc(24px - 55px);
}

.Q10:nth-child(160) {
  -webkit-animation: movetop 1s linear -0.328s infinite;
          animation: movetop 1s linear -0.328s infinite;
}

.Q10:nth-child(161) {
  width: 27px;
  height: 27px;
  left: calc(7px - 55px);
}

.Q10:nth-child(161) {
  -webkit-animation: movetop 1s linear -0.642s infinite;
          animation: movetop 1s linear -0.642s infinite;
}

.Q10:nth-child(162) {
  width: 6px;
  height: 6px;
  left: calc(24px - 55px);
}

.Q10:nth-child(162) {
  -webkit-animation: movetop 1s linear -1.453s infinite;
          animation: movetop 1s linear -1.453s infinite;
}

.Q10:nth-child(163) {
  width: 10px;
  height: 10px;
  left: calc(33px - 55px);
}

.Q10:nth-child(163) {
  -webkit-animation: movetop 1s linear -0.873s infinite;
          animation: movetop 1s linear -0.873s infinite;
}

.Q10:nth-child(164) {
  width: 20px;
  height: 20px;
  left: calc(31px - 55px);
}

.Q10:nth-child(164) {
  -webkit-animation: movetop 1s linear -1.548s infinite;
          animation: movetop 1s linear -1.548s infinite;
}

.Q10:nth-child(165) {
  width: 29px;
  height: 29px;
  left: calc(28px - 55px);
}

.Q10:nth-child(165) {
  -webkit-animation: movetop 1s linear -2.015s infinite;
          animation: movetop 1s linear -2.015s infinite;
}

.Q10:nth-child(166) {
  width: 4px;
  height: 4px;
  left: calc(25px - 55px);
}

.Q10:nth-child(166) {
  -webkit-animation: movetop 1s linear -2.289s infinite;
          animation: movetop 1s linear -2.289s infinite;
}

.Q10:nth-child(167) {
  width: 4px;
  height: 4px;
  left: calc(11px - 55px);
}

.Q10:nth-child(167) {
  -webkit-animation: movetop 1s linear -1.274s infinite;
          animation: movetop 1s linear -1.274s infinite;
}

.Q10:nth-child(168) {
  width: 5px;
  height: 5px;
  left: calc(33px - 55px);
}

.Q10:nth-child(168) {
  -webkit-animation: movetop 1s linear -2.865s infinite;
          animation: movetop 1s linear -2.865s infinite;
}

.Q10:nth-child(169) {
  width: 11px;
  height: 11px;
  left: calc(53px - 55px);
}

.Q10:nth-child(169) {
  -webkit-animation: movetop 1s linear -2.89s infinite;
          animation: movetop 1s linear -2.89s infinite;
}

.Q10:nth-child(170) {
  width: 32px;
  height: 32px;
  left: calc(11px - 55px);
}

.Q10:nth-child(170) {
  -webkit-animation: movetop 1s linear -1.647s infinite;
          animation: movetop 1s linear -1.647s infinite;
}

.Q10:nth-child(171) {
  width: 50px;
  height: 50px;
  left: calc(15px - 55px);
}

.Q10:nth-child(171) {
  -webkit-animation: movetop 1s linear -0.488s infinite;
          animation: movetop 1s linear -0.488s infinite;
}

.Q10:nth-child(172) {
  width: 30px;
  height: 30px;
  left: calc(61px - 55px);
}

.Q10:nth-child(172) {
  -webkit-animation: movetop 1s linear -0.337s infinite;
          animation: movetop 1s linear -0.337s infinite;
}

.Q10:nth-child(173) {
  width: 42px;
  height: 42px;
  left: calc(23px - 55px);
}

.Q10:nth-child(173) {
  -webkit-animation: movetop 1s linear -2.484s infinite;
          animation: movetop 1s linear -2.484s infinite;
}

.Q10:nth-child(174) {
  width: 34px;
  height: 34px;
  left: calc(6px - 55px);
}

.Q10:nth-child(174) {
  -webkit-animation: movetop 1s linear -1.473s infinite;
          animation: movetop 1s linear -1.473s infinite;
}

.Q10:nth-child(175) {
  width: 5px;
  height: 5px;
  left: calc(4px - 55px);
}

.Q10:nth-child(175) {
  -webkit-animation: movetop 1s linear -1.53s infinite;
          animation: movetop 1s linear -1.53s infinite;
}

.Q10:nth-child(176) {
  width: 18px;
  height: 18px;
  left: calc(40px - 55px);
}

.Q10:nth-child(176) {
  -webkit-animation: movetop 1s linear -1.805s infinite;
          animation: movetop 1s linear -1.805s infinite;
}

.Q10:nth-child(177) {
  width: 23px;
  height: 23px;
  left: calc(55px - 55px);
}

.Q10:nth-child(177) {
  -webkit-animation: movetop 1s linear -1.002s infinite;
          animation: movetop 1s linear -1.002s infinite;
}

.Q10:nth-child(178) {
  width: 35px;
  height: 35px;
  left: calc(21px - 55px);
}

.Q10:nth-child(178) {
  -webkit-animation: movetop 1s linear -2.778s infinite;
          animation: movetop 1s linear -2.778s infinite;
}

.Q10:nth-child(179) {
  width: 3px;
  height: 3px;
  left: calc(25px - 55px);
}

.Q10:nth-child(179) {
  -webkit-animation: movetop 1s linear -1.653s infinite;
          animation: movetop 1s linear -1.653s infinite;
}

.Q10:nth-child(180) {
  width: 29px;
  height: 29px;
  left: calc(57px - 55px);
}

.Q10:nth-child(180) {
  -webkit-animation: movetop 1s linear -0.372s infinite;
          animation: movetop 1s linear -0.372s infinite;
}

.Q10:nth-child(181) {
  width: 24px;
  height: 24px;
  left: calc(21px - 55px);
}

.Q10:nth-child(181) {
  -webkit-animation: movetop 1s linear -2.648s infinite;
          animation: movetop 1s linear -2.648s infinite;
}

.Q10:nth-child(182) {
  width: 20px;
  height: 20px;
  left: calc(69px - 55px);
}

.Q10:nth-child(182) {
  -webkit-animation: movetop 1s linear -1.638s infinite;
          animation: movetop 1s linear -1.638s infinite;
}

.Q10:nth-child(183) {
  width: 33px;
  height: 33px;
  left: calc(21px - 55px);
}

.Q10:nth-child(183) {
  -webkit-animation: movetop 1s linear -1.171s infinite;
          animation: movetop 1s linear -1.171s infinite;
}

.Q10:nth-child(184) {
  width: 5px;
  height: 5px;
  left: calc(70px - 55px);
}

.Q10:nth-child(184) {
  -webkit-animation: movetop 1s linear -2.109s infinite;
          animation: movetop 1s linear -2.109s infinite;
}

.Q10:nth-child(185) {
  width: 32px;
  height: 32px;
  left: calc(10px - 55px);
}

.Q10:nth-child(185) {
  -webkit-animation: movetop 1s linear -2.312s infinite;
          animation: movetop 1s linear -2.312s infinite;
}

.Q10:nth-child(186) {
  width: 24px;
  height: 24px;
  left: calc(19px - 55px);
}

.Q10:nth-child(186) {
  -webkit-animation: movetop 1s linear -2.309s infinite;
          animation: movetop 1s linear -2.309s infinite;
}

.Q10:nth-child(187) {
  width: 41px;
  height: 41px;
  left: calc(33px - 55px);
}

.Q10:nth-child(187) {
  -webkit-animation: movetop 1s linear -1.814s infinite;
          animation: movetop 1s linear -1.814s infinite;
}

.Q10:nth-child(188) {
  width: 38px;
  height: 38px;
  left: calc(17px - 55px);
}

.Q10:nth-child(188) {
  -webkit-animation: movetop 1s linear -1.796s infinite;
          animation: movetop 1s linear -1.796s infinite;
}

.Q10:nth-child(189) {
  width: 25px;
  height: 25px;
  left: calc(26px - 55px);
}

.Q10:nth-child(189) {
  -webkit-animation: movetop 1s linear -1.058s infinite;
          animation: movetop 1s linear -1.058s infinite;
}

.Q10:nth-child(190) {
  width: 13px;
  height: 13px;
  left: calc(17px - 55px);
}

.Q10:nth-child(190) {
  -webkit-animation: movetop 1s linear -0.011s infinite;
          animation: movetop 1s linear -0.011s infinite;
}

.Q10:nth-child(191) {
  width: 36px;
  height: 36px;
  left: calc(55px - 55px);
}

.Q10:nth-child(191) {
  -webkit-animation: movetop 1s linear -0.505s infinite;
          animation: movetop 1s linear -0.505s infinite;
}

.Q10:nth-child(192) {
  width: 8px;
  height: 8px;
  left: calc(15px - 55px);
}

.Q10:nth-child(192) {
  -webkit-animation: movetop 1s linear -2.1s infinite;
          animation: movetop 1s linear -2.1s infinite;
}

.Q10:nth-child(193) {
  width: 41px;
  height: 41px;
  left: calc(56px - 55px);
}

.Q10:nth-child(193) {
  -webkit-animation: movetop 1s linear -1.529s infinite;
          animation: movetop 1s linear -1.529s infinite;
}

.Q10:nth-child(194) {
  width: 7px;
  height: 7px;
  left: calc(25px - 55px);
}

.Q10:nth-child(194) {
  -webkit-animation: movetop 1s linear -2.757s infinite;
          animation: movetop 1s linear -2.757s infinite;
}

.Q10:nth-child(195) {
  width: 41px;
  height: 41px;
  left: calc(64px - 55px);
}

.Q10:nth-child(195) {
  -webkit-animation: movetop 1s linear -0.826s infinite;
          animation: movetop 1s linear -0.826s infinite;
}

.Q10:nth-child(196) {
  width: 33px;
  height: 33px;
  left: calc(44px - 55px);
}

.Q10:nth-child(196) {
  -webkit-animation: movetop 1s linear -2.336s infinite;
          animation: movetop 1s linear -2.336s infinite;
}

.Q10:nth-child(197) {
  width: 28px;
  height: 28px;
  left: calc(20px - 55px);
}

.Q10:nth-child(197) {
  -webkit-animation: movetop 1s linear -1.774s infinite;
          animation: movetop 1s linear -1.774s infinite;
}

.Q10:nth-child(198) {
  width: 16px;
  height: 16px;
  left: calc(54px - 55px);
}

.Q10:nth-child(198) {
  -webkit-animation: movetop 1s linear -1.718s infinite;
          animation: movetop 1s linear -1.718s infinite;
}

.Q10:nth-child(199) {
  width: 39px;
  height: 39px;
  left: calc(27px - 55px);
}

.Q10:nth-child(199) {
  -webkit-animation: movetop 1s linear -1.372s infinite;
          animation: movetop 1s linear -1.372s infinite;
}

@-webkit-keyframes movetop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  87.7% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
}

@keyframes movetop {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  20% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  87.7% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, -170px);
            transform: translate(0, -170px);
    opacity: 0;
  }
}






































@keyframes fireFront {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 0.6;
  }
  10% {
    -webkit-transform: translateX(2.5px) translateY(-5px);
            transform: translateX(2.5px) translateY(-5px);
  }
  20% {
    -webkit-transform: translateX(0) translateY(-15px);
            transform: translateX(0) translateY(-15px);
  }
  30% {
    -webkit-transform: translateX(-2.5px) translateY(-20px);
            transform: translateX(-2.5px) translateY(-20px);
  }
  40% {
    -webkit-transform: translateX(0) translateY(-25px);
            transform: translateX(0) translateY(-25px);
  }
  50% {
    -webkit-transform: translateX(2.5px) translateY(-30px);
            transform: translateX(2.5px) translateY(-30px);
    opacity: 0.2;
  }
  60% {
    -webkit-transform: translateX(0) translateY(-35px);
            transform: translateX(0) translateY(-35px);
  }
  70% {
    -webkit-transform: translateX(-2.5px) translateY(-40px);
            transform: translateX(-2.5px) translateY(-40px);
  }
  80% {
    -webkit-transform: translateX(0) translateY(-45px);
            transform: translateX(0) translateY(-45px);
  }
  90% {
    -webkit-transform: translateX(2.5px) translateY(-50px);
            transform: translateX(2.5px) translateY(-50px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-55px);
            transform: translateX(0) translateY(-55px);
    opacity: 0;
  }
}
@-webkit-keyframes fireMid {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 0.6;
  }
  10% {
    -webkit-transform: translateX(2.5px) translateY(-10px);
            transform: translateX(2.5px) translateY(-10px);
  }
  20% {
    -webkit-transform: translateX(0) translateY(-20px);
            transform: translateX(0) translateY(-20px);
  }
  30% {
    -webkit-transform: translateX(-2.5px) translateY(-30px);
            transform: translateX(-2.5px) translateY(-30px);
  }
  40% {
    -webkit-transform: translateX(0) translateY(-40px);
            transform: translateX(0) translateY(-40px);
  }
  50% {
    -webkit-transform: translateX(2.5px) translateY(-50px);
            transform: translateX(2.5px) translateY(-50px);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: translateX(0) translateY(-60px);
            transform: translateX(0) translateY(-60px);
  }
  70% {
    -webkit-transform: translateX(-2.5px) translateY(-70px);
            transform: translateX(-2.5px) translateY(-70px);
  }
  80% {
    -webkit-transform: translateX(0) translateY(-80px);
            transform: translateX(0) translateY(-80px);
  }
  90% {
    -webkit-transform: translateX(2.5px) translateY(-90px);
            transform: translateX(2.5px) translateY(-90px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-100px);
            transform: translateX(0) translateY(-100px);
    opacity: 0;
  }
}
@keyframes fireMid {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 0.6;
  }
  10% {
    -webkit-transform: translateX(2.5px) translateY(-10px);
            transform: translateX(2.5px) translateY(-10px);
  }
  20% {
    -webkit-transform: translateX(0) translateY(-20px);
            transform: translateX(0) translateY(-20px);
  }
  30% {
    -webkit-transform: translateX(-2.5px) translateY(-30px);
            transform: translateX(-2.5px) translateY(-30px);
  }
  40% {
    -webkit-transform: translateX(0) translateY(-40px);
            transform: translateX(0) translateY(-40px);
  }
  50% {
    -webkit-transform: translateX(2.5px) translateY(-50px);
            transform: translateX(2.5px) translateY(-50px);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: translateX(0) translateY(-60px);
            transform: translateX(0) translateY(-60px);
  }
  70% {
    -webkit-transform: translateX(-2.5px) translateY(-70px);
            transform: translateX(-2.5px) translateY(-70px);
  }
  80% {
    -webkit-transform: translateX(0) translateY(-80px);
            transform: translateX(0) translateY(-80px);
  }
  90% {
    -webkit-transform: translateX(2.5px) translateY(-90px);
            transform: translateX(2.5px) translateY(-90px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-100px);
            transform: translateX(0) translateY(-100px);
    opacity: 0;
  }
}
@-webkit-keyframes fireBack {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 0.8;
  }
  10% {
    -webkit-transform: translateX(2.5px) translateY(-20px);
            transform: translateX(2.5px) translateY(-20px);
  }
  20% {
    -webkit-transform: translateX(0) translateY(-40px);
            transform: translateX(0) translateY(-40px);
  }
  30% {
    -webkit-transform: translateX(-2.5px) translateY(-60px);
            transform: translateX(-2.5px) translateY(-60px);
  }
  40% {
    -webkit-transform: translateX(0) translateY(-80px);
            transform: translateX(0) translateY(-80px);
  }
  50% {
    -webkit-transform: translateX(2.5px) translateY(-100px);
            transform: translateX(2.5px) translateY(-100px);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: translateX(0) translateY(-120px);
            transform: translateX(0) translateY(-120px);
  }
  70% {
    -webkit-transform: translateX(-2.5px) translateY(-140px);
            transform: translateX(-2.5px) translateY(-140px);
  }
  80% {
    -webkit-transform: translateX(0) translateY(-160px);
            transform: translateX(0) translateY(-160px);
  }
  90% {
    -webkit-transform: translateX(2.5px) translateY(-180px);
            transform: translateX(2.5px) translateY(-180px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-200px);
            transform: translateX(0) translateY(-200px);
    opacity: 0;
  }
}
@keyframes fireBack {
  0% {
    -webkit-transform: translateX(0) translateY(0);
            transform: translateX(0) translateY(0);
    opacity: 0.8;
  }
  10% {
    -webkit-transform: translateX(2.5px) translateY(-20px);
            transform: translateX(2.5px) translateY(-20px);
  }
  20% {
    -webkit-transform: translateX(0) translateY(-40px);
            transform: translateX(0) translateY(-40px);
  }
  30% {
    -webkit-transform: translateX(-2.5px) translateY(-60px);
            transform: translateX(-2.5px) translateY(-60px);
  }
  40% {
    -webkit-transform: translateX(0) translateY(-80px);
            transform: translateX(0) translateY(-80px);
  }
  50% {
    -webkit-transform: translateX(2.5px) translateY(-100px);
            transform: translateX(2.5px) translateY(-100px);
    opacity: 0.1;
  }
  60% {
    -webkit-transform: translateX(0) translateY(-120px);
            transform: translateX(0) translateY(-120px);
  }
  70% {
    -webkit-transform: translateX(-2.5px) translateY(-140px);
            transform: translateX(-2.5px) translateY(-140px);
  }
  80% {
    -webkit-transform: translateX(0) translateY(-160px);
            transform: translateX(0) translateY(-160px);
  }
  90% {
    -webkit-transform: translateX(2.5px) translateY(-180px);
            transform: translateX(2.5px) translateY(-180px);
  }
  100% {
    -webkit-transform: translateX(0) translateY(-200px);
            transform: translateX(0) translateY(-200px);
    opacity: 0;
  }
}




/*  костёр огонь   */
.containerqwe .fire23576 {

  
  width: 320px;
  min-width: 300px;
  height: 320px;
  min-height: 300px;

  -webkit-animation: float 30s ease-in-out infinite;
          animation: float 30s ease-in-out infinite;

}
.containerqwe  .fire23576.debug {
  border: 1px solid red;
}
.containerqwe  .fire23576.debug .fire23576-front span,
.containerqwe  .fire23576.debug .fire23576-mid span,
.containerqwe  .fire23576.debug .fire23576-back span {
  background: none;
  border-radius: 0px;
  border: 1px solid blue;
}

.containerqwe  .fire23576 .fire23576-front {
  position: absolute;
  width: 60px;
  height: 120px;
  bottom: 20px;
  left: 50%;
  margin-left: -30px;
  z-index: 4;
}
.containerqwe  .fire23576 .fire-front span {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border-radius: 50%;
  opacity: 0;
  background-color: #ecf0f1;
  background: radial-gradient(ellipse at center, #ecf0f1 0%, #ecf0f1 25%, rgba(236, 240, 241, 0) 100%);

}
.containerqwe  .fire23576 .fire-mid {
  position: absolute;
  width: 100px;
  height: 180px;
  bottom: 15px;
  left: 50%;
  margin-left: -50px;
  z-index: 3;
}
.containerqwe  .fire23576 .fire-mid span {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border-radius: 50%;
  opacity: 0;
  background-color: #f1c40f;
  background: radial-gradient(ellipse at center, #f1c40f 0%, #f1c40f 25%, rgba(241, 196, 15, 0) 100%);
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
  -webkit-animation-name: fireMid;
          animation-name: fireMid;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
.containerqwe  .fire23576 .fire-back {
  position: absolute;
  width: 140px;
  height: 240px;
  bottom: 5px;
  left: 50%;
  margin-left: -70px;
  z-index: 2;
}
.containerqwe  .fire23576 .fire-back span {
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  border-radius: 50%;
  opacity: 0;
  background-color: #e67e22;
  background: radial-gradient(ellipse at center, #e67e22 0%, rgba(230, 126, 34, 0) 100%);
  -webkit-transform: translateX(0) translateY(0);
          transform: translateX(0) translateY(0);
  -webkit-animation-name: fireBack;
          animation-name: fireBack;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}


.background {
 
  background-repeat: no-repeat;
  background-size: 1024px 800px;
  background-position: center;
  position: absolute;
  top: 0;
  left: -40px;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: float 30s ease-in-out infinite;
          animation: float 30s ease-in-out infinite;
  z-index: 1;
}






























































































































@keyframes ani10561 {

 

      100%{
			  
    transform:    translateX(270px) translateY(-600px)  rotate(180deg);	
  
    
  }
}







	#monetapolcyndyk {
		position: absolute;
    top: 153px;  
left:602px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10598132 2s linear infinite   ;
    	z-index:1010;
    	display:none;
}




@keyframes ani10598132 {

 

      100%{
			  
    transform:    translateX(-490px) translateY(-280px)  rotate(-180deg);	
  
    
  }
}



	#monetapolcyndyk2 {
		position: absolute;
    top: 153px;  
left:602px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10598132 2s linear infinite   ;
    	z-index:1010;
    	display:none;
}



	#monetapolcyndyk3 {
		position: absolute;
    top: 153px;  
left:602px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10598132 2s linear infinite   ;
    	z-index:1010;
    	display:none;
}



	#energiepol {
		position: absolute;
    top: 153px;  
left:602px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10598 2s linear infinite   ;
    	z-index:702;
    	display:none;
}




@keyframes ani10598 {

 

      100%{
			  
    transform:    translateX(-270px) translateY(-300px)  rotate(-180deg);	
  
    
  }
}


	#energiepol2 {
		position: absolute;
    top: 153px;  
left:602px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10598 2s linear infinite   ;
    	z-index:702;
    	display:none;
}




	#energiepol3 {
		position: absolute;
    top: 153px;  
left:602px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10598 2s linear infinite   ;
    	z-index:702;
    	display:none;
}


























@keyframes ani10561 {

 

      100%{
			  
    transform:    translateX(270px) translateY(-600px)  rotate(180deg);	
  
    
  }
}


	#monetapolet {
		position: absolute;
		top:550px;
		left: 60px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10561 2s linear infinite   ;
    	z-index:300;
    	display:none;
}





@keyframes ani10562 {

 

      100%{
			  
    transform:    translateX(270px) translateY(-600px)  rotate(180deg);	
  
    
  }
}


	#monetapolet2 {
		position: absolute;
		top:550px;
		left: 60px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10562 2s linear infinite   ;
    	z-index:300;
    	display:none;
}









	#monetapolet3 {
		position: absolute;
		top:550px;
		left: 60px;
    width: 45px;
    height: 45px;
    
      filter: blur(0px);
    	animation: ani10563 2s linear infinite   ;
    	z-index:300;
    	display:none;
}



@keyframes ani10563 {

 

      100%{
			  
    transform:    translateX(270px) translateY(-600px)  rotate(180deg);	
  
    
  }
}






#cyndyk {
	position:absolute;
	top:574px;
	left:5px;
 width: 140px;
 z-index:1;

cursor:pointer;
}

#chest .cls-1 {
  fill: #573e1d;
}
#chest .cls-2 {
  fill: #3c2415;
}
#chest .cls-3 {
  fill: #f7bc49;
}
#chest .cls-4 {
  fill: #885d26;
}
#chest .cls-5 {
  fill: #3a2415;
}
#chest .cls-6 {
  fill: #f9ed24;
}
#chest .cls-7 {
  -webkit-clip-path: url(#clip-path);
          clip-path: url(#clip-path);
}
#chest .cls-8 {
  -webkit-clip-path: url(#clip-path-2);
          clip-path: url(#clip-path-2);
}
#chest .cls-9 {
  -webkit-clip-path: url(#clip-path-3);
          clip-path: url(#clip-path-3);
}
#chest .cls-10 {
  fill: #ffe30a;
}
#chest .cls-11 {
  -webkit-clip-path: url(#clip-path-4);
          clip-path: url(#clip-path-4);
}
#chest .cls-12,
#chest .cls-17 {
  fill: none;
  stroke: #3c2415;
  stroke-miterlimit: 10;
}
#chest .cls-12 {
  stroke-width: 22.6px;
}
#chest .cls-13 {
  -webkit-clip-path: url(#clip-path-5);
          clip-path: url(#clip-path-5);
}
#chest .cls-14 {
  fill: #fed00d;
}
#chest .cls-15 {
  -webkit-clip-path: url(#clip-path-6);
          clip-path: url(#clip-path-6);
}
#chest .cls-16 {
  fill: #5b3d1b;
}
#chest .cls-17 {
  stroke-width: 23.52px;
}
#chest .cls-18 {
  -webkit-clip-path: url(#clip-path-7);
          clip-path: url(#clip-path-7);
}
#chest .cls-19,
#chest .cls-24,
#chest .cls-25,
#chest .cls-26 {
  fill: #fff;
}
#chest .cls-19 {
  opacity: 0.34;
}
#chest .cls-20 {
  -webkit-clip-path: url(#clip-path-8);
          clip-path: url(#clip-path-8);
}
#chest .cls-21 {
  -webkit-clip-path: url(#clip-path-9);
          clip-path: url(#clip-path-9);
}
#chest .cls-22 {
  -webkit-clip-path: url(#clip-path-10);
          clip-path: url(#clip-path-10);
}
#chest .cls-23 {
  fill: #f9ed32;
}
#chest .cls-24 {
  opacity: 0.65;
}
#chest .cls-25 {
  opacity: 0.86;
}
#chest .cls-1 {
  fill: #573e1d;
}
#chest .cls-2 {
  fill: #3c2415;
}
#chest .cls-3 {
  fill: #f7bc49;
}
#chest .cls-4 {
  fill: #885d26;
}
#chest .cls-5 {
  fill: #3a2415;
}
#chest .cls-6 {
  fill: #f9ed24;
}
#chest .cls-7 {
  -webkit-clip-path: url(#clip-path);
          clip-path: url(#clip-path);
}
#chest .cls-8 {
  -webkit-clip-path: url(#clip-path-2);
          clip-path: url(#clip-path-2);
}
#chest .cls-9 {
  -webkit-clip-path: url(#clip-path-3);
          clip-path: url(#clip-path-3);
}
#chest .cls-10 {
  fill: #ffe30a;
}
#chest .cls-11 {
  -webkit-clip-path: url(#clip-path-4);
          clip-path: url(#clip-path-4);
}
#chest .cls-12,
#chest .cls-17 {
  fill: none;
  stroke: #3c2415;
  stroke-miterlimit: 10;
}
#chest .cls-12 {
  stroke-width: 22.6px;
}
#chest .cls-13 {
  -webkit-clip-path: url(#clip-path-5);
          clip-path: url(#clip-path-5);
}
#chest .cls-14 {
  fill: #fed00d;
}
#chest .cls-15 {
  -webkit-clip-path: url(#clip-path-6);
          clip-path: url(#clip-path-6);
}
#chest .cls-16 {
  fill: #5b3d1b;
}
#chest .cls-17 {
  stroke-width: 23.52px;
}
#chest .cls-18 {
  -webkit-clip-path: url(#clip-path-7);
          clip-path: url(#clip-path-7);
}
#chest .cls-19,
#chest .cls-24,
#chest .cls-25,
#chest .cls-26 {
  fill: #fff;
}
#chest .cls-19 {
  opacity: 0.34;
}
#chest .cls-20 {
  -webkit-clip-path: url(#clip-path-8);
          clip-path: url(#clip-path-8);
}
#chest .cls-21 {
  -webkit-clip-path: url(#clip-path-9);
          clip-path: url(#clip-path-9);
}
#chest .cls-22 {
  -webkit-clip-path: url(#clip-path-10);
          clip-path: url(#clip-path-10);
}
#chest .cls-23 {
  fill: #f9ed32;
}
#chest .cls-24 {
  opacity: 0.65;
}
#chest .cls-25 {
  opacity: 0.86;
}

#chest-sparkles,
#chest-lock,
#chest-top,
#chest-bottom {
  -webkit-transform-origin: 250px 200px;
          transform-origin: 250px 200px;
}

#chest.shake-chest #chest-lock {
  -webkit-animation: shakeChestTop 1.2s infinite ease;
          animation: shakeChestTop 1.2s infinite ease;
}
#chest.shake-chest #chest-bottom {
  -webkit-animation: shakeChestBottom 1.2s infinite ease;
          animation: shakeChestBottom 1.2s infinite ease;
}
#chest.shake-chest #chest-top {
  -webkit-animation: shakeChestTop 1.2s infinite ease;
          animation: shakeChestTop 1.2s infinite ease;
}
#chest.shake-chest #chest-sparkles {
  -webkit-animation: shakeChestTop 1.2s infinite ease;
          animation: shakeChestTop 1.2s infinite ease;
}
#chest.open #chest-lock {
  -webkit-animation: openLock 3s ease forwards;
          animation: openLock 3s ease forwards;
}
#chest.open #chest-top {
  -webkit-animation: openChestTop 3s ease forwards;
          animation: openChestTop 3s ease forwards;
}
#chest.open #chest-sparkles {
  opacity: 0;
  transition: .6s ease;
}

#chest-sparkles #sparkle_mid {
  opacity: 0;
  -webkit-animation: fadeIn 2s infinite alternate;
          animation: fadeIn 2s infinite alternate;
}
#chest-sparkles #sparkle_left {
  opacity: 0;
  -webkit-animation: fadeIn 2s infinite alternate 0.75s;
          animation: fadeIn 2s infinite alternate 0.75s;
}
#chest-sparkles #sparkle_right {
  opacity: 0;
  -webkit-animation: fadeIn 2s infinite alternate 1.5s;
          animation: fadeIn 2s infinite alternate 1.5s;
}

#open {
  background: #D8127D;
  color: #FFF101;
  padding: 15px 40px;
  font-weight: 700;
  border-radius: 5px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  display:none;
}

#restart {
  color: #FFF101;
  font-weight: 500;
  margin-top: 20px;
  cursor: pointer;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes shakeChestBottom {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  15% {
    -webkit-transform: translateY(-5px) rotate(-2deg);
            transform: translateY(-5px) rotate(-2deg);
  }
  25% {
    -webkit-transform: translateY(-10px) rotate(0deg);
            transform: translateY(-10px) rotate(0deg);
  }
  60% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
}
@keyframes shakeChestBottom {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  15% {
    -webkit-transform: translateY(-5px) rotate(-2deg);
            transform: translateY(-5px) rotate(-2deg);
  }
  25% {
    -webkit-transform: translateY(-10px) rotate(0deg);
            transform: translateY(-10px) rotate(0deg);
  }
  60% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes shakeChestTop {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  15% {
    -webkit-transform: translateY(-10px) rotate(2deg);
            transform: translateY(-10px) rotate(2deg);
  }
  25% {
    -webkit-transform: translateY(-20px) rotate(-2deg);
            transform: translateY(-20px) rotate(-2deg);
  }
  35% {
    -webkit-transform: translateY(-20px) rotate(2deg);
            transform: translateY(-20px) rotate(2deg);
  }
  60% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
}
@keyframes shakeChestTop {
  0% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
  15% {
    -webkit-transform: translateY(-10px) rotate(2deg);
            transform: translateY(-10px) rotate(2deg);
  }
  25% {
    -webkit-transform: translateY(-20px) rotate(-2deg);
            transform: translateY(-20px) rotate(-2deg);
  }
  35% {
    -webkit-transform: translateY(-20px) rotate(2deg);
            transform: translateY(-20px) rotate(2deg);
  }
  60% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
  }
}
@-webkit-keyframes openLock {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  8% {
    -webkit-transform: rotate(4deg) scale(1);
            transform: rotate(4deg) scale(1);
    opacity: 1;
  }
  17% {
    -webkit-transform: rotate(-6deg) scale(1);
            transform: rotate(-6deg) scale(1);
    opacity: 1;
  }
  24% {
    -webkit-transform: rotate(5deg) scale(1);
            transform: rotate(5deg) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: rotate(-8deg) scale(1);
            transform: rotate(-8deg) scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: rotate(-8deg) scale(2);
            transform: rotate(-8deg) scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(2);
            transform: rotate(0deg) scale(2);
    opacity: 0;
  }
}
@keyframes openLock {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  8% {
    -webkit-transform: rotate(4deg) scale(1);
            transform: rotate(4deg) scale(1);
    opacity: 1;
  }
  17% {
    -webkit-transform: rotate(-6deg) scale(1);
            transform: rotate(-6deg) scale(1);
    opacity: 1;
  }
  24% {
    -webkit-transform: rotate(5deg) scale(1);
            transform: rotate(5deg) scale(1);
    opacity: 1;
  }
  30% {
    -webkit-transform: rotate(-8deg) scale(1);
            transform: rotate(-8deg) scale(1);
    opacity: 1;
  }
  45% {
    -webkit-transform: rotate(-8deg) scale(2);
            transform: rotate(-8deg) scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(2);
            transform: rotate(0deg) scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes openChestTop {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  45% {
    -webkit-transform: translateY(-8%);
            transform: translateY(-8%);
    opacity: 1;
  }
  75% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
  }
}
@keyframes openChestTop {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
  45% {
    -webkit-transform: translateY(-8%);
            transform: translateY(-8%);
    opacity: 1;
  }
  75% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-20%);
            transform: translateY(-20%);
    opacity: 0;
  }
}






#personag{
	width:190px;
	height:190px;
}

#personag222{
	width:187px;
	height:187px;
}

#personag333{
	width:184px;
	height:184px;
}


#cm507{
        position:absolute;
        top:0px;
        left:0px;
        z-index:505;
}

#content {
    
    position:absolute;
    
    
  width: 840px;
  margin: 10px auto;

  min-height: 200px;

  top: -50px;
  left: 62.5px;

  padding: 20px;
  z-index:509;
  display:none;
}

#ocnava123 {
  padding: 300px 0px 20px 0px;
  overflow: hidden;
  width: 840px;
  height: 300px;
  text-align: center;
}

#box1,#box2,#box3 {
  position: relative;
  float: left;
  margin: 20px;
}

#box1,#box2,#box3 {
  overflow: hidden;
  width: 240px;
  height: 184px;
}

#box1 #box_o_t,#box2 #box_o_t,#box3 #box_o_t {
  left: 0px;
  position: relative;
  top: 0px;
  z-index: 100;
}

#box1 #box_o_b,#box2 #box_o_b,#box3 #box_o_b {
  left: 0px;
  position: relative;
  top: -33px;
  z-index: 300;
}

#personagp {
  position: absolute;
  z-index: 200;
  top: -100px;
  left: 0px;
  display: none;
}

#personagp2 {
  position: absolute;
  z-index: 200;
  top: -100px;
  left: 0px;
  display: none;
}






#personagp3{
  position: absolute;
  z-index: 200;
  top: -100px;
  left: 0px;
  display: none;
}






#msg_bd {
  position: absolute;
  top: 100px;
  left: 0px;
  width: 860px;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  color: #fff;
}

.color_0 {
  background-color: #70B3CD !important;
}

.color_1 {
  background-color: #B12F2F !important;
}

.color_2 {
  background-color: #1F8E1A !important;
}



#heading {
  position: absolute;
  top: 40px;
  left: 20px;
  font-size: 39px;
  font-weight: bold;
  color: #555;
}

.hide {
  display: none;
}

#start_game {
  cursor: pointer;
  margin: 0 auto;
  border: 1px solid #e7a943;
  border-bottom-color: #d6982f;
  border-top-color: #f5b74e;
  color: #623f1d;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  padding: 10px 18px;
  text-decoration: none;
  text-shadow: 0 1px 0 #fede9d;
  -moz-box-shadow: 0px 1px 2px #d9d9d9, inset 0px 1px 0px #ffe598;
  -webkit-box-shadow: 0px 1px 2px #d9d9d9, inset 0px 1px 0px #ffe598;
  box-shadow: 0px 1px 2px #d9d9d9, inset 0px 1px 0px #ffe598;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background-color: #feda71;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#feda71), to(#febb49));
  background-image: -webkit-linear-gradient(top, #feda71, #febb49);
  background-image: -moz-linear-gradient(top, #feda71, #febb49);
  background-image: -ms-linear-gradient(top, #feda71, #febb49);
  background-image: -o-linear-gradient(top, #feda71, #febb49);
  background-image: linear-gradient(top, #feda71, #febb49);
  display:none;
}

#start_game:hover {
  background-color: #fee296;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fee296), to(#fec166));
  background-image: -webkit-linear-gradient(top, #fee296, #fec166);
  background-image: -moz-linear-gradient(top, #fee296, #fec166);
  background-image: -ms-linear-gradient(top, #fee296, #fec166);
  background-image: -o-linear-gradient(top, #fee296, #fec166);
  background-image: linear-gradient(top, #fee296, #fec166);
}




















/*    тултип 1     */



[tooltip] {
  position: relative; 

}


[tooltip]::before,
[tooltip]::after {
  text-transform: none; 
  font-size: .9em ; 


 
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip]::before {
  content: '';
  border: 5px solid transparent; 
  z-index: 1001; 

}
[tooltip]::after {
  content: attr(tooltip); 
  

  

  

  
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
 	  text-align:center;
  position: absolute;
  padding: 5px;               
  font: 16px Arial;        
/*background: rgba(234, 214, 175, 0.95);  */



background: #f0d44b; 

color:#2a1a0b;

  
   border:solid 1px #2a1a0b;     
  border-radius: 5px;            
  pointer-events: none;
  
}

#Слой_1:hover ~ [tooltip]::before,
#Слой_1:hover ~ [tooltip]::after,
[tooltip]:hover::before,
[tooltip]:hover::after {
  display: block;
}


[tooltip='']::before,
[tooltip='']::after {
  display: none !important;
}

[tooltip]:not([flow])::before,
[tooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow^="up"]::before,
[tooltip][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}


[tooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip][flow^="down"]::before,
[tooltip][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}


[tooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}
[tooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}


[tooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}
[tooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}


@-webkit-keyframes tooltips-vert {
  to {
   opacity: 1; 
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
 opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
 opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

#Слой_1:hover ~ [tooltip]:not([flow])::before,
#Слой_1:hover ~ [tooltip]:not([flow])::after,
#Слой_1:hover ~ [tooltip][flow^="up"]::before,
#Слой_1:hover ~ [tooltip][flow^="up"]::after,
#Слой_1:hover ~ [tooltip][flow^="down"]::before,
#Слой_1:hover ~ [tooltip][flow^="down"]::after,

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow^="up"]:hover::before,
[tooltip][flow^="up"]:hover::after,
[tooltip][flow^="down"]:hover::before,
[tooltip][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

#Слой_1:hover ~ [tooltip][flow^="left"]::before,
#Слой_1:hover ~ [tooltip][flow^="left"]::after,
#Слой_1:hover ~ [tooltip][flow^="right"]::before,
#Слой_1:hover ~ [tooltip][flow^="right"]::after,
[tooltip][flow^="left"]:hover::before,
[tooltip][flow^="left"]:hover::after,
[tooltip][flow^="right"]:hover::before,
[tooltip][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}



















[tooltip4] {
  position: relative; 

}


[tooltip4]::before,
[tooltip4]::after {
  text-transform: none; 
  font-size: .9em ; 


 
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip4]::before {
  content: '';
  border: 5px solid transparent; 
  z-index: 1001; 

}
[tooltip4]::after {
   content: attr(tooltip4); 
  

  

  

  
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
    text-align:center;
  position: absolute;
  padding: 5px;               
  font: 16px Arial;        
/*background: rgba(234, 214, 175, 0.95);  */



background: #f0d44b; 

color:#2a1a0b;

  
   border:solid 1px #2a1a0b;     
  border-radius: 5px;            
  pointer-events: none;
  
}


[tooltip4]:hover::before,
[tooltip4]:hover::after {
  display: block;
}


[tooltip4='']::before,
[tooltip4='']::after {
  display: none !important;
}

[tooltip4]:not([flow])::before,
[tooltip4][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip4]:not([flow])::after,
[tooltip4][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip4]:not([flow])::before,
[tooltip4]:not([flow])::after,
[tooltip4][flow^="up"]::before,
[tooltip4][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}


[tooltip4][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip4][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip4][flow^="down"]::before,
[tooltip4][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}


[tooltip4][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}
[tooltip4][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}


[tooltip4][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}
[tooltip4][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}


@-webkit-keyframes tooltips-vert {
  to {
   opacity: 1; 
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
 opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
 opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

[tooltip4]:not([flow]):hover::before,
[tooltip4]:not([flow]):hover::after,
[tooltip4][flow^="up"]:hover::before,
[tooltip4][flow^="up"]:hover::after,
[tooltip4][flow^="down"]:hover::before,
[tooltip4][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip4][flow^="left"]:hover::before,
[tooltip4][flow^="left"]:hover::after,
[tooltip4][flow^="right"]:hover::before,
[tooltip4][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}





































  #zatemnenie201{ 
position: absolute;
top:0px;
left: 0px;
width: 100%; 
height: 100%;

background: #000;
 z-index:400;

opacity: 0.7;
display:none;

}









/*    тултип 1  тултип одинарный для всех   */



[tooltip5] {
  position: relative; 

}


[tooltip5]::before,
[tooltip5]::after {
  text-transform: none; 
  font-size: .9em ; 


 
  line-height: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[tooltip5]::before {
  content: '';
  border: 5px solid transparent; 
  z-index: 1001; 

}
[tooltip5]::after {
  content: attr(tooltip5); 
  

  

  

  
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
 	  text-align:center;
  position: absolute;
  padding: 5px;               
  font: 16px Arial;        




/*background: rgba(255, 255, 255, 0.95); */

background: #f0d44b; 

color:#2a1a0b;

  
   border:solid 1px #2a1a0b;          
  border-radius: 5px;            
  pointer-events: none;
  
}


[tooltip5]:hover::before,
[tooltip5]:hover::after {
  display: block;
}


[tooltip5='']::before,
[tooltip5='']::after {
  display: none !important;
}

[tooltip5]:not([flow])::before,
[tooltip5][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip5]:not([flow])::after,
[tooltip5][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip5]:not([flow])::before,
[tooltip5]:not([flow])::after,
[tooltip5][flow^="up"]::before,
[tooltip5][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}


[tooltip5][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip5][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip5][flow^="down"]::before,
[tooltip5][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}


[tooltip5][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}
[tooltip5][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}


[tooltip5][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}
[tooltip5][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}


@-webkit-keyframes tooltips-vert {
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltips-vert {
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltips-horz {
  to {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltips-horz {
  to {
    opacity: 1;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

[tooltip5]:not([flow]):hover::before,
[tooltip5]:not([flow]):hover::after,
[tooltip5][flow^="up"]:hover::before,
[tooltip5][flow^="up"]:hover::after,
[tooltip5][flow^="down"]:hover::before,
[tooltip5][flow^="down"]:hover::after {
  -webkit-animation: tooltips-vert 300ms ease-out forwards;
          animation: tooltips-vert 300ms ease-out forwards;
}

[tooltip5][flow^="left"]:hover::before,
[tooltip5][flow^="left"]:hover::after,
[tooltip5][flow^="right"]:hover::before,
[tooltip5][flow^="right"]:hover::after {
  -webkit-animation: tooltips-horz 300ms ease-out forwards;
          animation: tooltips-horz 300ms ease-out forwards;
}





[tooltip6] {
  position: relative; 

}


[tooltip6]::before,[tooltip6]::after {


  white-space:pre-wrap;

 

  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
 /* opacity: 1; */
}
[tooltip6]::before {
  content: '';
  border: 5px solid transparent; 
  z-index: 30000000000000000000000; 
  

}
[tooltip6]::after {
  content: attr(tooltip6); 
    min-width: 11em;
	  text-align:center;
  position: absolute;
  padding: 5px;               
  font: 16px Arial;        




/*background: rgba(255, 255, 255, 0.95); */

background: #f0d44b; 

color:#2a1a0b;


  
   border:solid 1px #2a1a0b;       
  border-radius: 5px;            
  pointer-events: none;


}

#pa3:hover ~ [tooltip6]::before,
#pa3:hover ~ [tooltip6]::after,
[tooltip6]:hover::before,
[tooltip6]:hover::after {
  display: block;
}


[tooltip6='']::before,
[tooltip6='']::after {
  display: none;
}

[tooltip6]:not([flow])::before,
[tooltip6][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[tooltip6]:not([flow])::after,
[tooltip6][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[tooltip6]:not([flow])::before,
[tooltip6]:not([flow])::after,
[tooltip6][flow^="up"]::before,
[tooltip6][flow^="up"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, -.5em);
          transform: translate(-50%, -.5em);
}


[tooltip6][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[tooltip6][flow^="down"]::after {
  top: calc(100% + 5px);
}
[tooltip6][flow^="down"]::before,
[tooltip6][flow^="down"]::after {
  left: 50%;
  -webkit-transform: translate(-50%, .5em);
          transform: translate(-50%, .5em);
}


[tooltip6][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}
[tooltip6][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  -webkit-transform: translate(-.5em, -50%);
          transform: translate(-.5em, -50%);
}


[tooltip6][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}
[tooltip6][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  -webkit-transform: translate(.5em, -50%);
          transform: translate(.5em, -50%);
}


@-webkit-keyframes tooltip3s-vert {
  to {
 /* opacity: 1; */
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}
@keyframes tooltip3s-vert {
  to {
    /*opacity: 1;*/
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
  }
}

@-webkit-keyframes tooltip3s-horz {
  to {
   /* opacity: 1;*/
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

@keyframes tooltip3s-horz {
  to {
   /*  opacity: 1; */
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}




#pa3:hover ~ [tooltip6]:not([flow])::before,
#pa3:hover ~ [tooltip6]:not([flow])::after,
#pa3:hover ~ [tooltip6][flow^="up"]::before,
#pa3:hover ~ [tooltip6][flow^="up"]::after,
#pa3:hover ~ [tooltip6][flow^="down"]::before,
#pa3:hover ~ [tooltip6][flow^="down"]::after,


[tooltip6]:not([flow]):hover::before,
[tooltip6]:not([flow]):hover::after,
[tooltip6][flow^="up"]:hover::before,
[tooltip6][flow^="up"]:hover::after,
[tooltip6][flow^="down"]:hover::before,
[tooltip6][flow^="down"]:hover::after {
  -webkit-animation: tooltip3s-vert 0ms ease-out forwards;
          animation: tooltip3s-vert 0ms ease-out forwards;
}


#pa3:hover ~ [tooltip6][flow^="left"]::before,
#pa3:hover ~ [tooltip6][flow^="left"]::after,
#pa3:hover ~ [tooltip6][flow^="right"]::before,
#pa3:hover ~ [tooltip6][flow^="right"]::after,


[tooltip6][flow^="left"]:hover::before,
[tooltip6][flow^="left"]:hover::after,
[tooltip6][flow^="right"]:hover::before,
[tooltip6][flow^="right"]:hover::after {
  -webkit-animation: tooltip3s-horz 0ms ease-out forwards;
          animation: tooltip3s-horz 0ms ease-out forwards;
}