.main-block__areas {
	padding-bottom: 15px;
	font-size: 16px;
    /*max-width: 1280px;
    margin: 0 auto;
	width:100%;
   background-color: white;*/
}
.areas a:hover {
	text-decoration: unset;
	color: unset;
}
.area_list {padding: 0;}

.main_topics>.area_list {    
    padding-bottom: 30px;
    margin-bottom: 0;
}
.area_list div {
	position: relative;
}
.area_list li {
	list-style-type: none;	
}

.area_list .area_item.focus_list {
	padding: 0;
}
.area_list .area_item.focus_list .focus{
	height: inherit;
}
.area_list .area_item {
    padding: 15px;
	display: block;
}

.main_topics .area_list .area_item>div,.main_topics .area_list .area_item>div>div{
	height: 100%;
}

.area_list .area_item>div{
    -webkit-transform-style: preserve-3d;
}
.area_list .area_item .area_content{
	background-repeat: no-repeat;
    background-size: cover;
	padding: 30px;
	overflow:hidden;
    /*max-width: 30%;
    margin: 30px;
    flex: 1 1 200px;
	position: relative;*/
	color: white;	
	/* height: 500px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;*/
}

@media (min-width: 768px) {
	.area_item .area_list .area_item {
		height: 25%;
	}
	.area_list .area_item {
		/*max-width: 100%;
		flex-basis: auto;*/
	}
}
@media (min-width: 992px) {
	.area_item .area_list .area_item {
		height: 50%;
	}

}
.area_list .area_item .area_content .area_bg{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
	background-position: center center;
	/*
	transition: transform 0.5s ease-in-out;
	-webkit-transition: transform 0.5s ease-in-out;*/
}

.area_list .area_item .area_content .area_bg:before {
    background-color: #00adee; /* 009de2 */
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    display: block;
    position: absolute;
    /*
	opacity: 0.62;
	-webkit-opacity: 0.62;
    transition: background-color 0.25s ease;
    -webkit-transition: background-color 0.5s ease;*/
}
.area_list .area_item>div:hover .area_content .area_bg:before{
	background-color: #fcb814;
    content: "";
    opacity: 0.88;
	-webkit-opacity: 0.88;
}

.area_list .area_item .area_content.has_list:after {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 1;
	/*background-color: #fcb814;*/
	opacity:0;
	-webkit-opacity: 0;	
	transition: opacity 0.25s ease;
	-webkit-transition: opacity 0.25s ease;
}
.area_list .area_item>div:hover .area_content.has_list:after {
	opacity: 1;
	-webkit-opacity: 1;
}
.area_list .area_item>div:hover .area_content .area_bg {
	transform: scale(1.05);
}

.area_list .area_item .area_title, .area_list .area_item .area_link {
	z-index: 10;
	/*position: relative;*/
}
.area_item .area_title {
	padding-bottom: 30px;
    word-break: break-word;
}
.area_list .area_item .area_link {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 30px;
	color: white;
	font-weight: bold;
}
.area_list .area_item .area_overlay {
	visibility: hidden;
	width: 100%;
	height: max-content;
	top: 0;
	z-index: 100;
	margin-top: -100px;
	padding-bottom: 30px;
	opacity: 0;
	transition: all 0.25s ease;
}
.area_list .area_item .area_desc {
	overflow: visible;
	/*height: 100px;*/
	font-size: 18px;
	line-height: 1.5;
	opacity: 1;
	margin-bottom: 50px;
	transition: all 0.25s 0.1s ease;	
}

.area_list .area_item .area_desc li {margin-bottom: 25px;}

.area_list .area_item>div:hover .area_content.has_list .area_desc {
    visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease;
}

.area_list .area_item>div:hover .area_content .area_overlay {
	visibility: visible;
	opacity: 1;
	transition: all 0.25s 0.1s ease;
}
.area_list .area_sector_list li {
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #3d3c3c;
}

/* ---- */
.focus .area_content {
	display: table;
	width: 100%;
	text-align: center;
}
.focus .area_title {
	display: table-cell;
	vertical-align: middle;
	padding-bottom: 0;
}

.focus .area_title h2 {
	margin: 0 auto;
}

/* Иконки для в фокусе на главной */

.area_title span.icon {
    line-height: normal;
    font-size: 80px;
    margin-bottom: 20px;
	display: block;
}

.focus a {text-decoration: none;}

/* END Иконки для в фокусе на главной */

/*---  общее изображение на весь блок -----*/
/*
li.area_item>div, li.area_item>div{
	overflow:hidden;
}

li.area_item>div:before, li.area_item>div:before {
    content: "";
    height: 100%;
    width: 100%;
    background: url(/upload/iblock/d53/Otrasli_bw.png) no-repeat;
    background-size: cover;
    background-position: center;
    background-origin: padding-box;
    background-attachment: fixed;
    display: block;
    position: absolute;	
}
.area_bg {
	background-image:none !important;
}*/
/*----------*/