

/* Start:/bitrix/templates/deutsch_template/components/bitrix/news.list/main_page_square/style.css?17876703452030*/
.block-list{
	margin: 50px 0;
}
.block-item{
	float:left;
	width: 326px;
	height: 326px;
	padding-bottom:1px;
}
.block-item:nth-child(3n+2){
	padding-right:1px;
	padding-left:1px;
}

.single_image{
	position: relative;
	transition: all 1s;
}
.visible_fix{

}

.image_overlay{
	position: absolute;
	width: 326px;
    height: 326px;
	background: rgba(0, 0, 0, 0.6);
	left: 0;
	top: 0;
	opacity: 0;
	transition: all 1s;
}
.image_overlay h2{
	*position: absolute;
	bottom: 28px;
	left: 20px;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 3px;	
}
.image_overlay h4{
	*position: absolute;
	bottom: 11px;
	left: 20px;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;	
}
.wrap-text{
	padding-top: 15%;
    text-align: center;
    padding-left: 5%;
    padding-right: 5%;
}
.single_image:hover div.image_overlay, .single_image:focus div.image_overlay{
	opacity: 1;
}
.single_image.visible div.image_overlay{
	opacity: 1;
}
.single_image.visible_fix div.image_overlay{
	opacity: 1;
}
.single_image.white .image_overlay{
	background: rgba(255, 255, 255, 0.6)!important;
}
.single_image.white .image_overlay h2, .single_image.white .image_overlay h4{
	color:#000!important;
}
.single_image .image_overlay .more-button{
	border: none;
    border-radius: 3px;
    color: #fff;
    padding: 10px 16px;
    display: inline-block;
    line-height: 1;
    font-size: 15px;
    transition: background-color .3s ease-out;
    background-color: #d00000;
	*margin-top: 10px;
}
.single_image .image_overlay  .more-button:hover{
	background-color: #ac0000;
}
.single_image .image_overlay   .cursor{
	width:60px;
	display:none;
}
.single_image.mobile  .image_overlay .cursor{
	display:inline-block;
}
.single_image.mobile  .image_overlay .more-button{
	display:none;
}
.single_image.mobile div.image_overlay{
	opacity: 1;
}
.single_image.mobile .image_overlay {
	background: rgba(0, 0, 0, 0.6)!important;
}
.single_image.mobile .image_overlay h2, .single_image.mobile .image_overlay h4{
	color: #fff!important;
} 
/* End */
/* /bitrix/templates/deutsch_template/components/bitrix/news.list/main_page_square/style.css?17876703452030 */
