*, body {
	margin: 0 ;
	padding: 0 ;
	border-collapse: collapse;
	font-size: 100%;
}

*, *:after, *:before {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

ul {
	list-style: none;
}
a {
	text-decoration: none !important;
	outline: none ;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display';
	font-weight: normal;
	letter-spacing: 1px;
	font-size: 3vw; /* 4% of viewport width */
}
body {
	font-family: 'Open Sans', arial, sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #373737;
	background: #f7f7f7;
}
/* всё, что нужно для шаблона*/

/* очистка потока для всех контейнеров, внутри которых задано обтекание дочерних элементов */

header:after, .container:after, footer:after, .widget-posts-list li:after, #subscribe:after {
	content: "";
	display: table;
	clear: both;
} 
/* стилевой класс, который управляет шириной контейнера сетки*/
.container {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
	padding: 0 15px;
	transition: .5s ease-in-out; /* плавность переходов для всех элементов страницы*/
} 

header {
	width: 100%;
	background: #2877FF;
	box-shadow: 3px 3px 1px rgba(0,0,0,.05);
	padding-top:25px;
	padding-bottom:15px;
	margin-bottom: 30px;
	position: relative;
	transition: .5s ease-in-out; /* плавность переходов для всех элементов страницы*/
}

.align_university {
	margin-left:100px;
}

.banner {
	display:flex;
}

.banner li {
	margin-right:150px;
}

/* меню */
#menu {
	float: left;
	transition: .5s ease-in-out; /* плавность переходов для всех элементов страницы*/
}
#menu li {
	display: inline-block;
	margin-right: 30px;
}
#menu a {
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	display: block;
	line-height: 40px;
}
#menu a:hover {
	color: #3C3D41;
	transition: .5s ease-in-out; /* плавность переходов для всех элементов страницы*/
}
#menu li:last-child  {
	margin-right: 0;
}

.img_imp {
	display: block;
	width: 100%;
	height: auto;
}

/* кнопка переключения меню, появляющаяся при ширине 768px */
.nav-toggle {
	display: none;
	position: relative;
	float: right;
	width: 40px;
	height: 40px;
	margin-left: 20px;
	background: white;
	cursor: pointer;
}

.nav-toggle span {
	display: block;
	position: absolute;
	top: 19px;
	left: 8px;
	right: 8px;
	height: 1px;
	background: #2877FF;
}
.nav-toggle span:before, .nav-toggle span:after {
	content: "";
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	background: #2877FF;
}
.nav-toggle span:before {
	top: -10px;
}
.nav-toggle span:after {
	bottom: -10px;
}
/* класс, который будет добавлен в верхнему меню при нажатии на кнопку и покажет скрытое меню*/
#menu.active {
	max-height: 200px; /* Для появления 4 элемента списка меню при ширине < 768рх*/
	top: 60px;
	background: #2877FF;
	/* Позиционирование меню в ровень после шапки */
}

/* левый контейнер */
.posts-list {
	padding-top:15px;
	width: 64%;
	float: left;
}

/* блок для статьи */
.post_main {
	padding-top:40px;
}

.post-content p {
	line-height: 1.5;
	padding-bottom: 1em;
}

.category {
	margin-bottom: 15px;
}

.category a {
	color: #150db0;
	text-transform: uppercase;
}

.post-title {
	margin-bottom: 12px;
	font-size: 26px;
}

/* правый контейнер */
aside {
	margin-top:13px;
	width: 33%;
	float: right;
}

/* блок для виджетов */
.widget {
	padding: 20px 15px;
	padding-bottom:0px;
	background: white;
	font-size: 13px;
	margin-bottom: 30px;
	box-shadow: 3px 3px 1px rgba(0,0,0,.05);
}
.widget-title {
	font-size: 18px;
	padding: 10px;
	text-align: center;
	border: 2px solid #2877FF;
}
.widget-title1 {
	font-size: 18px;
	padding: 15px 10px 24px 10px;
	margin-bottom: 20px;
	text-align: center;
	border: 2px solid #2877FF;
}
.widget-category-list li {
	border-bottom: 1px solid #EBEBE3;
	padding: 10px 0;
	color: #c6c6c6;
	font-style: italic;
}
.widget-category-list li:last-child {
	border-bottom: none;
}
.widget-category-list li a {
	color: #626262;
	margin-right: 6px;
	font-style: normal;
}
.widget-category-list li a:before {
	content: "\f105";
	display: inline-block;
	font-family: 'FontAwesome';
	margin-right: 10px;
	color: #c6c6c6;
}

.text_image {
	color:black;
}

.widget-posts-list {
	margin-bottom: 30px;;
}

.widget-posts-list li {
	border-top: 1px solid #EBEBE3;
	padding: 15px 0;
}
.widget-posts-list li:nth-child(1) {
	border-top: none;
}
.widget-post-title {
	float: left;
	font-family: 'Open Sans', arial, sans-serif;
}

.row > div {
	padding:10pt;

}
.post-image-small {
	width: 20%;
	float: left;
	margin-right: 20px;
}

.block-5 > div {width: 49%;}
.block-5 > .first {float: left;}
.block-5 > .second {float: right;}
.ls {float:left;width:50%;min-height:50pt;}
.rs {float:right;width:50%;min-height:50pt;}


@media (max-width: 990px) {

.align_university {
	margin-left:30px;
}

.banner {
	display:block;
	text-align: center;
}

/* показываем кнопку для переключения верхней навигации */
.nav-toggle {
	display: block;
}
.logo span {
	display: none;
}

header {
	padding: 10px 0;
}

/* скрываем верхнее меню, отменяем обтекание, позиционируем его, сместив на высоту шапки сайта */ 
#menu {
	max-height: 0;
	background: white;
	float: none;
	position: absolute;
	overflow: hidden;
	top: 63px;
	right: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: 3;
}
/* делаем элементы списка блочными, чтобы они располагались друг под другом */
#menu li {
	display: block;
	text-align: center;
	border-bottom: 1px solid #EBEBE3;
	margin-right: 0;
}

/* отменяем обтекание левой и правой колонок, устанавливаем им ширину 100%*/
.posts-list, aside {
	width: 100%;
	float: none;
}
.widget-post-title {
	font-size: 1.5em;
}
	
.block-5 > div {width: 100%;}

.ls {width:100%;min-height:100pt;}
.rs {width:100%;min-height:100pt;}
}

/* позиционируем меню на увеличившуюся высоту шапки */
#menu {
	top: 118px;
}

.widget-post-title {
	font-size: 1em;
}

/* отменяем обтекание для столбцов подвала страницы */
footer {
	padding: 20px 0;
	background: #3C3D41;
	color: white;
	transition: .5s ease-in-out; /* плавность переходов для всех элементов страницы*/
}

#bottom_menu li {
	display: inline-block;
	margin-right: 10px;
	border:none;
}
#bottom_menu a {
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	margin-right:10px;
	font-size:10px;
	transition: .5s ease-in-out; /* плавность переходов для всех элементов страницы*/
}
#bottom_menu a:hover {
	color:#2877FF;
}
#bottom_menu li:last-child  {
	margin-right: 0;
}

@media (max-width: 800px) {
	#bottom_menu li {
		margin-bottom:5px;
	}
}

ul.mini li{
	text-align: left;
	margin-left: 3em;
	list-style-type: square;
}

.block-2 .widget table tr td{
	padding: 10px;
}

#menu button{
	border-width: 0px;
	background-color: white;
}

div.min-img img{
	min-width: 40pt;
	height: auto;
}

.copyright {
	margin-left:10px;
	color:dimgrey;
	font-size:10px;
	margin-bottom:-15px;
}

.right_widget {
	margin-top: -15px;
}

/* всё, что нужно для рабочей области */

.main_text {
	font-size:15px;
	font-family:Arial;
}