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

/*Стили для демонстрации*/
html,body{
	height: 100%;
	background-color:#fff;
	font-family: Arial, Verdana, Trebuchet MS, Helvetica, sans-serif;
	color: #556;
	font-size: 16px; 


}

p {
	text-align: justify;
	padding:10px 0px;
}
strong {
	font-weight: 700;
}

.wrapper{
	min-height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	margin: 0px 0.2px 0px 0.2px;


}
.container{
	max-width: 1180px;
	margin: 0px auto;
	padding: 0px 10px;
}
.header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 50;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.15);
}
.header:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:#fff;
	z-index: 2; 

}
.header__body{
	position: relative;
	
	display: flex;
	justify-content: space-between;
	height: 80px;
	align-items: center;
	
}
.header__logo{
	color: #000;
	
	text-decoration: none;
	font-size: 30px;
	font-weight: 700;
	position: relative;
	z-index: 3;
}
.header_slogan{
	font-size: 13px;
	font-weight: 400;
}
.header__burger{
	display: none;

}

.menu{

}
.header__menu a{
	text-decoration: none;
	/*text-transform: uppercase;*/
	font-size: 18px;
}
.header__menu a.parent{
	margin:0px 30px 0px 0px;
}
.header__menu li{
	position: relative;
	list-style: none;
}
.menu__list{
	display: flex;
	position: relative;
	z-index: 2;
}
.menu__list>li{
	margin: 0px 30px 0px 0px;
}

.menu__link {
	color:#000;

}

.sub-menu_box{
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.25);
	background-color: #fff;
}
.sub-menu__list{
	display: none;
	position: absolute;
	min-width: 200px;
	right: 0;
	top: 10px;
	
	padding: 20px 0px 0px 0px;
	
	


}
.sub-menu__list>li{
	background-color: #fff;
	display: block;



}

.sub-menu__link{
	color: #000;
	display: inline-block;
	padding: 5px 10px 10px 10px;

}


.arrow{
	position: absolute;
	display: none;
	right: 0px;
	top: 3px;
	width: 0;
	height: 0;
	border-top:10px solid #555;
	border-right:10px solid transparent;
	border-left:10px solid transparent;
}
.arrow.active{
	transform: rotate(-180deg);
}
.sub-menu__arrow.arrow{
	border-left:10px solid #000;
	border-right:none;

	border-top:10px solid transparent;
	border-bottom:10px solid transparent;

}
.menu__arrow{

} 


body.mouse .menu__list>li:hover .sub-menu__list{
	display: block;

}
body.mouse .sub-menu__list>li:hover .sub-sub-menu__list{
	display: block;

}
body.touch .sub-menu__list.open{
	display: block;
}


body.touch .arrow{
	display: block;
}
@media (max-width: 767px){
	
	
	body.lock{
		overflow: hidden;
	}
	
	.header__body{
		height: 50px;
	}
	.header__burger{
		display: block;
		position: relative;
		width: 30px;
		height: 20px;
		position: relative;
		z-index: 3;

	}
	
	.header__burger span{
		display: block;
		background-color: #000;
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		top: 9px;
	}
	.header__burger:before, .header__burger:after{
		content: '';
		background-color:#000;
		position: absolute;
		width: 100%;
		height: 2px;
		left:0;
		transition: all 0.3s ;

	}

	.header__burger:before{
		top:0;
	}
	.header__burger:after{
		bottom:0;
	}
	.header__burger.active:before{
		transform: rotate(45deg);
		top:9px;

	}
	.header__burger.active:after{
		transform: rotate(-45deg);
		bottom: 9px;

	}
	.header__burger.active span{
		transform: scale(0);
	}

	.header__menu{
		position: fixed;
		top: -100%;
		left: 0;
		width: 100%;
		height: 100%;
		overflow: auto;
		transition: all 0.3s ;
		background-color:#aaa;
		padding: 70px 10px 20px 10px; 
	}
	
	.header__menu.active{
		top: 0;

	}
	.menu__link, .sub-menu__link {
		color:#fff;

	}
	.sub-menu_box {
		background-color:#aaa;
		box-shadow: none;
	}



	.menu__list{
		display: block;
	}
	.menu__list>li{
		margin: 10px 0px 10px 0px;
	}
	.sub-menu__list{
		position: relative;
		padding: 10px 5px;
		left: 0;
		top: 0;

	}
	.arrow{
		
		border-top:10px solid #fff;
		border-right:10px solid transparent;
		border-left:10px solid transparent;
	}
	
	.sub-menu__arrow.arrow{
		border-top:10px solid #000;
		top: 15px;
		border-bottom:none;
		border-left:10px solid transparent;
		border-right:10px solid transparent;

	}


}

.content__row{
	display: flex;
	/*border: 10px solid #ece89d;*/

}

.left-sidebar{
	/*flex: 0 0 200px;*/
	flex: 1 0 17.2%;
}
.article{
	flex: 1 1 auto;
}
.right-sidebar{
	/*flex: 0 0 200px;*/
	flex: 1 0 17.2%;

}

.breadcrumbs{
	margin: 100px 0px 0px 0px;
}
.breadcrumbs_link{
	font-size: 12px;

}

.breadcrumbs_link a, .breadcrumbs_link a:visited{
	color:#66c;
	text-decoration: none;
}
.breadcrumbs_link a:hover{
	text-decoration: underline;
}
.content{
	flex:1 1 auto;
	margin: 10px 5px 0px 5px !important;
}

.content a, .content a:visited{
	color:#66c;
	text-decoration: none;
}
.content a:hover{
	text-decoration: underline;
}
.content p{
	font-size: 16px;
	line-height: 24px;

}
.article-list {
	font-size: 16px;
	line-height: 16px;
	margin: 0px 0px 20px 0px;

}
.article-list p{
	margin: 0px 0px 0px 0px;
}
.footer{
	background-color: #f5f5f5;
	padding: 20px 0;

	
}
.footer_row{

}

.article-element__title{
	font-size: 18px;
	padding: 10px 0px;
}
.article-element__category{
	font-size: 12px;
	color: 889;
}
.article-element__time{
	font-size: 12px;
	color: 889;
	
}


.article-element__title a, .article-element__title a:visited{
	color: #223;
}

img.article-element__img {
	float: left;
	display: block;
	max-width: 100%;
	height: auto;

	margin: 20px 20px 20px 0px;
}
.article-element__article{
	padding:  0px 0px 0px 0px;
}
.article-element__article:after{
	content: " ";
  	clear: both;
  	display: table;
}
.article-element_more{
	padding:  20px 0px 30px 0px;
}
.article-element__title{

	font-size: 18px;
	line-height: 24px;
	

}
.article ul{
	padding: 0px 0px 0px 30px;
	line-height: 24px;
}

.article-nav__link {
    padding:0px 0px 20px 0px;
}

.article-bottom_nav {
    padding:20px 0px 20px 0px;
}


/*******************Статья ************************/

.article h1{
	font-size: 18px;
	color: #223;
	line-height: 24px;
	padding: 10px 0px 10px 0px;
}
.article h2{
	font-size: 18px;
	line-height: 20px;
	padding: 20px 0px 10px 0px;
}
.article h3{
	font-size: 16px;
	line-height: 20px;
	padding: 0px 0px 0px 0px;
}
.article img{
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;

}
.idea {
   
    padding: 5px 20px 5px 45px;
    border-top: 2px solid #F7D229;
    border-bottom: 2px solid #F7D229;
}

.footer a{
	color: #66c;
	text-decoration: none;


}








@media (max-width: 767px) {
	p {
		text-align: justify;
		padding:0px 0px 10px 0px;
	}
	.container{
		padding: 0px 10px;
	}
	.breadcrumbs{
		margin: 70px 0px 0px 0px;
	}

	.content{
		padding: -40px 0px 0px 0px;


	}
	.content__row{
	display: flex;
	/*border: 10px solid #ece89d;*/

	}

	.left-sidebar{
		/*flex: 0 0 200px;*/
		/*flex: 0 0 10px;*/
		display: none;
	}
	.article{
		flex: 1 1 auto;
	}
	.right-sidebar{
		/*flex: 0 0 200px;*/
		/*flex: 0 0 10px;*/
		display: none;

	}
	.header__logo{
		font-size: 24px;
	}
	.article h1{
		font-size: 24px;
		line-height: 30px;
		padding: 10px 0px 10px 0px;
	}
	.article h2{
		font-size: 20px;
		line-height: 20px;
		padding: 10px 0px 10px 0px;
	}
	.article h3{
		font-size: 16px;
		line-height: 20px;
		padding: 10px 0px 10px 0px;
	}
	.idea {
   
    	padding: 5px 20px 5px 25px;
    	border-top: 2px solid #F7D229;
    	border-bottom: 2px solid #F7D229;
	}
	

}