* {  
margin: 0;  
padding: 0;  
}  

html, body  {
	width: auto;
	padding:0;
	margin:0;
}

#bodybox{
	width:100%;
	float: left;
	background-color: #f9f9f9;
	z-index:0;
}

.zag{
	text-align:center;
	float:none;
	width:90%;
	margin-left:5%;
	color:#585656;
	font-family:Tahoma, sans-serif;
	margin-top:35px;
}
.abz{
	text-align:center;
	float:none;
	width:70%;
	margin-left:15%;
	color:#585656;
	font-size:19px;
	line-height:30px;
	margin-top:35px;
}


#bot{
	width:100%;
	min-height:50px;
	float: left;
	vertical-align:top;
	position: absolute;
	bottom:0;
	left:0;
	margin-top: 0;
	margin-bottom:0;
	background-color: #1D2AB4;
	z-index:0;

}

#shema{
	width:98%;
	margin-left:1%;
	background-color:#FFF;
	padding-bottom:50px;
}


#pic_ie{
	width:100%;
	float: left;
	margin:auto;
}

.ya{
	width:auto;	
	}
.ya_krug{
	width:230px;
	height:230px;
	vertical-align:central;
	}
.ya_razdel{
	width:50px;	
	text-align:center;
	vertical-align:central;	
	}
.ya_strela1{
	height:50px;
	text-align:center;	
	}

#str1{
	width:50px;
	height:50px;
	background-image:url(../imguser/strelki.png);
	background-position: right top;
	float:none;
	margin:auto;
}

#str2{
	width:50px;
	height:50px;
	background-image:url(../imguser/strelki.png);
	background-position: left top;
	float:none;
	margin:auto;
}
#str3{
	width:50px;
	height:50px;
	background-image:url(../imguser/strelki.png);
	background-position: left bottom;
	float:none;
	margin:auto;
}
#str4{
	width:50px;
	height:50px;
	background-image:url(../imguser/strelki.png);
	background-position: right bottom;
	float:none;
	margin:auto;
}


 #krug1:hover, #krug2:hover, #krug3:hover, #krug4:hover{
	width:110%;
	height:110%;
	margin-left:-5px;
}

.obol{
	width:100%;
	height:100%;
	float:left;
	position:relative;
	top:0;
	left:0;
}
#krug{
	width:100%;
	height:100%;
	background:url(../imguser/krug.png) no-repeat center;
	background-size: contain;
	transition: 0.5s;
	position:absolute;
	cursor:pointer;
	z-index:1;
}
#krug_big{
	width:100%;
	height:100%;
	background-color:#798f95;
	position:absolute;
	z-index:3;
	border-radius:50%;
	transition: 0.5s linear;
}

#krug_vn{
	width:100%;
	height:100%;
	background:url(../imguser/krug.png) no-repeat center;
	background-size: contain;
	transition: 0.5s;
	position:absolute;
	cursor:pointer;
	z-index:11;
}

#krug1{
	width:100%;
	height:100%;
	vertical-align:central;
	background:url(../imguser/krug-1.png) no-repeat  center;
	background-size:contain;
	transition: 0.5s linear;
	cursor:pointer;
	position:absolute;
	z-index:5;
}
#krug2{
	width:100%;
	height:100%;
	background:url(../imguser/krug-2.png) no-repeat top center;
	background-size: contain;
	transition: 0.3s linear;
	cursor:pointer;
	position:absolute;
	z-index:5;
}
#krug3{
	width:100%;
	height:100%;
	background:url(../imguser/krug-3.png) no-repeat top center;
	background-size:contain;
	transition: .4s linear;
	cursor:pointer;
	position:absolute;
	z-index:5;
}
#krug4{
	width:100%;
	height:100%;
	background:url(../imguser/krug-4.png) no-repeat center;
	background-size:contain;
	transition: .5s linear;
	cursor:pointer;
	position:absolute;
	z-index:5;
}
.opisitd{
	width:100%;
	vertical-align:central;
	font-style:italic;
	font-size:18px;
	position: relative;
	transition: .6s;
	float:none;
	visibility:hidden;
}


/*Преимущества*/


#box_priem{
	width:100%;
	float:left;
	background-color:#f9f9f9;
	padding-bottom:50px;
}


.body_spisok{
	width:100%;
	float:left;
	margin-top:15px;
}
.body_spisok_none{
	width:900px;
	height:75px;
	float: none;
	margin:0 auto;
}
.spisok_zag{
	width:90%;
	height:35px;
	float: left;
	line-height:25px;
	background-color:#f9f9f9;
	text-align: left;
	font-family:Tahoma, sans-serif;
	font-size:25px;
	color:#798f95;
	padding:5px 5% 5px 5%;
}
.spisok_text{
	width:90%;
	float: left;
	font-size:17px;
	text-align: left;
	color:#62646E;
	line-height:25px;
	padding:5px 5% 5px 5%;
}

.body_spisok_none:hover .span_f{
	color:#000;
}
.span_f{
	font-weight: bolder;
	font-size: 21px;
	transition:0.5s;
	color:#798f95;
	}




@keyframes myfirs_animation {
   from {
       width:30%;
	   opacity:0.7;
	   top:0;
	   }
   to {
      width:32%;
	   opacity:1;
   }
}

/* end instrumenty*/


/*instr*/

.universal_zag{
	width:100%;
	padding:30px 0px 30px 0px;
	float:left;
	font-size:25px;
	color:#585656;
	text-align:center;	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}


#box_instr{
	width:100%;
	float:left;
	padding:5px 0px 50px 0px;
	background-color:#FFF;
}
#box_instr_center{
	width:1600px;
	float: none;
	margin:0 auto;
	padding:20px 0px 20px 0px;
}
.instr_stolb{
	width:20%;
	height:430px;
	float: left;
	padding:20px 0px 20px 0px;	
	background-color:#FFF;
	position:relative;
}


.svyazka_lico_i_zag{
	width:100%;
	height: auto;
	float: left;
}

.stolb_zag{
	width:100%;
	float:left;
	margin-top:15px;
	font-size:25px;
	line-height:25px;
	color:#585656;
	text-align:center;	
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.stolb_lico{
	width:30%;
	height: auto;
	padding-top: 30%;
	float: left;
	margin:25px 0px 25px 35%;
	background-size: cover;
	background-repeat:no-repeat;
}

.stolb_telo{
	width:70%;
	float:left;
	padding:0 15% 0 15%;
	text-align:left;
	color:#585656;
	font-size:19px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.instr_stolb:hover .stolb_lico{
	background-position: right bottom;
	animation:myfirs_animation infinite 1s ease-in-out alternate;  
}
.instr_stolb:hover .stolb_telo{
	color:#FFF; 
}
.instr_stolb:hover .stolb_zag{
	color:#FFF; 
}
.instr_stolb:hover .perehod{
	visibility: visible;
}

.instr_stolb:hover { 	
	background-color:#798f95;
}



.obl_per{
	width:100%;
	float:left;
	background-color:#E4DA4A;
	margin-top:25px;
}
.perehod{
	width:auto;	
	height:35px;
	line-height:35px;
	padding:5px 15px 5px 15px;
	float: none;
	color:#585656;
	font-size:15px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-decoration:none;
	text-align:center;
	position:absolute;
	bottom:25px;
	background-color:#72EB83;
	visibility:hidden;
}



@keyframes myfirs_animation2 {
   from {
       width:60%;
	   padding-top:60%;
	   opacity:0.7;
	   top:0;
	   }
   to {
      width:70%;
	   padding-top:70%;
	   top:0;
	   opacity:1;
   }
}


/* end instr*/


/* end prig*/


#box_prig{
	width:100%;
	float:left;
	padding:px 0px 50px 0px;
	background-color:#f2f2f2;
}
.box_prig_center{
	width:1600px;
	height:75px;
	text-align:center;
	float: none;
	margin:0 auto;
	padding:20px 0px 10px 0px;
	font-size:35px;
	line-height:75px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}
.bt_begin{
	width:150px;
	height:35px;
	line-height:35px;
	padding:5px 15px 5px 15px;
	float: inherit;
	color:#000;
	font-size:18px;
	font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	text-decoration:none;
	text-align:center;
	position: relative;
	background-color:#72EB83;
}




/* end */


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

#box_instr_center{
	width:90%;
}

.stolb_zag{
	font-size:21px;
	line-height:35px;
}
.stolb_telo{
	font-size:17px;
	line-height:25px;
}

.box_prig_center{
	width: auto;
}

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

#box_instr_center{
	width:95%;
}

.stolb_zag{
	font-size:19px;
	line-height:30px;
}
.stolb_telo{
	font-size:15px;
	line-height:21px;
}

.instr_stolb{
	height:370px;
}

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

.body_spisok_none{
	width:90%;
	height: auto;
	margin-left:5%;
	float: left;

}

.spisok_zag{
	width:90%;
	height: auto;
	float: left;
	line-height:25px;
	font-size:21px;
	padding:5px 5% 5px 5%;
}


.stolb_zag{
	font-size:17px;
	line-height:25px;
}
.stolb_telo{
	font-size:13px;
	line-height:21px;
}



	}

@media screen and (max-width: 850px){	
.ya_krug{
	width:150px;
	height:150px;
	vertical-align:central;
	}
	.opisitd{
	font-size:15px;
}

.zag{
	width:90%;
	margin-left:5%;
	font-size:25px;
}
.abz{
	font-size:15px;
	line-height:25px;
	margin-top:25px;
}

}


@media screen and (max-width: 750px){	
#box_instr_center{
	width:100%;
}

.instr_stolb{
	width:100%;
	height:250px;
	float: left;
	padding:30px 0px 30px 0px;	
}

.svyazka_lico_i_zag{
	width:150px;
	height:150px;
}

.stolb_zag{
	width:100%;
	height:25px;
	float:left;
	font-size:18px;
	line-height:25px;
	top:0;
	margin:0;
	position:relative;
	
}

.stolb_lico{
	width:60%;
	padding-top:60%;
	height: auto;		
	top:0;
	margin:0 0 0 20%;
	background-repeat:no-repeat;
	float:left;
	clear:both;
}


.stolb_telo{	
	width: auto;
	height:80%;	
	float: left;
	padding:15% 5% 5% 5%;
	top:0;
	position:absolute;
	margin-left:160px;
	font-size:18px;
}

.instr_stolb{
	height: auto;
}


.instr_stolb:hover .stolb_lico{
	background-position: right bottom;
	animation:myfirs_animation2 infinite 1s ease-in-out alternate;  
}


.perehod{
	float: right;
	font-size:15px;
	position:absolute;
	top:0;
	right:0;
}


.box_prig_center{
	width:90%;
	height: auto;
	font-size:25px;
	line-height:55px;
}



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

.ya_krug{
	width:100px;
	height:100px;
	}


#str1, #str2, #str3, #str4{
	display:none;
}
.ya_strela1{
	height:5px;
	}

.opisitd{
	font-size:11px;
}


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

.ya_krug{
	width:50px;
	height:50px;
	}


	}