.info__pages_4 {
    .block__item__inner {
    	position: relative;
    	background: #fff;
    	padding: 128% 0 36px;
    	width: 100%;
    	overflow: hidden;
    }

    .block__item__inner:after {
    	content: '';
    	opacity: 0;
    	position: absolute;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	top: 0;
    	background: rgba(0,0,0,.5);
    	transition: opacity .3s;
    	z-index: 2;
    }

    .block__item__inner:after {
    	opacity: 1;
    }

    .block__item__inner:hover:after {
    	opacity: 1;
    }

    .block__item__link {
    	position: absolute;
    	z-index: 4;
    	top: 0;
    	right: 0;
    	bottom: 0;
    	left: 0;
    	display: block;
    }

    .block__item__image-block {
    	position: absolute;
    	top: 0;
    	left: 0;
    	right: 0;
    	bottom: 0;
    	z-index: 1;
    }

    .block__item__image-block.nopicture {
    	background-color: var(--base_color);
    }

    .block__item__image-link {
    	background-position: center center;
    	background-size: cover;
    	display: block;
    	width: 100%;
    	height: 100%;
    	background-repeat: no-repeat;
    }

    .block__item__content {
    	z-index: 3;
    	flex-wrap: wrap;
    	position: absolute;
    	bottom: 25px;
    	right: 30px;
    	left: 30px;
    }

    .block__item__period {
    	font-size: .867em;
    	line-height: 1.692em;
    	/*color: #777;*/
    	margin-top: 13px;
    	position: relative;
    	padding-left: 20px;
    }

    .block__item__period:before {
    	content: '';
    	background-image: url(../img/_info__item-date_white.svg);
    	background-repeat: no-repeat;
    	display: block;
    	width: 9px;
    	height: 12px;
    	position: absolute;
    	left: 0;
    	top: 50%;
    	margin-top: -6px;
    }

    .block__item__period > span {
    	/*color: #fff;*/
    	opacity: .7;
    }

    .block__item__date {
    	font-size: .867em;
    	line-height: 1.692em;
    	/*color: #777;*/
    	margin-bottom: 13px;
    }

    .block__item__date > span {
    	/*color: #fff;*/
    	opacity: .7;
    }

    .countdown-datetime {
    	pointer-events: none;
    	display: inline-block;
    	background: #fff;
    	border-radius: 2px;
    	position: absolute;
    	top: 25px;
    	left: 25px;
    	z-index: 4;
    }

    .countdown-datetime__inner {
    	flex-wrap: nowrap;
    	display: flex;
    	align-items: center;
    	height: 40px;
    }

    .countdown-datetime__inner > div {
    	width: 25%;
    	min-width: 38px;
    	text-align: center;
    	position: relative;
    }

    .countdown-datetime__inner > div:before {
    	content: '';
    	background: #333;
    	width: 2px;
    	height: 2px;
    	display: block;
    	position: absolute;
    	right: -1px;
    	border-radius: 50%;
    	top: 5px;
    }

    .countdown-datetime__inner > div:after {
    	content: '';
    	background: #333;
    	width: 2px;
    	height: 2px;
    	display: block;
    	position: absolute;
    	right: -1px;
    	border-radius: 50%;
    	top: 10px;
    }

    .countdown-datetime__inner > div:last-child:before,
    .countdown-datetime__inner > div:last-child:after {
    	display: none;
    }

    .countdown-datetime__inner > div > span {
    	/*color: #333;*/
    	font-size: 15px;
    	font-weight: 700;
    	line-height: 1;
    	display: block;
    }

    .countdown-datetime__inner > div > div {
    	/*color: #333;*/
    	opacity: .6;
    	font-size: 11px;
    	line-height: 1;
    	margin-top: 1px;
    	overflow: hidden;
    	white-space: nowrap;
    	text-overflow: ellipsis;
    }

    @media (max-width:1259px) {

    	.block__item__content {
    		bottom: 16px;
    		right: 16px;
    		left: 16px;
    	}

    	.block__item__date {
    		margin-bottom: 3px;
    		font-size: 12px;
    		line-height: 22px;
    	}

    	.block__item__period {
    		margin-top: 3px;
    		font-size: 12px;
    		line-height: 22px;
    	}

    	.countdown-datetime {
    		top: 16px;
    		left: 16px;
    	}
    }

    @media (max-width:959px) {
    	.block__col:nth-child(1) {
    		width: 100%;
    		padding-bottom: 35px;
    	}

    	.block__col:nth-child(2) {
    		width: 100%;
    	}
    }

    @media (max-width:540px) {
    	.block__item__inner {
    		background: none;
    		padding: 0;
    		border: 0;
    		border-radius: 0;
    		box-shadow: none!important;
    	}

    	.block__item:not(.nopicture) .block__item__inner {
    		padding-left: 95px;
    		min-height: 114px;
    	}

    	.block__item__inner:after {
    		display: none;
    	}

     	.block__item__image-block {
    		width: 80px;
    		height: 114px;
    		border-radius: 3px;
    		overflow: hidden;
    		bottom: auto;
    		right: auto;
    	}

    	.block__item__image-block.nopicture {
    		background: #fff!important;
    	}

    	.block__item__image-block.nopicture .block__item__image-link {
    		background-image: url(../img/nopicture.png);
    		background-size: 100%;
    	}

    	.block__item__content {
    		position: relative;
    		bottom: auto;
    		right: auto;
    		left: auto;
    		display: block;
    	}

    	.block__item__date {
    		font-size: 12px;
    		line-height: 22px;
    		margin-bottom: 3px;
    	}

    	.block__item__date:before {
    		background-image: url(../img/_info__item-date_red.svg);
    	}

    	.block__item__date > span {
    		/*color: #777;*/
    		opacity: 1;
    	}

    	.block__item__period {
    		font-size: 12px;
    		line-height: 22px;
    		margin-top: 5px;
    	}

    	.block__item__period:before {
    		background-image: url(../img/_info__item-date_red.svg);
    	}

    	.block__item__period > span {
    		/*color: #777;*/
    		opacity: 1;
    	}

    	.countdown-datetime {
    		border: 1px solid #eee;
    	    top: auto;
    	    left: auto;
    	    position: relative;
    	    border-radius: 3px;
    	    margin-top: 10px;
    	}
    }
}