

/* Start:/local/templates/reklamniesnaiperi.ru/components/bitrix/news.list/service-list/style.css?15810209553394*/
.service-list {
}

	.service-list__inner {
		display: flex;
		flex-wrap: wrap;
	}

		.service-list__item {
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: cover;
			flex: 0 0 100%;
			height: 50vh;
			min-height: 480px;
			overflow: hidden;
			
			position: relative;
		}
		
			.service-list__info {
				background: var(--purple-alpha-color);
				bottom: 0;
				display: flex;
				flex-direction: column;
				left: 0;
				overflow: hidden;
				padding: 40px 20px 20px;
				position: absolute;
				right: 0;
				
				top: 100%;
				transition: var(--transition-default);
			}
			
				.service-list__item:hover .service-list__info {
					top: 140px;
				}
				
				.service-list__name {
					color: #fff;
					flex-grow: 1;
					flex-shrink: 0;
					font-size: 36px;
					text-transform: uppercase;
				}
				
				.service-list__link {
					text-align: center;
				}
				
				.service-list__icons {
					margin-top: 40px
				}
				
					.service-list__icons-list {
						display: flex;
						justify-content: center;
						list-style: none;
						margin: 0 -5px;
						padding: 0;
					}
					
						.service-list__icon-item {
							padding: 0 5px;
							position: relative;
						}
						
							.service-list__icon-item--disabled {
								opacity: .3;
							}
						
							.service-list__icon-image {
							
							}
							
								.service-list__icon-image .svg-icon {
									display: block;
									fill: #fff;
									height: 35px;
									width: 40px;
								}
							
								.service-list__icon-name {
									color: #fff;
									display: none;
									font-size: 11px;
									left: 5px;
									opacity: 0;
									position: absolute;
									top: -100%;
									transition: var(--transition-default);
									visibility: hidden;
									width: 160px;
								}
								
								.service-list__icon-item:hover .service-list__icon-name {
									/*display: block;
									visibility: visible;
									opacity: 1;*/
								}

@media (min-width: 768px) {
	.service-list__item {
		flex: 0 0 50%;
	}
}

@media (min-width: 992px) {
	.service-list__item {
		flex: 0 0 33.33333%;
	}
}

@media (min-width: 1200px) {
	.service-list__item {
		flex: 0 0 25%;
	}
}

.detail-popup .fancybox-content {
	max-width: 96%;
	padding: 30px;
	width: 100%;
}

@media (min-width: 992px) {
	.detail-popup .fancybox-content {
		max-width: 800px;
	}
}

.service-detail {
}

	.service-detail__logo {
		border-bottom: 1px solid #e4e4ee;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	
		.service-detail__logo img {
			display: block;
			margin: 0 auto;
			width: 300px;
			max-width: 100%;
		}
		
	.service-detail__items {
	}
	
		.service-detail__item {
			margin-bottom: 30px;
		}
		
			.service-detail__item img {
				display: block;
				max-width: 100%;
			}
			
			.service-detail__caption {
				font-size: 13px;
				color: #ccc;
				font-style: italic;
				margin-top: 6px;
			}

			.service-detail__video {
				height: 0;
				overflow: hidden;
				padding-bottom: 56.25%;
				padding-top: 30px;
				position: relative;
			}
			
				.service-detail__video iframe {
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 100%;
				}
/* End */
/* /local/templates/reklamniesnaiperi.ru/components/bitrix/news.list/service-list/style.css?15810209553394 */
