.container-ws .articles-items,
.popup-panel .articles-items{
	display: flex;
	flex-wrap: wrap;
}

.container-ws .articles-items:before,
.container-ws .articles-items:after,
.popup-panel .articles-items:before,
.popup-panel .articles-items:after{
	content: none;
}

.container-ws .articles-items [class*="col-"]{
	width: 25%;
}

/***ITEM***/
.articles-item{
	height: 320px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-bottom: 32px;
	padding: 24px;
	position: relative;
	overflow: hidden;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #263238;
}

.container-ws .articles-item{	
	height: -moz-calc((100vw - 64px - 72px) / 4 * 0.85);
	height: -webkit-calc((100vw - 64px - 72px) / 4 * 0.85);
	height: calc((100vw - 64px - 72px) / 4 * 0.85);
}

.popup-panel .articles-item{
	height: -moz-calc((1304px - 128px - 48px) / 3 * 0.85);
	height: -webkit-calc((1304px - 128px - 48px) / 3 * 0.85);
	height: calc((1304px - 128px - 48px) / 3 * 0.85);
}

.articles-item:link,
.articles-item:visited{
	text-decoration: none;
}

/***ITEM_PIC***/
.articles-item-pic-container{
	height: 78.75%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	overflow: hidden;
	z-index: 197;
}

.articles-item-pic{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #566b75;
}

.articles-item-pic > img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 50%;
	top: 50%;
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);	
	-webkit-transition: -webkit-transform 0.45s ease 0s;
	-moz-transition: -moz-transform 0.45s ease 0s;
	-o-transition: -o-transform 0.45s ease 0s;
	transition: transform 0.45s ease 0s;
}

.articles-item-pic > img[data-lazyload-src]{
	-webkit-transition: -webkit-transform 0.45s ease 0s, opacity 0.3s ease 0s;
	-moz-transition: -moz-transform 0.45s ease 0s, opacity 0.3s ease 0s;
	-o-transition: -o-transform 0.45s ease 0s, opacity 0.3s ease 0s;
	transition: transform 0.45s ease 0s, opacity 0.3s ease 0s;
}

.bx-no-touch .articles-item:hover .articles-item-pic > img,
.bx-touch .articles-item:active .articles-item-pic > img{
	-moz-transform: translate(-50%, -50%) scale(1.1) rotate(0.02deg);
	-o-transform: translate(-50%, -50%) scale(1.1);
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
}

/***ITEM_BACKGROUND***/
.articles-item-background{
	height: 67.8125%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 198;
}

.articles-item-background:before,
.articles-item-background:after{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	content: "";
}

.articles-item-background:before{
	background: -moz-linear-gradient(top, rgba(38, 50, 56, 0) 0%, #263238 69%, #263238 100%);
	background: -webkit-linear-gradient(top, rgba(38, 50, 56, 0) 0%, #263238 69%, #263238 100%);
	background: linear-gradient(to bottom, rgba(38, 50, 56, 0) 0%, #263238 69%, #263238 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#263238', endColorstr='#263238', GradientType=0);
}

.articles-item-background:after{
	opacity: 0;
	background: -moz-linear-gradient(top, rgba(102, 57, 182, 0) 0%, #6639b6 69%, #6639b6 100%);
	background: -webkit-linear-gradient(top, rgba(102, 57, 182, 0) 0%, #6639b6 69%, #6639b6 100%);
	background: linear-gradient(to bottom, rgba(102, 57, 182, 0) 0%, #6639b6 69%, #6639b6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006639b6', endColorstr='#6639b6', GradientType=0);
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
}

.bx-no-touch .articles-item:hover .articles-item-background:after,
.bx-touch .articles-item:active .articles-item-background:after{
	opacity: 1;
}

/***ITEM_BLOCK***/
.articles-item-block{
	display: flex;
	flex-direction: column;
	z-index: 199;
}

/***ITEM_TITLE***/
.articles-item-title{
	font-family: "Museo Sans Cyrl 700", sans-serif;
	font-size: 20px;
	color: #fff;
	line-height: 24px;
}

/***ITEM_TEXT***/
.articles-item-text{
	margin-top: 12px;
	color: #fff;
}

/***ITEM_MARKER***/
.articles-item-marker-container{	
	position: absolute;
	left: 12px;
	right: 12px;
	top: 12px;
	z-index: 200;
}

.articles-item-marker{	
	max-width: 100%;
	display: inline-flex;
	align-items: center;	
	padding: 6px 12px 5px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	background: #6639b6;
}

.articles-item-marker > span{
	overflow: hidden;	
	font-size: 14px;
	color: #fff;
	text-overflow: ellipsis;
	line-height: 17px;
	white-space: nowrap;
}

/***MORE***/
.articles-more{
	padding-bottom: 22px;
}

.articles-more .btn{
	width: 100%;
	height: 48px;
}

/***PHONES***/
@media(max-width: 1042px){
	.container-ws .articles-items,
	.popup-panel .articles-items{
		flex-direction: column;
	}

	.container-ws .articles-items [class*="col-"]{
		width: 100%;
	}
	
	/***ITEM***/
	.articles-item{
		height: -moz-calc((100vw - 36px) * 0.85);
		height: -webkit-calc((100vw - 36px) * 0.85);
		height: calc((100vw - 36px) * 0.85);
		margin-bottom: 18px;
		padding: 18px;
	}

	.container-ws .articles-item,
	.popup-panel .articles-item{	
		height: -moz-calc((100vw - 36px) * 0.85);
		height: -webkit-calc((100vw - 36px) * 0.85);
		height: calc((100vw - 36px) * 0.85);
	}
}

/***DESKTOPS_LARGE_DESKTOPS***/
@media(min-width: 1043px) and (max-width: 1103px){
	.container-ws .articles-items [class*="col-"],
	.popup-panel .articles-items [class*="col-"]{
		width: 50%;
	}

	.container-ws .articles-item,
	.popup-panel .articles-item{	
		height: -moz-calc((100vw - 64px - 24px) / 2 * 0.85);
		height: -webkit-calc((100vw - 64px - 24px) / 2 * 0.85);
		height: calc((100vw - 64px - 24px) / 2 * 0.85);
	}

	.slide-menu-interface-2-0-1-inner .container-ws .articles-item,
	.slide-menu-option-2 .container-ws .articles-item{
		height: -moz-calc((100vw - 72px - 64px - 24px) / 2 * 0.85);
		height: -webkit-calc((100vw - 72px - 64px - 24px) / 2 * 0.85);
		height: calc((100vw - 72px - 64px - 24px) / 2 * 0.85);
	}
}

@media(min-width: 1104px) and (max-width: 1379px){
	.container-ws .articles-items [class*="col-"]{
		width: 33.33333333%;
	}
	
	.container-ws .articles-item{	
		height: -moz-calc((100vw - 64px - 48px) / 3 * 0.85);
		height: -webkit-calc((100vw - 64px - 48px) / 3 * 0.85);
		height: calc((100vw - 64px - 48px) / 3 * 0.85);
	}

	.slide-menu-interface-2-0-1-inner .container-ws .articles-item,
	.slide-menu-option-2 .container-ws .articles-item{
		height: -moz-calc((100vw - 72px - 64px - 48px) / 3 * 0.85);
		height: -webkit-calc((100vw - 72px - 64px - 48px) / 3 * 0.85);
		height: calc((100vw - 72px - 64px - 48px) / 3 * 0.85);
	}

	.popup-panel .articles-item{
		height: -moz-calc((100vw - 128px - 48px) / 3 * 0.85);
		height: -webkit-calc((100vw - 128px - 48px) / 3 * 0.85);
		height: calc((100vw - 128px - 48px) / 3 * 0.85);
	}
}

@media(min-width: 1380px){
	.slide-menu-interface-2-0-1-inner .container-ws .articles-item,
	.slide-menu-option-2 .container-ws .articles-item{
		height: -moz-calc((100vw - 72px - 64px - 72px) / 4 * 0.85);
		height: -webkit-calc((100vw - 72px - 64px - 72px) / 4 * 0.85);
		height: calc((100vw - 72px - 64px - 72px) / 4 * 0.85);
	}
}

@media(min-width: 1546px){
	.slide-menu-option-1-active .container-ws .articles-items [class*="col-"]{
		width: 33.33333333%;
	}

	.slide-menu-option-1-active .container-ws .articles-item{	
		height: -moz-calc((100vw - 64px - 324px - 48px) / 3 * 0.85);
		height: -webkit-calc((100vw - 64px - 324px - 48px) / 3 * 0.85);
		height: calc((100vw - 64px - 324px - 48px) / 3 * 0.85);
	}
}