.Carousel{
	overflow: hidden;
	position: relative;
	/*background: #f8f9f4;*/
}

.Carousel__inner{
	box-sizing: border-box;
	width: 1280px;/*1020*/
	padding: 150px 130px 180px;
	margin: 0 auto;
}

.Carousel__slides{
	margin-left: -30px;
	transform: translateZ( 0 );
}
.Carousel__slides ul{
	list-style: none;
	display: table;
	padding: 0;
	margin: 0;
}
.Carousel__slides li{
	vertical-align: middle;
	box-sizing: border-box;
	display: table-cell;
	width: 540px;
	padding: 0;
	margin: 0;
}
.Carousel__slides a{
	display: block;
	-webkit-transition: all .2s;
	        transition: all .2s;
}

.Carousel__slides img{
	display: block;
	width: 480px;
	height: auto;
	margin: 0 30px;
	box-shadow: 16px 16px 20px -5px rgba( 0, 0, 0, .5 );
	transition: all .2s;
}

.Carousel__slides a:hover img{
	transform: translate( 2px, 2px );
	opacity: 0.8;
	box-shadow: 12px 12px 16px -5px rgba( 0, 0, 0, .75 );
}

.Carousel__controls{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 110px;
	text-align: center;
}
.Carousel__button{
	cursor: pointer;
	outline: none;
	padding: 10px;
	border: none;
	background: none;
}

.Carousel__button::after{
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	padding: 0;
	border-radius: 6px;
	background: #a0762c;
	-webkit-transition: all .2s;
	        transition: all .2s;
}
.Carousel__button:hover::after{ opacity: 0.7; }
.Carousel__button--current::after{ background: #322e2d; }


.Carousel__next,
.Carousel__prev{
	position: absolute;
	top: calc( 50% - 30px );
	left: calc( 50% - 30px );
	-webkit-transition: all .2s;
	        transition: all .2s;
}

.Carousel__next:hover,
.Carousel__prev:hover{
	opacity: 0.7;
	-webkit-transform: scale( 1.1 );
	        transform: scale( 1.1 );
}

.Carousel__next{ margin-left: 550px; }
.Carousel__prev{ margin-left: -550px; }

.Carousel__next button,
.Carousel__prev button{
	cursor: pointer;
	outline: none;
	box-sizing: content-box;
	width: 54px;
	height: 54px;
	padding: 0;
	border: none;
	border-radius: 27px;
	background: #a0762c;
}

.Carousel__next button::after,
.Carousel__prev button::after{
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: auto;
	background-size: 100% 100%;
}


.Carousel__next button::after{ background-image: url("../img/carousel_next.jpg"); }
.Carousel__prev button::after{ background-image: url("../img/carousel_prev.jpg"); }