@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap');
html, body{
	margin:0;
	padding:0;
	}
	@keyframes enotBig{
		0%{
			width: 180px;
		}
		100%{
			width: 250px;
		}
	}		 
	#test777{
		animation: enotBig  forwards linear 0.5s;
		
		

	}
 body {
 background-image: url(sky.jpg); 
 background-size: cover;
 background-attachment: fixed;
margin:0;

 }
 #reset{
	width: 10px;
	height: 10px;
	background: #00fcff;
	position: absolute;
	top:0px;
	left:0px;
	z-index: 1000;
 }
 #bd{background-image: url(new.jpg); 
	background-size: cover;
	background-attachment: fixed;
    margin:0;}
 
 #baza{
	 
	max-width:1300px;
	
	position:relative;
	margin: 0 auto;
 }
 #phoneM{
	 display:none;
 }
 
 #hapka{
		   width:100%; 
		   height: 80px;
		   background-color: #fff;
		   margin: 0 auto;
		   border-radius:10px;
		   box-shadow: 0px 0px 4px 5px rgba(0,0,0,0.1) ;
		  }
 #hapkaM{
		   width:500px; 
		   height: 80px;
		   display:none;
		   margin: 0 auto;
		   
		  }
		  
#hapkatekstN{
			
padding-top:20px;		
padding-left: 19%;
font-size: 36px;		
 color:#676868;
  
			}
#hapkatekstNM2{
			
margin-left:80px;
  
			}
#hapkatekstNM{
position:absolute;
font-size:220%;
color:#fff;	
top:10spx;
left:18px;
  
			}
			
#logo {
	width: 93.6px;
	position: absolute;
	left: 3%;
	top:-9px;
	
	}
#logo:hover{
				
				transform:scale(1.97);
				top:10px;
			
}	
 
 #tel{
			position:absolute;
			width:12.0%;
			height:60px;
            top:1px;		
			left: 85.1%;
			z-index:3000;
            cursor:pointer;
			
			
 }
 
 #tel2{
					
			width:27%;
			position:absolute;
           top:20px;
  		
		left:0px;

		}
#tel2:hover{
        transform: rotate(-20deg);	
			}
#tel3{
			top:15px;
			left:27.3%;
			position:absolute;
 font-size: 26px;
 color:#18b0f5;
 
			}
#tel4{
    top:36px;
	left:41.4%;
	position:absolute;
    font-size: 26px;
    color:#18b0f5;
			}
			
#par3{
		width:30.76%;
		position:absolute;
        top: -400px;
		left: 67.68%;
		z-index:200;

		  }
#e1new{
	width:250px;
	position:absolute;
	top:-445px;
	left:20px;
	opacity:0;
	z-index:200;
}
#e2new{
	width:350px;
	position:absolute;
	top:-420px;
	left:26px;
	opacity:1;
	z-index:200;
}		
	  
			

			
#knopk{
				
				width:100%;
	height:100px;
	
	margin: 0 auto;
		margin-top:10px;		
			
			}
			
#knop{
			float:left;
			margin-left:2.69%;
			width:15.38%;
			height:90px;
			font-size:140%;
		cursor:pointer;
			

			}
		
		
		#knop3{
			float:left;
			width:15.38%;
			height:90px;
			font-size:140%;
	cursor:pointer;
			margin-left:0.46%;
			}
		
		
		#knop4{
			float:left;
			width:15.38%;
			height:90px;
			font-size:140%;
			margin-left:0.46%;
			cursor:pointer;
			}
		
		#knop5{
			float:left;
			width:15.38%;
			height:90px;
			font-size:140%;
		margin-left:0.46%;
		cursor:pointer;
		
			}
			
			#knop6{
				float:left;
			width:15.38%;
			height:90px;
			font-size:140%;
		margin-left:0.46%;
		cursor:pointer;
		
			}
			#knop7{
				float:left;
			width:15.38%;
			height:90px;
			font-size:115%;
			margin-left:0.46%;
			cursor:pointer;
			
			}				
			#fotografii{
				
				position:relative;
		width:100%; 
		   height: 100px;
		   
		   margin: 0 auto;
		   }

#textFoto1{
	position:fixed;
	text-align:center;
	width:22%;
	line-height:20px;
	background:#fff;
	border-radius:10px;
	display:none;
	
}
#textFoto2{
	position:fixed;
	text-align:center;
	width:22%;
	line-height:20px;
	background:#fff;
	border-radius:10px;
	display:none;
}
#textFoto3{
	position:fixed;
	text-align:center;
	width:22%;
	line-height:20px;
	background:#fff;
	border-radius:10px;
	display:none;
}
#textFoto4{
	position:fixed;
	text-align:center;
	width:22%;
	line-height:20px;
	background:#fff;
	border-radius:10px;
	display:none;
}



#logo2{
		position: absolute;
		top: 45px;
		left: 34.6%;
		width: 21%;
		cursor:pointer;
		
		
		 
	}
	#logo2Sh{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 34.9%;
		top:222px;
		
		z-index:-100;
		 transform: rotate(-6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.6);
	}
#logo2Sh2{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 44.8%;
		top:222px;
		
		z-index:-100;
		 transform: rotate(6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.6);
	}
	
		      
		    #logo2:hover {
                 position: absolute;
		top: 45px;
		left: 34.6%;
		width: 38.4%;
		cursor:pointer;
		z-index:100;
			  
} 
	
		#logo3{
		position: absolute;
		top: 100px;
		left: 73.07%;
		width: 21%;
		
		
		
		cursor:pointer;
		}
		#logo3Sh{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 73.37%;
		top:275px;
		
		z-index:-100;
		 transform: rotate(-6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.6);
	}
#logo3Sh2{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 83.27%;
		top:275px;
		
		z-index:-100;
		 transform: rotate(6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.6);
	}
	
   #logo3:hover {
          position: absolute;
		top: 100px;
		left: 57.69%;
		width: 38.4%;
		
		
		cursor:pointer;
		z-index:100;
		
} 

#logo4:hover {
       	position: absolute;
		top: 170px;
		left: 34.23%;
		width: 38.4%;
	

		
		cursor:pointer;
		z-index:100;	  
		
} 
		   
			#logo4{
		position: absolute;
		top: 270px;
		left: 43.84%;
		width: 21%;
	
	

		
		cursor:pointer;
		
	}
		#logo4Sh{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 44.14%;
		top:465px;
		
		z-index:-100;
		 transform: rotate(-6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.6);
	}
      #logo4Sh2{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 54.04%;
	   top:465px;
		
		z-index:-100;
		 transform: rotate(6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.6);
	}
#logo5:hover {
       position: absolute;
		top: 200px;
		left: 6.92%;
		width: 38.4%;
		
	
		cursor:pointer;
		z-index:100;	  
		
} 
		   
	
			#logo5{
		position: absolute;
		top: 200px;
		left: 6.92%;
		width: 21%;
	    cursor:pointer;
		}
		#logo5Sh{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 7.22%;
		top:374px;
		
		z-index:-100;
		 transform: rotate(-6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.8);
	}
      #logo5Sh2{
		position:absolute;
		width:10.5%;
		height:4.5px;
		left: 17.12%;
	   top:374px;
		
		z-index:-100;
		 transform: rotate(6deg);
		box-shadow: 0 15px 10px rgba(0,0,0,0.8);
	}
		
		
			#logo6{
		position: absolute;
		top: 500px;
		left: 570px;
		width: 250px;
		border: 2px;
		border-radius:10px;
		
		
	}


   #contakt2{
			   
			   
			   
			   
			   
			width:100%;
			height:600px;
			background-color:#fff;
			position: absolute;
			top: 10px;
			left: 0px;  
			display: none;
			 box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
			   
		   }
		   

		 #ugolt{
			   z-index:700;
			   position:absolute;
			  top:0px;
			  left:96.92%;
			   width:2.3%;
			   height:30px;
			  
			  cursor:pointer;
		   }
		 #ugolokt{
			   font-size:40px;
			  color:#00c0ff;
		   }
   


#zk{
	
	position: absolute;
	top:0px;
	left:53.5%;
    font-size: 36px;
}

#nc{
	
	position: absolute;
	
	top:0x;
	left:3.8%;
	font-size: 36px;
	
}

#nct{
	
	position: absolute;
	font-size: 180%;
	top:100px;
	left:75px;
	font-family: Monotype Corsiva Cursive;
	
}
#vod{
	
	position: absolute;
	
	top:100px;
	left:3.07%;
	
}
#nct3{
	
	position: absolute;
	font-size: 180%;
	top:200px;
left:75px;;
	font-family: Monotype Corsiva Cursive;
	
}
#vod3{
	
	position: absolute;
	
	top:200px;
	left:3.07%;
	
}







#nct6{
	
	position: absolute;
	font-size: 120%;
	top:410px;
	left:75px;
	
	font-family: Monotype Corsiva Cursive;
}
#vod6{
	
	position: absolute;
	
	top:400px;
	left:3.07%;
	
}


#nct5{
	
	position: absolute;
	font-size: 120%;
	top:360px;
	left:75px;
	
	font-family: Monotype Corsiva Cursive;
}
#vod5{
	
	position: absolute;
	
	top:350px;
   left:3.07%;
	
}





#nct4{
	
	position: absolute;
	font-size: 120%;
	top:310px;
	left:75px;
	
	font-family: Monotype Corsiva Cursive;
}
#vod4{
	
	position: absolute;
	
	top:300px;
	left:3.07%;
	
}



#nct2{
	
	position: absolute;
	font-size: 180%;
	top:150px;
	left:75px;
	
	font-family: Monotype Corsiva Cursive;
}
#vod2{
	
	position: absolute;
	
	top:150px;
	left:3.07%;
	
}





#vvod1{
	
  
	width:38.45%;
	position:absolute;
	top:100px;
height:50px;
	left:53.8%;
	
}



#tat{
	
  font-style:arial;
	width:38.45%;
	height:180px;
	position:absolute;
	top:200px;
font-size:120%;
	left:53.8%;
	
}
#s{
	position:absolute;
	top:410px;
	left:53.8%;
	}
.am{
	 color:#000;
     text-decoration:none;
}
.am2{
	 color:#fff;
     text-decoration:none;
}
#rizo{
font-family:arial;
width:100%;
height:1000px;
background-color:#fff;
position: absolute;
top: 10px;
left: 0px;  
z-index: -1;
opacity:0;
 box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
	
}
.rizo2{
	position:absolute;		   
	top:40px;
	 left: 57.38%;
	width:38.46%;
	
}
 #rizot{
			  
line-height: 180%;
font-family:arial;
font-size: 20px;
width:53.84%;
height:800px;
position: absolute;
top: 10px;
left: 10px;  
}
#rizot2{
line-height: 180%;
font-family:arial;
font-size: 20px;
width:99.23%;
position: absolute;
top: 490px;
left: 0.73%;  
}
	

#ugol6{
z-index:700;
position:absolute;
top:0px;
left:96.92%;
width:2.3%;
height:30px;
cursor:pointer;
		   }
#ugolok6{
 font-size:40px;
color:#00c0ff;
		   }
 #ugolok6:hover {
 color:#ff00f6;
			  }	 
	
#kur{
font-family:arial;
width:100%;
height:865px;
background-color:#fff;
position: absolute;
top: 10px;
left: 0px;  
z-index: -1;
opacity:0;
 box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
	
}
#kurt2{
line-height: 180%;
font-family:arial;
font-size: 20px;
width:98%;
position: absolute;
top: 480px;
left: 0.76%;  
			}
#kurt{
line-height: 180%;
font-family:arial;
font-size: 20px;
width:38.46%;
position: absolute;
top: 10px;
left: 0.76%;   
			}
.banner{
	width:5%;
}
.slayd2{
	position:relative;
	top:0px;
	left: 42%;
	width:5px;
	height:200px;

	}
.slayd3{
	position:relative;
	top:110px;
	left: 42.61%;
	width:5px;
	height:100px;
	
	
	
}
.kur{
width:100%;	
	
}
.kurM{
width:100%;	
	
}		
.srt3{
position:absolute;	
color:838687;
left:72%;
font-size: 24px;
top: -0px;	
font-style:italic;
	
}

#srt5{
font-style:italic;
position:absolute;
left:72%;
font-size: 24px;
top: 36px;	
}	
.kur{
	width:71.42%;
}	
.kurM{
	width:100%;
}
#ugolok5:hover {
 color:#ff00f6;
			  }	 

 #ro{
font-family:arial;
width:100%;
height:1000px;
background-color:#fff;
position: absolute;
top: 10px;
left: 0px;  
display:none;
box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
}
	  #ro2{
			  
		line-height: 180%;
	    font-family:arial;
	    font-size: 20px;
	    width:50%;
	    height:800px;
		position: absolute;
		top: 10px;
		left: 10px;  
		z-index:55;  
			  
			  
		  }
		  

#puh {
    width: 225px;
    position: absolute;
    top: 170px;
    left: 23.3%;
    opacity: 1;
    z-index: 100;
}
#puh2{
	width:225px;
			  position:absolute;
			  top:200px;
			  left: 53.07%; 
			  opacity:0;
			  z-index:100;
}
#puh3{
	width:225px;
			  position:absolute;
			  top:215px;
			  left: 50%; 
			  opacity:0;
			 z-index:100;
}



#dp{
	width:535px;
			  position:absolute;
			  top:80px;
			  left: 53.84%; 
			  z-index:10;
			  
}
#dp2{
	width:535px;
			  position:absolute;
			  top:80px;
			  left: 53.84%;  
			  z-index:-100;
}
#ph{
	width:535px;
			  position:absolute;
			  top:-1300px;
			   left: 53.84%;   
			  z-index:110;
			  opacity:0;
}
#ph2{
	width:535px;
			  position:absolute;
			  top:80px;
			   left: 53.84%;   
			  opacity:0;
			  z-index:1000;
			  
}

 #ugol4{
z-index:700;
position:absolute;
top:0px;
left:96.92%;
width:2.3%;
height:30px;
cursor:pointer;
		   }
#ugolok4{
 font-size:40px;
color:#00c0ff;
		   }
 #ugolok4:hover {
 color:#ff00f6;
			  }	
#predpr{
font-family:arial;
width:100%;
height:550px;
background-color:#fff;
position: absolute;
top: 10px;
left: 0px;  
opacity: 0;
z-index:-10;  
box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
}		   

#predpr2{
line-height: 180%;
font-family:arial;
font-size: 20px;
width:50%;

position: absolute;
top: 10px;
left: 10px;  
z-index:55;
}
		   
#pr1{
text-indent: 10px;
}   
 
		   
		 
		   
		
		    .atext{
			text-indent: 10px;
			
		}     
		       .atext2{
			
			font-style: italic;
		}  
		.atext3{
		font-weight: 800	;
		}
		.atext4{
		font-weight: 600	;
		}
		
		#atextid{
text-indent: 10px;
			}

.srt{
	margin-left:27.5%;
font-size: 28px;
margin-bottom: -20px;	
}


.srt2{
	

margin-left:20%;
font-size: 28px;
margin-bottom: -20px;	
	
}	

.slaydpr{
	
	top:-10px;
	left: 57.23%;
	width:5px;
	height:500px;
	position:absolute;
	
}

.sr{
	margin-top: 30px;
	width:100%;
}
 #ugolok3:hover {
              
			  color:#ff00f6;
			  
			  
} 
 #ugol3{
z-index:300;
position:absolute;
top:0px;
left:96.92%;
width:2.3%;
height:30px;
cursor:pointer;
		   }
#ugolok3{
font-size:40px;
color:#00c0ff;
}





#promo{
font-family:arial;
padding-left: 0px;
width:100%;
height:850px;
background-color:#fff;
position: absolute;
top: 10px;
left: 0px;  
display:none;
box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
}
#promotext{
line-height: 180%;
font-family:arial;
font-size: 20px;
width:50%;
height:800px;
position: absolute;
top: 10px;
left: 10px;  
z-index:55;
			} 
  
		     #promotext2{
			text-indent: 10px;
		}   		   
 #p1{
			   
			   
			  width: 38.46%;
			  position:absolute;
			  top:70px;
			  left: 57.38%;
             
			transition: opacity 1.5s;    			  
			   
			   
		   }
		   
		    #p2{
			   
			   
			   width: 38.46%;
			  position:absolute;
			  top:70px;
			  left: 57.38%;
              		  opacity: 0;
			transition: opacity 1.5s; 	  
			   
			   
		   }
		   
		   #p3{
			    width: 38.46%;
			  position:absolute;
			  top:70px;
			  left: 57.38%; 
              	  opacity: 0;
			transition: opacity 1.5s; 		  
			   }
		    
		    #ugol2{
z-index:700;
position:absolute;
top:0px;
left:96.92%;
width:2.3%;
height:30px;
cursor:pointer;
		  } 
		   
 #ugolok2{
      font-size:40px;
	color:#00c0ff;
			  
} 
	    #ugolok2:hover {
              
			  color:#ff00f6;
			  
			  
} 		   

#tabl{
font-family:arial;
padding-left: 0px;
width:100%;
height:1050px;
background-color:#cfcbcb;
position:absolute;
top:10px;
left:0px;
z-index:-10;
opacity: 0;
transition: opacity .5s;
box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
}
		   

#tabltext{
line-height: 180%;
font-family:arial;
font-size: 20px;
width:50%;
height:800px;
position: absolute;
top: 10px;
left: 10px;  
z-index:55;   
}
	 #t1{
			   width: 86.15%;
			  position:absolute;
			  top:70px;
			  left: 112.3%;
			   transition: opacity 1.5s; 
			   
		   }
		   
		    
		   #t2{
			    width: 86.15%;
			  position:absolute;
			  top:70px;
			  left: 112.3%;
			  opacity: 0;
			transition: opacity 1.5s; 
		   }
		   
		    
		   #t3{
			  width: 86.15%;
			  position:absolute;
			  top:70px;
			  left: 112.3%;
			 opacity: 0;
			transition: opacity 1.5s;  
			   
		   }
		    #t4{
			  width: 86.15%;
			  position:absolute;
			  top:70px;
			  left: 112.3%;
			 opacity: 0;
			transition: opacity 1.5s;  
			   
		   }
		    #t5{
			  width: 86.15%;
			  position:absolute;
			  top:70px;
			  left: 112.3%;
			 opacity: 0;
			transition: opacity 1.5s;  
			   
		   }
		   
		   	   
#ugol{
position:absolute;
top:-5px;
left:192.2%;
width:2.3%;
height:30px;
cursor:pointer;
		  } 
		   
#ugolok{
font-size:40px;
color:#00c0ff;
} 
		 
#ugolok:hover {
color:#ff00f6;
			  
			  
} 	 






#ugolokt:hover {
  color:#ff00f6;
} 

		   
	#fut{
	width: 100%;
	height: 250px;
	
	position:relative;
	top: 600px;
}

@keyframes testAr {
    0%{
        opacity: 0.4;
    }
    0.01%{
        opacity: 1;
    }
    9.99%{
        opacity: 1;
    }
    10%{
        opacity: 0.4;
    }
    100%{
        opacity: 0.4;  
    }
}

@keyframes testArEnd {
    0%{
        opacity: 0.4;
    }
    0.01%{
        opacity: 1;
    }
    29.99%{
        opacity: 1;
    }
    30%{
        opacity: 0.4;
    }
    100%{
        opacity: 0.4;  
    }
}
		 
#ar{
	
	
	position:absolute;
	left:28.46%;
	top:85px;
    opacity:0.4;
	animation:testAr 4.5s infinite;
	animation-delay: 0.45s;
} 
#ar2{
	
	
	position:absolute;

	
	left:30.76%;
	top:85px;

	opacity:0.4;
	animation:testAr 4.5s infinite;
	animation-delay: 0.9s;

} 
#ar3{
	
	
	position:absolute;

	
	left:33.07%;
	top:85px;

	opacity:0.4;
	animation:testAr 4.5s infinite;
	animation-delay: 1.35s;

} 
 #ar4{
	
	
	position:absolute;

	
	left:64.23%;
	top:85px;

	opacity:0.4;
	animation:testAr 4.5s infinite;
	animation-delay: 1.8s;

} 
#ar5{
	
	
	position:absolute;

	
	left:66.53%;
	top:85px;

	opacity:0.4;
	animation:testAr 4.5s infinite;
	animation-delay: 2.25s;
} 
#ar6{
	
	
	position:absolute;

	
	left:68.84%;
	top:85px;

	opacity:0.4;
	animation:testArEnd 4.5s infinite;
	animation-delay: 2.7s;

} 

@keyframes testTop {
    0%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
    0.01%{
		box-Shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
	    background:#fff;
		transform:scale(0.97);
       
    }
    89.9999%{
        box-Shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
	    background:#fff;
		transform:scale(0.97);
    }
    90%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
		background:#bbb9b9;
		transform:scale(1);
    }
    100%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
		background:#bbb9b9;
		transform:scale(1);
    }
}

@keyframes testTop2 {
    0%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
    30.1%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
    30.11%{
		box-Shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
	    background:#fff;
		transform:scale(0.97);
    }
    89.99%{
		box-Shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
	    background:#fff;
		transform:scale(0.97);
    }
    90%{
        box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
    100%{
        box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
}
@keyframes testTop3 {
    0%{
        box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
		background:#bbb9b9;
		transform:scale(1);
    }
    60.1%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
    60.11%{
		box-Shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
	    background:#fff;
		transform:scale(0.97);
    }
    89.99%{
        box-Shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
	    background:#fff;
		transform:scale(0.97);
    }
    90%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
    100%{
		box-Shadow:3px 3px 2px 2px rgba(0,0,0,0.2);  
	    background:#bbb9b9;
		transform:scale(1);
    }
}


#op{
	width:23.07%;
	height:200px;
	text-align:center;
	position:absolute;
	color:#151616;
	background:#e5dcdc;
	left:2.69%;
	top:0px;
	font-size:210%;
	opacity:1;
	border-radius: 20px;
	box-shadow:3px 3px 2px 2px rgba(0,0,0,0.2);
	animation:testTop 4.5s infinite;
	
}
#op:hover {
            box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
			  background-color:#fff;
			  transform:scale(0.97);
			  cursor:pointer;
			  
} 
#op2:hover {
            box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
			  background-color:#fff;
			  transform:scale(0.97);
			  cursor:pointer;
			  
} 
#op2{
	width:23.07%;
	height:200px;
	text-align:center;
	position:absolute;
	color:#151616;
	background:#e5dcdc;
	left:38.46%;
	top:0px;
	font-size:210%;
	opacity:1;
	border-radius: 20px;
	box-shadow:3px 3px 2px 2px rgba(0,0,0,0.2);
	animation:testTop2 4.5s infinite;
	
}
#op3:hover {
            box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);  
			  background-color:#fff;
			  transform:scale(0.97);
			  cursor:pointer;
			  
} 
#op3{
	width:23.07%;
	height:200px;
	text-align:center;
	position:absolute;
	color:#151616;
	background:#e5dcdc;
	left:74.23%;
	top:0px;
	font-size:210%;
	opacity:1;
	border-radius: 20px;
	box-shadow: 3px 3px 2px 2px rgba(0,0,0,0.2);
	animation:testTop3 4.5s infinite;
}
#op4{
	width:100%;
	height:120px;
	
	position:absolute;
	color:#fff;
	background:#7a7575;
	left:0px;
	top:400px;
	font-size:120%;
	opacity:1;
	
}
#te1{
	position:relative;
	top:70px;
	
	
}
#te2{
	position: relative;
	top:105px;
	text-align:center;
	
}
#te3{
	position: absolute;
	top:140px;
   left:6.66%;
	
}
 
#te4{
	position:relative;
	top:70px;
	}
#te5{
	position: absolute;
	top:105px;
	
left:18.66%;
	
}
#te6{
	position: absolute;
	top:140px;
	
left:30%;
	
}
#te7{
	position:relative;
	top:70px;
	
	}
#te8{
	position: absolute;
	top:105px;
	
left:6.66%;
	
}
#te9{
	position: absolute;
	top:140px;
	
left:30%;
	
}
#te10{
	position: absolute;
	top:25px;
	
left:6%;
	
}
#te11{
	position: absolute;
	top:75px;
	font-size:80%;
left:6%;
	
}
		   
		      
.des{
	
	position:absolute;
	top:10px;
	left:41.66%;
	
}

#pr1{
	
	margin-left:16px;
	
}	
		   
		   
#te12{
	position: absolute;
	top:75px;
	font-size:80%;
left:34.61%;
	
}
#te13{
	position: absolute;
	top:75px;
	font-size:80%;
left:46.15%;
	
}
#te14{
	position: absolute;
	top:75px;
	font-size:80%;
left:57.69%;
	
}
#niz2{
	position: absolute;
	top:75px;
	width:15px;
left:33.07%;
	
}
#niz3{
	position: absolute;
	top:75px;
	width:15px;
left:44.61%;
	
}
#niz1{
	position: absolute;
	top:75px;
	width:15px;
left:56.15%;
	
}		   
		   
#chrift3{
	 

	font-family: 'Caveat', cursive;
	 font-size:120%;
	 transform: rotate(-2deg);
	 
	 
	 position:absolute;
	 top: 80px;
	 left: 74%;
 } 		
		   
		   
	 
		  
		  	 
		 
 @keyframes rot{
	0%{
		transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
	}
}		 

	
 #g{
	
	position:absolute;
	top:10px;
	left:0px;
	animation: rot 5s infinite;
	
	
}

#ugol5{
 position:absolute;
top:0px;
left:96.92%;
width:2.3%;
height:30px;
cursor:pointer;
		  } 
#ugolok5{
 font-size:40px;
color:#00c0ff;
			  
} 


		   
 
 

#pr2{
	
	margin-left:65px;
	
}
#e2{
	
	position:absolute;
	top:100px;
	left:0px;
	display:none;
}


#e3{
	
	position:absolute;
	top:200px;
	left:0px;
	
}
#e4{
	
	position:absolute;
	top:200px;
	left:0px;
	display:none;
}
#e5{
	
	position:absolute;
	top:300px;
	left:0px;
	
}
#e6{
	
	position:absolute;
	top:300px;
	left:320px;
	display:none;
}







#telmob7{
			
			
           display:none;
 
			}



#kont{
		
 
	width:1200px;
	height:100px;
	background:blue;
	margin: 0 auto;
	
}







   	
 
 #chrift2{
	 

	font-family: 'Caveat', cursive;
	 font-size:200%;
	 transform: rotate(-5deg);
	 
	 
	 position:absolute;
	 top: 500px;
	 left: 400px;
 }
 
 
 
 
 
 
 

  #tes{
				width:300px; 
		   height: 800px;
		   background-color: #fff;
		  
		   
		   display: block;
		  
		   
		   
			}
 
 
 
 #hapka2{
				width:1300px; 
		   height: 80px;
		   background-color: #fff;
		   margin: 0 auto;
		   
		   display: block;
		  
		   
		   
			}
 
			
			#podkl{
					width:250px; 
		   height: 100px;
			
				position:absolute;
				
				top:-10px;
				left:1050px;
			}
			
	
				
						
 		
			
			
					
			
	
								
 		#telmob{
	

           display:none;
 
			}
			
		#telmob2{
			
			display:none;
}
									
 		#telmob3{
			
		display:none;
 
			}
			
			
									
 		#telmob4{
			
		
           display:none;
 
			}
			
									
 		#telmob5{
			
		display:none;
 
			}
			#telmob6{
		display:none;
 
			}
			
				
			
			
 	
				#teld{
			position:absolute;
			width:220px;
			height:60px;
top:-75px;		
			left: 1068px;
			z-index:3000;
 
  cursor:pointer;
 
			}
					#tel22{
					
			
			position:absolute;
 top:10px;
  		
		left:-10px;
       display:none;
		}
			
			
			
			
			
		
	
				#tel2k{
					
			
			position:absolute;
 top:10px;
  
		left:-10px;
display:none;
		}
		#tel2k2{
					
			
			position:absolute;
 top:10px;
  
		left:-10px;

		}
		
		
		
		
		
		
		
		
		
		
		
		
			
			
			
 
 
#enot {
	color:#ff00cc;
	text-align:center;
	font-size: 1000%;
}
	h2{
	color:#ff00cc;
	text-align:center;
	font-size: 400%;
	}
	body {
		background-color:#00fcff;
	}
	#uslugi {
		color:#ff6600;
		font-size: 300%
	}
	.stil{
		color:#ff007e;
	}
	button  {
		color:#ff00cc;
		font-size: 10%;
	}
	#butt {
		font-size: 100%;
	
		
		
	
	
	}
	
	
	
	
	
	
	.knopV{
		position:absolute;
		top:1140px;
		left:1190px;
		width: 100px;
		height:50px;
		z-index:3000;
		font-size:150%;
	color:#18b0f5;
		
	}
	  
		 
		 
		 
		 
		   
	
 
		     
	
		  
		  
		  
		  
		  
		
	
	

		
	#ogol {
	
	width:1300px;
			height:1000px;
     position:relative;
		background-color:#fff;
		   margin: 0 auto;
		   
		  
}
		


		#bu2 {
		
		
		z-index:5;width:300px;
		height: 300px;
		color:#fff;
		text-align: center;
		font-size:100px;
		display:none;}
		
		.st{color:#04fc04;
	text-align:center;
	font-size: 800%;
	
		}
		.zeti{
	z-index:5;
		}
		.zeti2{
			z-index:1;
		}
	
	#test{
		color:#fff;
		font-size: 700px;
	}
	.foto{
		width:400px;
		height:400px;
	margin: 0 auto;
	position: relative;
	cursor:pointer;}
	
	.f1{
		width:100%;
		position: absolute;
		top: 0;
		left: 0;
      		
		}	
		
	.f2{
		width:100%;	
		position: absolute;
		top: 0;
		left: 0;
	
	
	}
	.f3{
		width:100%;
		position: absolute;
        top: 0;
		left: 0;		}
		
		
	
		
		.c{
		
		opacity: 0;
		
			}
			
			
			.c1{
		opacity: 1;
		transition: opacity 15s;
			}
			
			
			
			
			
			
			
						
			
			
					
		
	
			
		
		
		
		
		
		
		   
		  
		   
		   #predpr31{
			   
			   display:none;
		   }
		   
		  #tekst{
			  
margin-top:70px;
			  
			  color:#a5899d; 
			  
		  }
		    
		   #predpr32{
			   
			   display:none;
		   }
		   
		  #tekst2{
			  
margin-top:70px;
			  
			  color:#a5899d; 
			  
		  }
		   
		    
		   #predpr33{
			   
			   display:none;
		   }
		   
		  #tekst3{
			  
margin-top:70px;
			  
			  color:#a5899d; 
			  
		  }
		   
		    
		   #predpr34{
			   
			   display:none;
		   }
		   
		  #tekst4{
			  
margin-top:70px;
			  
			  color:#a5899d; 
			  
		  }
		   
		  
		   #predpr35{
			   
			   display:none;
		   }
		   
		  #tekst5{
			  
margin-top:70px;
			  
			  color:#a5899d; 
			  
		  }
		     
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   #predpr21 {
			   
			   
			   font-family:arial;
			   padding-left: 10px;
		   }
		   
		   
		  


		  #pys2{
			  font-weight: 700;
			 margin-left:10px;   
			   
			   color:#ff004d;   
			   
		   }
		     .pys3{
			  font-weight: 520;
			margin-left:10px;
			    font-size:19px;
		   }
		   
		    .pys4{
			  
			margin-left:10px;
			    
		   }
		   
		   
		   
		   
		   
		   
		 
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   #prs{
			   
			  font-weight: bold;
			 margin-left:10px;   
			   
			   
			   
		   }
		   
		     #prs2{
			   
			  font-weight: 550;
			 margin-left:10px;   
			   
			   color:#ff004d;
			   
		   }
		   #prs3{
			   
			  
			 margin-left:10px;   
			   
			 
			   
		   }
		   #prs4{
			   
			
			 margin-left:10px;   
			   
			   
			   
		   }
		   #prs5{
			   
			 
			 margin-left:10px;   
			   
			
			   
		   }
		   #prs6{
			   
			  
			 margin-left:10px;   
			   
			   
			   
		   }
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		  
		  
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		   
		    
		   #tps8{
			 
			 margin-left:10px;  
			   }
		    
		   #tps7{
			 
			 margin-left:10px;  
			   }
		   
		   #tps6{
			 font-weight: bold;
			 margin-left:10px;  
			   }
		     #tps5{
		font-weight: 600;	
			 
color:#ff004d;			 
			   }
		   #tps4{
			font-weight: 600;
			 margin-left:10px;
color:#ff004d;			 
			   }
		   #tps3{
			 
			 margin-left:10px;  
			   }
		   #tps2{
			 font-weight: bold;
			 margin-left:10px;  
			   }
		   
		   #tps{
			 font-weight: bold;
			   
			   }
		   #tp1{
			  margin-left:10px; 
			   
			   }
		   
		   #ztp{
			margin-top:20px;   
			  margin-left:10px;  
			  font-family:arial; 
			  font-weight: bold;
			
			  color:#ff004d;
		   }
		   
		 
		  
		   
		   
		   
		   
		   
	
	
	



#dvi{
	background-color:#fff;
	width:1000px;
	height:1500px;
}




.atext5{
	
	font-style:italic;
	
}


	#animey{
		position:absolute;
		width:100px;
	height:150px;
	background-color:#f70f0f;
	z-index:100;
	display:none;
	}







  
	h2{
	color:#000;
}	   
		























#rando1{
	
	display:none;
}
#rando2{
	
	display:none;
}
#rando3{
	
	display:none;
}
#rando4{
	
	display:none;
}
#rando5{
	z-index:20000
	
}

#probel{
	margin-top:-57px;
	
}






@media screen and (max-width: 1230px) {
	#probel{
	margin-top:-40px;
	
}
	
}
@media screen and (max-width: 1250px) {
	 #rizot2{
top: 450px;

 }
	
}
@media screen and (max-width: 1299px) {
		#logo2Sh{
		display:none;
		}
#logo2Sh2{
	display:none;
	}
		#logo3Sh{
		display:none;
		}
#logo3Sh2{
	display:none;
	}
		#logo4Sh{
		display:none;
		}
#logo4Sh2{
	display:none;
	}
		#logo5Sh{
		display:none;
		}
#logo5Sh2{
	display:none;
	}
	
	#logo2{
border-radius:10px;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);  
		}
#logo3{
border-radius:10px;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2); 
		}
#logo4{
border-radius:10px;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2);  
		}
#logo5{
border-radius:10px;
box-shadow: 5px 5px 0 0 rgba(0,0,0,0.2); 
		}

#ugolokt{
		font-size:3.07vw;
			  
}
#ugolok6{
		font-size:3.07vw;
			  
}	
#ugolok5{
 font-size:3.07vw;

			  
} 
#ugolok4{
 font-size:3.07vw;

			  
} 
#ugolok3{
 font-size:3.07vw;

			  
} 
#ugolok2{
 font-size:3.07vw;

			  
} 
#ugolok{
 font-size:3.07vw;

			  
} 
	
	#knop{
			
		font-size:1.7vw;	
			}
		
		
		#knop3{
			font-size:1.7vw;	
			
			}
		
		
		#knop4{
			font-size:1.7vw;	
			
			}
		
		#knop5{
			font-size:1.7vw;	
			}
			
			#knop6{
			
		font-size:1.7vw;	
			}
			#knop7{
			
			font-size:1.4vw;	
			}
#ro2{
font-size:1.5vw;
}			
	
	#kurt{
font-size:1.5vw;
}
 #kurt2{
font-size:1.5vw;

 }			
	
	#rizot{
font-size:1.5vw;
}
 #rizot2{
font-size:1.5vw;

 }
.srt3{
font-size: 1.84vw;
}
#srt5{

font-size: 1.84vw;
	
}		
#hapkatekstN{
		 
		 
		 
		 

	font-size:2.7vw;
	
}
#tel3{
	
 font-size: 2vw;
 
 
			}
					#tel4{
			
 font-size:2vw;
  
			}
#zk{
	
	
    font-size: 2.7vw;
}

#nc{
	
	
	font-size:2.7vw;
	
}
.srt{
	
font-size: 2.15vw;
	
}
.srt2{
	
font-size: 2.15vw;
	
}
#op{
font-size: 2.6vw;	
}
#op2{
font-size: 2.6vw;	
}
#op3{
font-size: 2.6vw;	
}
#predpr2{
font-size:1.5vw;
}
#promotext{
font-size:1.5vw;
			} 
#tabltext{
font-size:1.5vw;
}
#te10{
font-size:1.45vw;
}
#te11{
font-size:1vw;
	
}
		   
#te12{
	font-size:1.2vw;
	
}
#te13{
	font-size:1.2vw;
	
}
#te14{
	font-size:1.2vw;
	
}
#chrift3{
	 
font-size:1.7vw;
 } 		
		 
}







@media screen and (max-width: 500px) {

#e1new{
	position:fixed;
	
}
#e2new{
	position:fixed;
	
}		
 #hapkaM{
		display:block;
}

 #hapka{
		display:none;
}
   	
#logoM{
	position:absolute;
	left:150px;
	top:80px;
	width: 200px;
}		

#knopk {
  
    margin-top: 200px;
}
#knop {
   
    margin-left: 2.5%;
    width: 95%;
    height: 50px;
    font-size: 140%;
    cursor: pointer;
}
#knop3 {
   
    margin-left: 2.5%;
	margin-top: 5px;
    width: 95%;
    height: 50px;
    font-size: 140%;
    cursor: pointer;
}
#knop4 {
   
    margin-left: 2.5%;
	margin-top: 5px;
    width: 95%;
    height: 50px;
    font-size: 140%;
    cursor: pointer;
}
#knop5 {
   
    margin-left: 2.5%;
	margin-top: 5px;
    width: 95%;
    height: 50px;
    font-size: 140%;
    cursor: pointer;
}
#knop6 {
   
    margin-left: 2.5%;
	margin-top: 5px;
    width: 95%;
    height: 50px;
    font-size: 140%;
    cursor: pointer;
}
#knop7 {
   
    margin-left: 2.5%;
	margin-top: 5px;
    width: 95%;
    height: 50px;
    font-size: 140%;
    cursor: pointer;
}
#fotografii {
    top:220px;
}
#logo5 {
    position: absolute;
    top: 45px;
    left: 2.5%;
    width: 55%;
    cursor: pointer;
}
#logo5:hover {
    position: absolute;
    top: 45px;
    left: 2.5%;
    width: 60%;
    cursor: pointer;
    z-index: 100;
}
#logo2 {
    position: absolute;
    top: 225px;
    left: 45%;
    width: 55%;
    cursor: pointer;
}
#logo2:hover {
     position: absolute;
    top: 225px;
    left: 38%;
    width: 60%;
    cursor: pointer;
}
#logo3 {
    position: absolute;
    top: 405px;
    left: 2.5%;
    width: 55%;
    cursor: pointer;
	z-index: 1;
}
#logo3:hover {
     position: absolute;
    top: 405px;
    left: 2.5%;
    width: 60%;
    cursor: pointer;
	z-index: 100;
}
#logo4 {
    position: absolute;
    top: 585px;
    left: 45%;
    width: 55%;
    cursor: pointer;
	z-index: 0;
}
#logo4:hover {
     position: absolute;
    top: 585px;
    left: 38%;
    width: 60%;
    cursor: pointer;
    z-index: 100;
}
#textFoto4{
	opacity: 0;
	line-height:30px;
	font-size:150%;
	width:50%;
	display:block;
	transition:opacity 0.7s ;
	
}
#textFoto3{
	opacity: 0;
	line-height:25px;
	font-size:150%;
	width:35%;
	display:block;
	transition:opacity 0.7s ;
	
}
#textFoto2{
	opacity: 0;
	line-height:30px;
	font-size:150%;
	width:40%;
	display:block;
	transition:opacity 0.7s ;
	
}
#textFoto1{
	opacity: 0;
	line-height:30px;
	font-size:150%;
	width:50%;
	display:block;
	transition:opacity 0.7s ;
	
	
}

#par3{
	position:fixed;
width:65%;
left: 33%;
}
#e1new{
	position:fixed;
}
#e2new{
	position:fixed;
}		  
#fut{
top:1000px;	
}
#op3{
	width:70%;
	height:200px;
	
	position:absolute;
	color:#151616;
	background:#e5dcdc;
	left:15%;
	top:0px;
	font-size:210%;
	opacity:1;
	border-radius: 20px;
	box-shadow:3px 3px 2px 2px rgba(0,0,0,0.2);
	
}
.des {
    width:20%;
    top: 10px;
    left: 42%;
}
#te1 {
    
    top: 75px;
   
}
#te2 {
    position: absolute;
    top: 110px;
    left: 13.6%;
}
#te3 {
    position: absolute;
    top: 145px;
    left: 13.6%;
}
#te4{
top:80px;
}
#te5{
	top: 115px;
    left: 24%;
}
#te6 {
    
    top: 150px;
    left: 34%;
}
#op2{
	width:70%;
	height:200px;
	
	position:absolute;
	color:#151616;
	background:#e5dcdc;
	left:15%;
	top:300px;
	font-size:210%;
	opacity:1;
	border-radius: 20px;
	box-shadow:3px 3px 2px 2px rgba(0,0,0,0.2);
	
}
#op{
	width:70%;
	height:200px;
	
	position:absolute;
	color:#151616;
	background:#e5dcdc;
	left:15%;
	top:600px;
	font-size:210%;
	opacity:1;
	border-radius: 20px;
	box-shadow:3px 3px 2px 2px rgba(0,0,0,0.2);
	
}
#op4{
	height:360px;
	top:900px;
}
#ar6{
	width:10%;
	transform: rotate(-90deg);
	left:45%;
	top:205px;
} 
#ar5{
	width:10%;
	transform: rotate(-90deg);
	left:45%;
	top:230px;
} 
#ar4{
	width:10%;
	transform: rotate(-90deg);
	left:45%;
	top:255px;
} 
 #ar3{
	width:10%;
	transform: rotate(-90deg);
	left:45%;
	top:505px;
} 
#ar2{
	width:10%;
	transform: rotate(-90deg);
	left:45%;
	top:530px;
} 
#ar{
	width:10%;
	transform: rotate(-90deg);
	left:45%;
	top:555px;
} 
#te8{
	position: absolute;
	top:105px;
	left:13%;
	}
#te7{
top:75px;

	}
#te9{
	position: absolute;
	top:140px;
	left:33%;
	}
#te10{
	
	left:50px;
font-size:4vw;
}
#te10m{
	
	margin-left:40px;

}
#te11{
	position: absolute;
	top:75px;
	font-size:80%;
left:6%;
opacity:0;
	
}
#te14{
	position: absolute;
	top:95px;
	font-size:80%;
left:57.69%;
	
}
#niz2{
	position: absolute;
	top:130px;
	width:40px;
left:27%;
	
}
#niz3{
	position: absolute;
	top:190px;
	width:40px;
left:27%;
	
}
#niz1{
	position: absolute;
	top:240px;
	width:40px;
left:10%;
	
}	
#te13{
	top:190px;
	font-size:6vw;
	left:37%;
	
}	
#te12{
	top:130px;
	font-size:6vw;
	left:37%;
	
} 
#te14{
	
top:240px;
	font-size:5.4vw;
	left:20%;
	
	
} 
#chrift3{
	 top: 290px;
	 left: 30%;
	 font-size:5vw;
	 } 		

#tabl{

height:1640px;


}	
	
	 #tabltext{
		
font-size:4vw;
width:95%;

			}	
#ugol{
left:460px;
width:10px;
height:10px;
			
		  } 
		  #ugolok{
font-size:8vw;
			
		  } 

#probel{
	margin-top:280px;
	
}
	   
#t1{
width: 90%;
top:350px;
left: 5%;
			   }
#t2{
width: 90%;
top:350px;
left: 5%;
		   }
		   
#t3{
width: 90%;
top:350px;
left: 5%;
			   }
 #t4{
width: 90%;
top:350px;
left: 5%;
			   }
#t5{
width: 90%;
top:350px;
left: 5%;
			   }

#promotext{
font-size:4vw;
width:95%;
} 
#promotext3{
margin-top:330px;
}
#promo{

height:1400px;

}
#p1{
width: 90%;
top:270px;
left: 5%;
			   }
#p2{
width: 90%;
top:270px;
left: 5%;
		   }
		   
#p3{
width: 90%;
top:270px;
left: 5%;
}
#ugol2{
left:470px;
width:10px;
height:10px;
} 
		  #ugolok2{
font-size:8vw;
			
		  } 
		  

#predpr2{
font-size:4vw;
width:95%;
z-index:-2;
		} 
#predpr{
height:1150px;
		} 
#pr1{
	margin-top: 400px;
	}		
 .slaydpr{
	top:350px;
	left: 10%;
	width:5px;
	height:400px;
	position:absolute;
}
.srt{
	font-size: 4.55vw;
	}
.srt2{
	font-size: 4.55vw;
	}
#ugol3 {
	
 left:470px;
width:10px;
height:10px;
}
  #ugolok3{
font-size:8vw;
			} 
		  
#puh {
    width: 112px;
    position: absolute;
    top: 110px;
    left: 8.3%;
    opacity: 1;
    z-index: 100;
}
#puh2{
	width:112px;
			  position:absolute;
			  top:91px;
			  left: 42.07%; 
			  opacity:0;
			  z-index:100;
}
#puh3{
	width:112px;
			  position:absolute;
			  top:106px;
			  left: 39%; 
			  opacity:0;
			 z-index:100;
}



#dp{
	width:267px;
			  position:absolute;
			  top:30px;
			  left: 43.84%; 
			  z-index:10;
			  opacity:1;
}
#dp2{
	width:267px;
			  position:absolute;
			  top:30px;
			  left: 43.84%;  
			  z-index:-100;
}
#ph{
	width:267px;
			  position:absolute;
			  top:-1000px;
			   left: 43.84%;   
			  z-index:110;
			  opacity:0;
}
#ph2{
	width:267px;
			  position:absolute;
			  top:30px;
			   left: 43.84%;   
			  opacity:0;
			  z-index:1000;
			  
}		
#ro2{
	font-size:3.5vw;
	}
#atextId2{
	width:490px;
    font-size:4vw;
	margin-top:100px;
	}
#ro{
	height:1250px;
}
#ugol4 {
	top:-5px;
 left:470px;
width:10px;
height:10px;
}
  #ugolok4{
font-size:8vw;
			} 
#kur{
	height:1750px;
}
#kurt {
	font-size:4vw;
	width:95%;
	left:10px;
}
#kurt2 {
	font-size:4vw;
	width:95%;
    top: 850px;
	left:10px;
}
.slayd2{
	position:relative;
	top:500px;
	left: 8%;
	width:5px;
	height:200px;

	}
.slayd3{
	position:relative;
	top:530px;
	left: 10%;
	width:5px;
	height:100px;
	
}
.srt3{
	font-size: 3.4vw;
}
#srt5{
	font-size: 3.4vw;
}
#ugol5 {
	left:470px;
	width:10px;
	height:10px;
}
#ugolok5{
	font-size:8vw;
			} 
#rizot{
	width:95%;
	top: 10px;
	font-size:4vw; 
}
#rizot2{
	left:10px;
	width:95%;
	font-size:4vw; 
	}
.rizo2{
	top:770px;
	left: 5%;
	width:90%;
}

#ugol6 {
 left:470px;
width:10px;
height:10px;
}	

 #ugolok6{
font-size:8vw;
			} 
 #phoneM{
	display:block;
	text-align:center;
	position:fixed;
	top:500px;
	left:365px;
	width:120px;
	height:120px;
	z-index:20;
	background:#00e4ff;
	border-radius:50%;
	box-shadow:  0 0 10px 2px #7e7e7e;
	border: 1px solid #949c9a;
	opacity:0;
	z-index:-100;
	
	
}
#phoneMT
{
	font-size:3vw;
	position:relative;
	top:25px;
}
#ruka{
	position:relative;
	top:25px;
	width:50px;
	left:7px;
}

	

#phoneM:active {
    transform:scale(0.97);
	box-shadow: 0 0 0px 100px rgba(0,0,0,.05) inset;
	
	
}
#nc{
	position: absolute;
	top:0x;
	left:14%;
	font-size: 8vw;
	
}
  #contakt2{
	width:100%;
	height:820px;
	background-color:#fff;
	position: fixed;
	top: 0px;
	left: 0px;  
	display: none;
	box-shadow: 4px 4px 12px 5px rgba(34, 60, 80, 0.2); 
	opacity:0.95;
			   }
	 
 #chrift2{
	 font-family: 'Caveat', cursive;
	 font-size:200%;
	 transform: rotate(-5deg);
	 position:absolute;
	 top: 720px;
	 left: 70px;
 }
 
 	   
#nc{
	
	position: relative;
	top:400px;
	left:0;
	font-size: 7vw;
	text-align:center;
}  
#nct2{
	position: absolute;
	font-size: 7vw;
	top:500px;
	left:155px;
	font-family: Monotype Corsiva Cursive;
}
#nct{
	position: absolute;
	font-size: 7vw;
	top:550px;
	left:155px;
	font-family: Monotype Corsiva Cursive;
}
#nct3{
	position: absolute;
	font-size: 7vw;
	top:600px;
    left:155px;
	font-family: Monotype Corsiva Cursive;
}
#nct4{
	position: absolute;
	font-size: 5vw;
	top:650px;
    left:70px;
	font-family: Monotype Corsiva Cursive;
}
#vod{
	position: absolute;
	top:503px;
	left:110px;
	width:30px;
	
}
#vod2{
	position: absolute;
	top:553px;
	left:110px;
	width:30px;
	
}
#vod3{
	position: absolute;
	top:603px;
	left:110px;
	width:30px;
	}
#vod4{
	position: absolute;
	top:645px;
	left:30px;
	width:30px;
	}
#zk{
	position: relative;
	top:-70px;
	left:0;
	font-size: 7vw;
	text-align:center;
}
#vod5{
	display:none;
}
#vod6{
	display:none;
	}
#nct5{
	display:none;
}
#nct6{
	display:none;
}

#vvod1{
	width:80%;
	top: 80px;
	height:50px;
	left:10%;
	font-size: 3vw;
}
#tat{
	width:80%;
	height:150px;
	top:150px;
    font-size:120%;
	left:10%;
	font-size: 3.5vw;
	}
#s{
	position:absolute;
	top:285px;
    left:10%;
	width:20%;
	}
	#ugolt {
	left:470px;
	width:10px;
	height:10px;
}
#ugolokt{
	font-size:8vw;
			} 
	
			
}