/* Start:/local/templates/ksil/components/pure/news.list/installation/style.css?16529684604509*/
.installation {}
.installation .open-content:hover {cursor: pointer;}
.close-content {
	display: block;
	height: 18px;
	position: absolute;
	right: 5px;
	top: 10px;
	width: 18px;
}
.close-content:hover {cursor: pointer;}
.close-content:hover:before, .close-content:hover:after {background-color: #282828;}
.close-content:before, .close-content:after {
	background-color: #a2a3a9;
	content: '';
	height: 100%;
	left: 9px;
	position: absolute;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-ms-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
	width: 1px;
}
.close-content:before {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close-content:after {
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.installation-list {display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; text-align: left;}
.installation-list-item {flex: 0 0 50%; margin-bottom: 40px; padding: 0 15px; width: 50%;}
.installation-list-item-inner {height: 400px; overflow: hidden; position: relative;}
.installation-list-item-inner:hover .installation-list-item-head_bg {opacity: 0.5;}
.installation-list-item-inner.active .installation-list-item-head {height: 5px; overflow: hidden;}
.installation-list-item-inner.active .installation-list-item-head_bg {opacity: 1;}
.installation-list-item-inner.active .installation-list-item-head .installation-list-item-name, .installation-list-item-inner.active .installation-list-item-number {opacity: 0; visibility: hidden;}
.installation-list-item-inner.active .open-content:hover {cursor: default;}
.installation-list-item-inner.active .installation-list-item-body {opacity: 1; visibility: visible;}
.installation-list-item-head {
	height: 100%;
	position: relative;
	z-index: 2;
	-webkit-transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
	-moz-transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
	-ms-transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
	transition: height 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.installation-list-item-body {
	height: 100%;
	opacity: 0;
	padding: 30px 30px 25px 30px;
	visibility: hidden;
	-webkit-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
	-moz-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
	-ms-transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
	transition: visibility 0.15s ease-in-out, opacity 0.15s ease-in-out;
	position: relative;
}
.installation-list-item-head_bg {
	bottom: 0;
	left: 0;
	opacity: 0.7;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity 0.15s ease-in-out;
	-moz-transition: opacity 0.15s ease-in-out;
	-ms-transition: opacity 0.15s ease-in-out;
	transition: opacity 0.15s ease-in-out;
}
.installation-list-item-head .installation-list-item-name {
	bottom: 0;
	color: #fff;
	font-family: 'LatoWeb', sans-serif;
	font-size: 29px;
	left: 0;
	line-height: 1;
	padding: 0 5px 25px 30px;
	position: absolute;
	text-align: left;
	word-break: break-word;
	width: 60%;
}
.installation-list-item-body .installation-list-item-name {
	color: #000;
	font-size: 22px;
	line-height: 26px;
	margin-bottom: 15px;
}
.installation-list-item-number {
	font-family: 'Roboto', sans-serif;
	color: #fff;
	font-size: 32em;
	line-height: 0.83;
	opacity: 0.7;
	position: absolute;
	right: -100px;
	top: -35px;
	width: auto;
}
.installation .installation-list-item-head img {height: 100%; margin-bottom: 0; -o-object-fit: cover; object-fit: cover; width: 100%; z-index: -1;}
.installation-list-item-text {font-size: 16px; line-height: 26px; max-height: 277px; overflow: hidden; overflow-y: auto;}

.installation-list-item:first-child .installation-list-item-number {
	right: -130px;
}

@media (max-width: 991px) {

	.installation-list-item {flex: 1 1 260px;}
	.installation-list-item-inner {height: 300px;}
	.installation-list-item-head .installation-list-item-name {font-size: 21px; padding: 0 5px 15px 15px;}
	.installation-list-item-body {padding: 25px 15px 15px 15px;}
	.installation-list-item-body .installation-list-item-name {font-size: 20px; line-height: 21px;}
	.installation-list-item-text {max-height: 180px;}
	.close-content {top: 5px;}

}
/* End */
/* /local/templates/ksil/components/pure/news.list/installation/style.css?16529684604509 */