body {
		padding:0px;
		margin: 0px;
		font-family:"Ekibastuz";
		font-size:12pt;
		color:black;
	}
	.head {
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:50px;
			background-color:#2c5545;					
			z-index:100;			
	}
	.context {
		background:white;
		position:relative;
		top:50;
		width:1200px;
		height:0px;
		overflow:hidden;
		line-height:1.5;
		text-align:justify;		
	}
	.subhead {
			position:absolute;
			top:50px;
			left:0;
			width:100%;
			height:85px;
			background:white;						
			z-index:100;		
	}
	.h1 {
		font-size:20px;
		font-family:Ekibastuz;
		color:#2c5545;
		text-decoration:none;
		font-weight:600;
	}
	.h1:visited {color:#2c5545;}
	.aclose {
		position:absolute;
		top:10;
		right:20;
		font-size:30px;
		font-family:Ekibastuz;
		color:#2c5545;
		text-decoration:none;
		font-weight:100;		
	}
	.aclose:visited {color:#2c5545;}
	.aclose:hover {color:red;cursor:pointer;}
	.aclose2 {		
		position: relative;
		right: 20px;
		top: 10px;		
		font-size:30px;
		font-family:Ekibastuz;
		color:#2c5545;
		text-decoration:none;
		font-weight:100;		
	}
	.aclose2:visited {color:#2c5545;}
	.aclose2:hover {color:red;cursor:pointer;}
	
	.egrn_ord {
		position:absolute;
		z-index:600;
		background:white;
		width:1200;
		box-shadow:0 0 10px rgba(0,0,0,0.5);
	}
	
	h1 {
		font-size:48px;
		font-family:Ekibastuz;
		font-weight:100;}
	h2 {
		font-size:32px;
		font-family:Ekibastuz;
		font-weight:100;}
	.map {
			position:relative;
			top:50;
			left:0;		
			width:100%;
			height:818px;
			background:url("map_no5.jpg");
			background-position:center top;	
			box-shadow:0 5px 5px -5px rgba(0,0,0,0.5);			
	}	
	.map1 {
			position:absolute;
			top:135;
			left:0;		
			width:100%;
			height:840px;
			background:none;
			background-position: center top;
			background-repeat: no-repeat;			
			visibility:hidden;			
			padding:0;
	}	
	.map2 {
		background:white;			
		width:1202px;	
		height:840px;		
		margin: 0 auto;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		overflow:hidden;
		padding:0;
	}
	.map3 {
			position:absolute;
			top:135;
			left:0;		
			width:100%;
			height:818px;
			background:none;
			background-position: center top;
			background-repeat: no-repeat;
			overflow:hidden;
			visibility:hidden;			
	}
	.no_overflow {
		overflow:hidden;
	}
	.svg {opacity:0.8;}	
	.path {stroke-width:0.5px; stroke:white;fill-rule:evenodd;}
	.path:hover {stroke-width:2px;}
	.district {		
	font-style:normal;
	font-variant:normal;
	font-weight:100;
	font-stretch:condensed;
	font-size:14px;
	font-family:Ekibastuz;
	fill:black;	
	}
	.district:hover {font-size:15px;font-weight:600;cursor:pointer;}
	.city {		
	font-style:normal;
	font-variant:normal;
	font-weight:600;
	font-stretch:condensed;
	font-size:15px;
	font-family:Ekibastuz;
	fill:black;	
	}
	.city:hover {font-size:16px;cursor:pointer;}
	input,select ,button, textarea{
	padding-left:10;	
	font-family:"Ekibastuz";
	font-size:10pt;
	color:black;	
}
.a1 {
	text-decoration:none;
	color:rgb(20,20,20);
}
.a1:hover {
	font-weight:300;	
}
.a2 {
	text-decoration:underline;
	color:rgb(20,20,200);
	cursor:pointer;
}
.a2:hover {
	font-weight:300;	
}
.t1 {
	font-size:12pt;
	color:white;
	font-weight:600;	
}
.t11 {
	font-size:12pt;
	color:white;
	font-weight:600;
}
.t1:hover {
	background-color:#3d7560;
	cursor:pointer;
}
.m1{
	font-size:12pt;
	font-weight:300;
	color:#006633;	
}
.m1:hover {
	color:#004d20;	
	background-color:rgba(240,247,245,0.8);
	cursor:pointer;	
}
.colon {
	color:rgba(54,54,54,1);
	background-color:rgb(214,224,214);	
}
.colon_a {
	color:rgba(54,54,54,1);
		text-decoration:none;
		cursor:pointer;
}
.colon_a:hover {
	color:black;
		text-decoration:underline;
}
.region {
	position:relative;
	top:0;
	left:90;
	width:205px;
	background:white;
	text-align:left;	
	padding:10;
	line-height:1.5;
	opacity:0.9;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	height:0px;
	overflow:hidden;
	visibility:hidden;
}
.snt {
	position:relative;
	top:0;
	left:0;
	width:1150px;
	background:rgb(240,240,240);
	text-align:left;	
	padding-top:20;
	padding-left:30;
	padding-right:30;
	padding-bottom:30;
	line-height:1.5;
	opacity:0.95;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	height:0px;
	overflow:hidden;
	visibility:hidden;
	z-index:350;
}
.snt2 {
	position:relative;
	top:85px;
	left:0;
	width:1150px;
	background:white;
	text-align:left;	
	padding:30;
	line-height:1.5;
	opacity:0.95;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);	
	overflow:hidden;
	visibility:hidden;
	z-index:200;
	min-height:680px;
}
.pay_window {
		position:relative;
	top:0px;
	left:0;
	width:1150px;
	background:white;
	text-align:left;	
	padding:30;
	line-height:1.5;
	opacity:0.95;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);	
	overflow:hidden;
	visibility:hidden;
	
	min-height:850px;
	}
.lk {
	position:relative;
	top:-80;
	left:360;
	width:250px;
	background:white;
	text-align:left;	
	padding:10;
	line-height:1.5;
	opacity:0.9;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	height:0px;
	overflow:hidden;
	visibility:hidden;
}
.a_distr:hover {font-weight:600;cursor:pointer;}
.a_snt:hover {text-decoration:underline;cursor:pointer;}
.ab_dis {
	line-height:1.25;
	text-indent: 30px;
	text-align: justify;
}
.submen {position:absolute;top:50;width:100%;height:0;z-index:310;}
.submen2 {position:absolute;top:50;width:100%;height:0;}
.pay_submen_old {}
.pay_submen{position:absolute;top:50;width:100%;height:0;z-index:600;}
.i11 {
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid #2c5545;
}
.info_div {
	width:1000px;
	text-align:justify;
	padding:20;
}
.order_form {
	background:#dcdcdc;
	border-radius:5px;	
}
.column {
    -webkit-column-width: 200px;
    -moz-column-width: 200px;
    column-width: 200px;
    -webkit-column-count: 4;
    -moz-column-count: 4;
    column-count: 4;
    -webkit-column-gap: 30px;
    -moz-column-gap: 30px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
	line-height:2;
   }
 .tab1 {
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}
.tab2 {	
	border-bottom:1px solid gray;
}
.tab3 {	
	border-right:1px solid gray;
}
.tr1 {
	text-decoration:none;
	}
.tr2 {
	background:rgba(230,230,230,0.2);
}	
.tra {	
	cursor:pointer;
	}
.tra:hover {
	background:rgba(210,210,210,0.2);
}	
.pa {
		position:relative;
	}
	.pa:hover {
		background:rgba(240,240,240,0.9);
		cursor:pointer;
	}
.accord {
		position:absolute;
		top:15px;
		right:0;
		background:rgba(240,240,240,0.9);
		padding:15;
		width:600px;
		height:0;
		overflow:hidden;
		transition:height 0.2s ease-out; 
		visibility:hidden;
		z-index:100;
		border:1px solid gray;
	}
.sh {
	position:absolute;
	visibility:hidden;
	padding:15;	
	z-index:500;
	width:400px;
	height:250px;
	background:rgb(225,225,225);
	top:100;
	left:400;
	border-radius:5px;
}
.adv1 {
		padding:15;
		line-height:1.5;		
		margin:10;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		background:white;
	}		
	.adv2 {
		font-size:10pt;
		color:gray;
		text-decoration:underline;
	}
	.adv3 {padding-left:20px;}
	.adverdiv {margin:10;padding:5;line-height:1.5;}
	.advertd {background:rgb(230,230,230);font-size:14pt;}
	.advertdpubl {background:rgb(245,245,245);font-weight:600;}
	.advertdunpubl {background:rgb(245,245,245);cursor:pointer;}
	.advertdunpubl:hover {background:rgb(215,215,215);}
	.adv_accord {height:0;
		overflow:hidden;
		transition:height 0.2s ease-out; 
		visibility:hidden;
		}
	.edit_adver {
		position:absolute;
		top:100;
		width:600;
		max-height:600;
		visibility:hidden;
		background:white;
		box-shadow: 0 0 10px rgba(0,0,0,0.5);
		padding:20;
		margin:10;
	}
	.my_accord {
		visibility:hidden;
		height:0;	
		padding-left:20;
		padding-top:20;
	}
	.all_comment {
		margin-left:30;
		padding:10;
		width:700px;
	}
	.comment {
		background:rgb(240,240,240);
		border-radius:10px;
		padding:15;
		border:0;
		margin:10;
	}
	.sign {
		font-size:10pt;
		font-weight:100;
		color:rgb(50,50,50);		
		font-style:italic;
	}
	.maps_bg1 {
	border:1px solid gray;
	border-radius:15px;	
	background:rgba(245,245,245,0.9);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
	.zu_info {
		position:absolute;
		top:10;
		left:10;
		visibility:hidden;
		height:0;			
		width:150px;
	}
	.snt_zu:hover {
		fill:green;
	}
	.new_adver_div
	{
		position: absolute;
		top:50;
		left:100;
		width:1000px;
		padding:20;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		background:white;
		border:1px solid gray;
		max-height:750px;
		overflow-y:scroll; 
	}
	.heart {
		font-size:24pt;
		color:rgb(200,200,200);
		cursor:pointer;		
	}
	.heart_sel {
		font-size:24pt;
		color:rgb(200,0,0);	
		cursor:pointer;			
	}
	.heart:hover {
		color:rgb(200,0,0);
		transition: all 0.5s ease;
	}
	.heart:active {		
		font-size:26pt;
		transition: all 0.1s ease;
	}
	.heart_c {
		font-size:14pt;
		position:relative;
		top:-4;
		font-weight:600;
	}
	.ph {
		position:relative;
		top:-28;
		left:-50;
		font-size:8pt;
		background:rgba(240,240,220,0.85);
		padding:5;
		border-radius:5pt;
		box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
		visibility:hidden;		
	}
	
	.bimg_div {
			width:430px;
			min-height:300px;
			padding:10;
			margin:10;
			border:0px solid black;
			-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
			-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) ;
			cursor:pointer;
			font-size:10pt;
		}
		.simg_div {
			width:450px;
			overflow-x:auto;
			white-space: nowrap;
			max-height:90px;
			padding:10;			
		}
		.s_i {
			width:80px;
			height:60px;
			-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) ;
			-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) ;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 0px rgba(0, 0, 0, 0.1) ;
			margin:3;
		}
		.s_i:hover {
			-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) ;
			-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) ;
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) ;
			cursor:pointer;
		}
		.full_view {
			position:fixed;
			top:0;
			left:0;
			bottom:0;
			width:100%;
			height:100%;
			background:rgba(250,250,250,0.9);
			visibility:hidden;
			z-index:1000;
		}
		.shadow {
			box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(250, 250, 250, 0.1) ;
			max-width:70%;
			max-height:70%;
		}
	
@font-face {
    font-family: "Ekibastuz";
    src: url("fonts/ekibastuz_regular-webfont.ttf"), url("fonts/ekibastuz_regular-webfont.eot");
	font-style: normal;
    font-weight: normal;
}