/* --- Карусель --- */
.carousel {
	position: relative;
	padding-top: 35%;
	margin-bottom: 25px;
	overflow: hidden;
	width: 100%;
	border-radius: 2px;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
}
	.carousel-inner {
		position: absolute;
		overflow: hidden;
		width: 100%;
		left: 0; top: 0; bottom: 0;
	}
	.carousel-inner > .item {
		display: none;
		position: relative;
		width: 100%; height: 100%;
		overflow: hidden;
		-webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
	}
	.carousel-inner > .item > .cover {
		width: 100%;
		position: absolute;
		left: 0; top: 0; bottom: 0;
	}
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img { line-height: 1; vertical-align: top; }

	.carousel-inner > .active,
	.carousel-inner > .next,
	.carousel-inner > .prev { display: block; }
	.carousel-inner > .active { left: 0; }
	.carousel-inner > .next,
	.carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
	.carousel-inner > .next { left: 100%; }
	.carousel-inner > .prev { left: -100%; }
	.carousel-inner > .next.left,
	.carousel-inner > .prev.right { left: 0; }
	.carousel-inner > .active.left { left: -100%; }
	.carousel-inner > .active.right { left: 100%; }
	.carousel-control {
		position: absolute;
		top: 0; bottom: 0; right: 0;
		margin: 25px;
		width: 44px;
		display: flex;
		align-items: center;
		z-index: 1;
	}
	.carousel-control_in {
		box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,0.2);
		background-color: #fff;
		border-radius: 22px;
		text-align: center;
	}
	.carousel-control .up, .carousel-control .down {
		display: block;
		padding: 15px 12px;
	}
	.carousel-control .icon {
		fill: #d7d7d7;
		width: 20px; height: 32px;
	}
	.carousel-control a:hover > .icon { fill: #3394e6; }
	.carousel-indicators {
		list-style: none;
		padding: 0; margin: 0;
		text-align: center;
	}
	.carousel-indicators li {
		display: block;
		width: 20px; height: 20px;
		margin: 0 auto;
		cursor: pointer;
		position: relative;
	}
	.carousel-indicators li:after, .carousel-indicators li:before {
		content: "";
		position: absolute;
		left: 50%; top: 50%;
		border-radius: 50%;
	}
	.carousel-indicators li:after {
		width: 4px; height: 4px;
		margin: -2px 0 0 -2px;
		background-color: #7f7f7f;
	}
	.carousel-indicators li:hover:after, .carousel-indicators li.active:after { background-color: #3394e6; }
	.carousel-indicators li:before {
		display: none;
		border: 2px solid #3394e6;
		width: 8px; height: 8px;
		margin: -6px 0 0 -6px;
	}
	.carousel-indicators li.active:before { display: block; }
	.carousel-caption {
		position: absolute;
		left: 0; bottom: 0; right: 94px;
		margin: 0 0 8% 8%;
		z-index: 10;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0,0,0, 0.2);
	}
	.carousel-caption .title {
		font-weight: bold;
		letter-spacing: -.03em;
		font-size: 2.9em;
		line-height: 1.3em;
	}
	.carousel-caption .text { 
		font-size: 1.3em;
		line-height: 1.45em;
	}
	.carousel.vertical .carousel-inner { height: 100%; }
	.carousel.vertical .item { left: 0; -webkit-transition: .4s ease-in-out top; transition: .4s ease-in-out top; }
	.carousel.vertical .active { top: 0; }
	.carousel.vertical .next { top: 100%; }
	.carousel.vertical .prev { top: -100%; }
	.carousel.vertical .next.left,
	.carousel.vertical .prev.right { top: 0; }
	.carousel.vertical .active.left { top: -100%; }
	.carousel.vertical .active.right { top: 100%; }