/* Start:/bitrix/templates/universe_template_s1/components/bitrix/photo/photogallery/bitrix/photo.sections.top/.default/style.css?15828372003476*/

.photo-sections-top{
	display: block;
	font-size: 0;
	margin: 0 -10px;
}
.photo-sections-top .photo-sections-top-item{
	position: relative;
	display: inline-block;
	float: left;
	width: 33.33333%;
	padding: 10px;
	box-sizing: border-box;
	transition: 300ms linear;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper{
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 70%;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 100%;
	transition: 350ms ease-in-out;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content:hover{
	transition: 350ms ease-in-out;
	top: -10px;
	bottom: 10px;
	box-shadow: 1px 10px 21px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 1px 10px 21px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 10px 21px rgba(0, 0, 0 , 0.4);
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content .photo-sections-top-item-button-default{
	transition: 350ms linear;
	position: absolute;
	bottom: 8%;
	left: 5%;
	font-size: 15px;
	line-height: 1.7em;
	max-width: 75%;
	opacity: 1.0;
	background: #fff;
	color: #444;
	border-color: #fff;
	overflow: hidden;
}
.photo-sections-top .photo-sections-top-item:hover .photo-sections-top-item-wrapper-content .photo-sections-top-item-button-default{
	bottom: 8%;
	opacity: 0;
	transition: 0.4s linear;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content .photo-sections-top-item-button-hover{
	transition: 0.3s linear;
	position: absolute;
	max-width: 75%;
	font-size: 15px;
	line-height: 1.7em;
	bottom: 8%;
	left: 5%;
	opacity: 0;
	overflow: hidden;
}
.photo-sections-top .photo-sections-top-item:hover .photo-sections-top-item-wrapper-content .photo-sections-top-item-button-hover{
	bottom: 8%;
	opacity: 1.0;
	transition: 0.4s linear;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content .photo-sections-top-item-blackout{
	display: block;
	position: relative;
	background: #000;
	opacity: 0;
	width: 100%;
	height: 100%;
	transition: 350ms ease-in-out;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content:hover .photo-sections-top-item-blackout{
	opacity: 0.5;
	transition: 350ms ease-in-out;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content .photo-sections-top-item-wrapper-count-information{
	display: block;
	position: absolute;
	bottom: 5%;
	right: 7%;
	opacity: 0;
	transition: 0.3s ease-in-out;
	color: #fff;
	font-size: 16px;
}
.photo-sections-top .photo-sections-top-item .photo-sections-top-item-wrapper-content .photo-sections-top-item-wrapper-count-information span{
	display: inline-block;
	vertical-align: middle;
	padding-top: 3px;
}

.photo-sections-top .photo-sections-top-item:hover .photo-sections-top-item-wrapper-content .photo-sections-top-item-wrapper-count-information{
	bottom: 9%;
	opacity: 1;
	transition: 0.3s linear;
}
.glyph-icon-landscape::before{
	vertical-align: middle;
	margin-right: 5px;
	line-height: 15px;
}


@media all and (max-width: 990px) {
	.photo-sections-top .photo-sections-top-item{
		width: 50%;
	}
}
@media all and (max-width: 540px) {
	.photo-sections-top .photo-sections-top-item{
		width: 100%;
	}
}


/* End */
/* /bitrix/templates/universe_template_s1/components/bitrix/photo/photogallery/bitrix/photo.sections.top/.default/style.css?15828372003476 */