/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, 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%; 
	font-family: 'Open Sans', sans-serif;/* размер шрифта всем одинаковый */
}
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; 				/* убираем внутренние отступы для текстовых полей */
}
input[type="checkbox"] { 		/* вертикальное выравнивание чекбоксов и радиобатонов относительно меток */
	vertical-align: bottom;
}
input[type="radio"] {
	vertical-align: text-bottom;
}
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: #4f4e4e;
	text-align: left;
	font-size: 1em; /* используем безопасные шрифтовые CSS стеки */
	min-height:100%;
}
a, a:visited { /* порядок правил для ссылок имеет значение */
	color: #339933;
	text-decoration: underline;
}
a:hover {
	color: #f339933;
	text-decoration:none;
}
a:focus, a:active {
	color: #c83867;
	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{margin:0 auto;max-width:980px;}
.logo{float:left; margin-top:45px;}
.menu-index{float:right;}
.menu-index li{float:left;font-weight:600;}
.menu-index li a{color:#fff;text-decoration:none; padding: 50px 65px;display:block;border-bottom:3px solid #292929;}
.menu-index li a:hover{color:#53C74F;border-bottom:3px solid #53C74F;}
.content{border-left:1px solid #F7F7F7;border-right:1px solid #F7F7F7; }
main{float:left;width:63.2%;margin-top:70px;}
article>header{background:none; margin-bottom:10px;}
article{margin-bottom:70px;}
aside{float:right;width:28.4%;margin-top:70px;}
article>header img{margin-bottom:10px;}
article h2{font-size:1.75em;text-transform:uppercase;font-weight:600;line-height:1.1; margin:0 0 40px 20px; 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;}
a:hover.more{color:#53C74F; border-color:#53C74F;}
.widget{margin-bottom:50px;}
.widget h2{text-trasform:uppercase;color:#6C6969;background:#F8F8F8;border-left:3px solid #53C74F;padding:10px 20px 10px 20px;font-weight:600; margin-bottom:20px;}
.search{color:#B9B9B9;font-size:0.75em;width:100%;border:1px solid #E1E0E0;padding:15px 20px 15px 20px;border-right:none;}
.widget nav {margin-left:20px;}
.subscribe-input{color:#B9B9B9;font-size:0.75em;width:100%;border:1px solid #E1E0E0;width:100%;padding:15px 50px 15px 20px;box-sizing:border-box; position:absolute;top:0;left:0;border-right:none;}
.absolute{position:relative; width:100%;height:48px;}
.subscribe-image{position:absolute;right:20px;top:12px;}
.pager-next{font-weight:600; border-top:1px solid #E1E0E0; text-transform:uppercase;padding:30px;}
.pager-next a{color:#818181; text-decoration:none;}
.pager-next a:hover{text-decoration:underline;}
.previous{float:left;}
.next{float:right;}
footer{background:#F8F8F8;border-top:1px solid #E1E0E0;font-size:0.8125em; text-align:center; padding:50px 0;}
footer img{margin-bottom:20px;}