/*put your css code here*/

div.banners-menu div.frame {
	height:305px;
}

header div.header-top div.wrap-main-menu nav.main-menu {
	display:flex;
	justify-content:space-around;
}

a.ic-menu-burger {
	border-radius:10px;
}

div.first-slider div.first-block.dark div.shadow {
	-webkit-backdrop-filter:blur(3px);
	backdrop-filter:blur(3px);
}

div.banner div.element {
	position:relative;
	background-size:100%;
	transition:all 0.3s ease;
}

div.banner div.element:hover {
	background-size:120%;
	transition:all 0.3s ease;
}

div.banner div.element::before {
	content:"";
	position:absolute;
	background:rgba(0,0,0,.5);
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-backdrop-filter:blur(1px);
	backdrop-filter:blur(1px);
}

div.banner div.element div.part img {
	bottom:-15px;
}


div.banners-menu div.frame.light div.small-shadow {
	background:linear-gradient(transparent,#000);
}

div.banners-menu div.frame {
	border-radius:15px;
}

.form-cell.image-part img {opacity:0;}

.form-cell.image-part::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	background:rgba(255,255,255,.8);
	width:100%;
	height:100%;
}

.form-cell.image-part {
	position:relative;
	background: url('/upload/resize_cache/iblock/cfe/900_1500_0/cfeb311d3b9121fe9735edb2e626bab1.jpg') no-repeat top;
	background-size: cover;
	border-radius:10px;
	left:5px;
}

@media(max-width:1024px) {
	div.banners-menu div.frame img {
		height:auto;
	}

	div.banners-menu div.frame div.text div.cont div.comment {
		text-overflow: ellipsis;
		max-height: 80px;
		overflow: hidden;
		white-space: nowrap;
	}
}

@media(min-width:1024px) {
	div.banners-menu div.frame img {
		height:100%;
	}
}