/* äëß íîâûõ øàáëîíîâ */
/* --------------- reset.css --------------- */
html, body, div, span, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                               /* îáíóëßåì îòñòóïû è óáèðàåì áîðäþðû */
	vertical-align: baseline;          /* ïðèâîäèì âñå ê îäíîé áàçîâîé ëèíèè */
	background: transparent;      /* ÷òîáû íå ïðîñêàêèâàëè ëåâûå ôîíû, óñòàíîâëåííûå ïî óìîë÷àíèþ */
	font-size: 100%;                     /* ðàçìåð øðèôòà âñåì îäèíàêîâûé */
}
a {                                      	     /* ññûëêà íå â îáùåì ñïèñêå ÷òîáû íå ñáðàñûâàòü outline ïî óìîë÷àíèþ */
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	outline:none;
}
table {						/* óñòðàíßåì îòñòóïû ìåæäó ß÷åéêàìè òàáëèöû */
	border-collapse: collapse; 
	border-spacing: 0;
}
td, td img {
	vertical-align: top;			/* âîçâðàùàåì ïðèâû÷íîå âåðòèêàëüíîå âûðàâíèâàíèå */
} 
input, select, button, textarea {
	margin: 0; 				/* óáèðàåì îòñòóïû ïî óìîë÷àíèþ äëß ýëåìåíòîâ ôîðì (â ÷àñòíîñòè äëß checkbox è radio) */
	font-size: 100%; 			/* äåëàåì ðàçìåð øðèôòîâ âåçäå îäèíàêîâûì */
	outline: none;
}
input[type="text"], input[type="password"], textarea {
	padding: 0; 				/* óáèðàåì âíóòðåííèå îòñòóïû äëß òåêñòîâûõ ïîëåé */
}

sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
nav ul {
	 list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- áàçîâûå íàñòðîéêè ---------*/
html {
	min-height:100%; /* âñåãäà ïîêàçûâàåì âåðòèêàëüíóþ ïîëîñó ïðîêðóòêè  */
}
body {
	color:#000;	background:#292929;
	font-size: 1em; /* èñïîëüçóåì áåçîïàñíûå øðèôòîâûå CSS ñòåêè */
	min-height:100%;	
	font-family: 'Open Sans', sans-serif;
}
a, a:visited { /* ïîðßäîê ïðàâèë äëß ññûëîê èìååò çíà÷åíèå */
	color: #339933;
	text-decoration: underline;
}
a:hover {
	color: #339933;
	text-decoration:none;
}
a:focus, a:active {
	color: #339933;
	text-decoration: underline;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
img{
	max-width:100%;
}
.clr{
	clear:both;
}
.clearfix:after {
    clear: both;
    content: "";
    display: table;
}
/* --------------- /áàçîâûå íàñòðîéêè ---------*/


header{
	background:#292929; overflow:hidden;
}
.center-block-main{
	   margin: 0 auto; max-width:999px; background:#fff;
	}
	.logo{
		float:left; margin-top:42px; font-weight:700;
	}
	.manu{
		float:right; 
	}
	.manu li{
		float:left; font-weight:400;
	}
	.manu li a{
		color:#58c93a; text-decoration:none; padding:40px 25px; display:block; border-bottom:3px solid #292929;
	}
	.manu li a:hover{
		color:#fff; border-bottom:3px solid #58c93a;
	}


main{
	float:left; width:62%; margin-top:5px;
}
 	article{
		margin-bottom:50px;
	}
	article>header{
		font-size:0; background:none; margin-bottom:5px; position:relative;
	}
	.publish{
		font-size:13px; background:rgba(0,0,0,0.6); color:#fff; position:absolute; bottom:-60px; padding:10px 20px; width:95%; box-sizing: border-box; 
		-webkit-transition: bottom 0.1s linear;
		-moz-transition: bottom 0.1s linear;
		-o-transition: bottom 0.1s linear;
		transition: bottom 0.1s linear;
	}
	article>header:hover .publish{
		bottom:0;  
	}
	article>h1{
		font-size:1.75em; text-transform:uppercase; font-weight:600; line-height:1.1; text-align:center; color:#4f4e4e;
	}
	article>h2{
		font-size:1.25em; text-transform:uppercase; font-weight:600; line-height:1.1; margin: 0 0 12px 50px;  color:#4f4e4e;
	}
	article>h3{
		font-size:1.05em; text-transform:uppercase; font-weight:600; line-height:1.1; margin: 0 0 12px 50px;  color:#4f4e4e;
	}
	article>h4{
		font-size:0.85em; text-transform:uppercase; font-weight:600; line-height:1.1; margin: 0 0 12px 50px;  color:#4f4e4e;
	}
	article>p{
		margin:0 0 20px 20px; line-height:1.3;
	}
	a.more{
		border:2px solid #c2c2c2; color:#c2c2c2; padding:7px 20px; display:inline-block; border-radius:20px; text-decoration:none;
		-webkit-transition:all 0.1s linear;
		-moz-transition:all 0.1s linear;
		-o-transition:all 0.1s linear;
		transition:all 0.1s linear;   /* ---êíîïêà çàêðóãëåííàß : ÷èòàòü äàëüøå-- */
	}
	a:hover.more{
		color:#339933; border-color:#339933; text-decoration:underline;
	}
	.disqus{
		margin:0 0 20px 20px;
	}

	

aside{
	float:right; width:35%; margin-top:10px;  
}
	.side-top{
		margin-bottom:20px; width:95%; height:32; background:#339933; /* ---ôîí è âûñîòà áûëà height:289-- */
	}
	.search{
		color:#b9b9b9; font-size:0.75em; width:100%; border:1px solid #e1e0e0; padding:15px 20px; border-right:none;
	}
		
	.subsrcibe{
		position:relative; width:100%; height:48px;
	}
	.subsribe-input{
		color:#b9b9b9; font-size:0.75em; width:100%; border:1px solid #e1e0e0; padding:15px 50px 15px 20px; box-sizing:border-box; position:absolute; top:0; left:0; border-right:none;
	}
	.subsribe-img{
		position:absolute; right:20px; top:12px;
	}

    .pager{
		border-top:1px solid #e1e0e0; font-size:1.125em; text-transform:uppercase; font-weight:600; padding:30px;
	}
		.pager a{
			color:#818181; text-decoration:none;
		}
		.pager a:hover{
			text-decoration:underline; color:#339933; 
		}
		.previous-link{
			float:left;
		}
		.next-link{
			float:right;
		}

 

.side-left{
	float: left;  width: 170px;
}
   	.widget1>nav{
		margin:0 0 0 20px;
	}
.img-aside{
	  margin:8px 3px 5px 7px;
}
  .img-size{
	max-width:100%;	margin:0 auto 30px auto; display:block;
	}

footer{
	 margin: 0 auto; max-width:999px; background:#292929; text-align:center; font-size:0.8125em; padding:30px 0; 
}

	footer img{
		margin-bottom:1px;
	}
	
	
	
	@media screen and (max-width:768px){
	.logo{
		margin-top:20px;
	}
	.manu li a{
		padding:25px 35px;
	}
	main{
		float:none; width:100%; margin-top:30px;
	}
	article>header img{
		width:100%;
	}
	aside{
		float:none; width:100%; margin-top:70px;
	}
}
	
	@media screen and (max-width:620px){
	.logo{
		float:none; margin:10px auto; display:block;
	}
	.manu{
		float:none; width:100%;
	}
	.manu li a{
		padding:10px 35px;
	}
}	
	
	@media screen and (max-width:800px){
		
		
	}
	
	@media screen and (max-width:600px){
		
		
	}
	
	@media screen and (max-width:480px){
		article>p{
		margin:0 0 10px 10px; 
	}
	}
	
	@media screen and (max-width:320px){
		
	}