html, body{
	margin: 0;
    padding: 0;
    border: 0;
	
}

body{
	
	
}


@font-face {
	font-family:PTS55F_W;
	src: url('../fonts/Roboto.eot');
	src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'),
	url('../fonts/Roboto.woff') format('woff'),
	url('../fontsfont/Roboto.ttf') format('truetype');
}


.page{
	max-width: 1140px;
    min-height: 30px;
    padding-top: 20px;
    padding-bottom: 80px;
	margin: 0 auto;
}


.banner_img{
		max-width:1140px;
		margin: 0 auto;
	}
	
#main-img{
	display: block;
	margin:0 auto;
	
}


/* Middle block*/
.middle_block{
	display: block;
	margin:0 auto;
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
	
	
}

.key_block{
	background-color:#fff;
	width:250px;
	display:inline-block;
	text-align:center;
	margin-left:10px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;
	vertical-align:  top;
}

.key_block_img{
	
}

.img_razdel{
	margin:0 auto;
}

.podpis_razdel{
	font-family:Roboto;
	font-size:30px;
	color:#bf962c;
	text-transform:Uppercase;
	margin-top:8px;
}

.text_bold{
	font-weight:bold;
}

.razdel_main_text{
	font-family:Roboto;
	font-size: 20px;
	color:#000000;
	font-weight:bold;
}

.razdel_bot_text{
	margin-top:20px;
	font-family:Roboto;
	font-size: 16px;
	color:#1f1f1f;
}

/* End. middle block*/


/* Bottom block*/

.bottom_block{
	padding-right:10px;
	padding-left:10px;
}
.oplach{
	background-color:#f8f3e7;
	border:2px solid #caaa53;
	margin: 0 auto;
	padding-top:0px;
	padding-bottom:0px;
	border-radius: 7px 7px 7px 7px;
	
}

.oplach_text{
	font-family:Roboto;
	font-size:30px;
	margin: 0 auto;
	margin-left:150px;
	margin-top:-80px;
	padding-bottom:45px;
	color:#000;
	
}

.hand_img{
	padding-left:10px;
	padding-right:40px;
	padding-top:10px;
}
.link_block{
	margin-top:20px;
	text-align:center;
	color:#275a9f;
	font-family:Roboto;
	font-size:24px;
	
}
a{
	color:#275a9f;
	text-decoration:none;
	
	
}

a:hover{
	color:#275a9f;
	text-decoration:none;
	cursor:pointer;
}

.op_color{
	border-bottom: 2px solid rgb(39,90,159,0.2);
	

}


/* End. bottom block*/


@media screen and (min-width: 1280px){
	
	#main-img{  
		max-width:100%;
		content:url(./banner_1140.png);
		
	}
	.oplach{
		max-width:1136px;
	}
		
	.oplach_text{
		font-size:30px;
	}	
	.key_block{
		margin-bottom:30px;
	}

}




@media screen and (min-width: 1024px) and (max-width:1279px){
	
	#main-img{  
		max-width:100%;
		content:url(./banner_1024.png);
		margin:0 auto;
	}
	
	.key_block{
		margin-bottom:30px;
	}
	
	.oplach{
		max-width:1004px;
	}
	
	.hand_img{
		padding-top:10px;
	
	}
	
	.oplach_text{
		font-size:24px;
		margin-top:-75px;
		margin-left:150px;
	}	
	
	.key_block{
		max-width:230px;
	}
	
	.razdel_bot_text{
		font-size:13px;
	}
	
	.razdel_main_text{
		font-size:16px;
	}
	

}



@media screen and (min-width: 768px) and (max-width:1023px){
	
	#main-img{  
		max-width:100%;
		content:url("./banner_768.png");
	}
	.oplach{
		max-width:740px;
	}
	
	
	.key_block{
		margin-bottom:30px;
	}
	
	.hand_img{
		padding-top:10px;
	
	}

	.oplach_text{
		font-size:19px;
		margin-top:-70px;
		padding-bottom:50px;
		margin-left:130px;
	}
	
	.link_block{
		font-size:19px;
		padding-right:20px;
		padding-left:20px;
	}
	
}

@media screen and (min-width: 480px) and (max-width:767px){
	#main-img{  
		max-width:100%;
		content:url("./banner_768.png");
	}
	
	.key_block{
		margin-bottom:30px;
	}
	
	.middle_block{
		margin-top:18px;
	}
	
	.oplach{
		max-width:450px;
		padding-top:10px;

	}
	.hand_img{
		text-align:center;
		margin: 0 auto;
		padding-right:0px;
		padding-top:10px;
	}
	
	.oplach_text{
		font-size:20px;
		margin: 0 auto;
		text-align:center;
		padding-bottom:25px;
		color:#000;
		padding-top:10px;
	}
	.link_block{
		font-size:19px;
		text-align:center;
		margin: 0 auto;
		max-width:466px;
		padding-top:15px;

	}
		
}

@media screen and (min-width: 321px) and  (max-width:479px){
	#main-img{  
		max-width:100%;
		content:url("./banner_480-320.png");
	}
	.oplach{
		max-width:470px;


	}
	
	.key_block{
		margin-bottom:30px;
	}
	
	.middle_block{
		margin-top:16px;
	}
	
	.hand_img{
		text-align:center;
		margin: 0 auto;
		padding-right:0px;
		padding-top:10px;
	}
	.oplach_text{
		font-size:20px;
		margin: 0 auto;
		text-align:center;
		padding-bottom:25px;
		color:#000;
		padding-top:10px;
		
	}
	.link_block{
		font-size:19px;
		padding-right:20px;
		padding-left:20px;
		
	}
		
}@media screen and  (max-width:320px){
	#main-img{  
		max-width:100%;
		content:url("./banner_480-320.png");
	}
	
	.key_block{
		margin-bottom:30px;
	}
	
	.middle_block{
		margin-top:13px;
	}
	
	.oplach{
		max-width:280px;


	}
	.hand_img{
		text-align:center;
		margin: 0 auto;
		padding-right:0px;
		padding-top:10px;
	}
	.oplach_text{
		font-size:20px;
		margin: 0 auto;
		text-align:center;
		padding-bottom:25px;
		color:#000;
		padding-top:10px;
	}
	.link_block{
		font-size:19px;
		padding-right:20px;
		padding-left:20px;
	}
		
}