/* ### match_slider.css ### */
.fifa2018_match_slider {
	margin-top: 4px;
	font: 0/0 a;
	margin-bottom: 10px;
	position: relative;
	z-index: 1;
	max-width: 100%;
	box-sizing: border-box;
}
	/* вертикалка */
	.fifa2018_match_slider--vertical {
		height: 400px;
		padding-top: 27px;
		padding-bottom: 27px;
		background-repeat: no-repeat;
		background-image: url(/CorpImages/Custom/fifa2018/i/vertical_match_center_bg.jpg);
	}

	.fifa2018_match_slider__canvas {
		overflow: hidden;
		padding-left: 20px;
		padding-right: 20px;
	}
		/* вертикалка */
		.fifa2018_match_slider--vertical .fifa2018_match_slider__canvas {
			padding-left: 0;
			padding-right: 0;
			height: 100%;
			box-sizing: border-box;
		}
	.fifa2018_match_slider__name {
		font: 9px/1 Arial, sans-serif;
		color: #333;
		text-align: left;
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		margin-top: 2px;
	}
	.fifa2018_match_slider__item {
		display: inline-block;
		width: 240px;
		height: 134px;
		vertical-align: top;
		margin-right: -240px;
	}
.fifa2018_match_slider__nav {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50px;
	z-index: 2;
}

/* подложки с градиентами для кнопок */
.fifa2018_match_slider__nav_prev {
	left: 0;
	background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 100%);
}
.fifa2018_match_slider__nav_next {
	text-align: right;
	right: 0;
	background: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,.1) 100%);
}

/* вертикалка */
.fifa2018_match_slider--vertical .fifa2018_match_slider__nav {
	left: 0;
	right: 0;
	bottom: auto;
	top: auto;
	background: #aaa; /* вместо градиента */
	height: 27px;
	width: auto;
}
.fifa2018_match_slider--vertical .fifa2018_match_slider__nav_prev {
	top: 0;
}
.fifa2018_match_slider--vertical .fifa2018_match_slider__nav_next {
	bottom: 0;
}

.fifa2018_match_slider__nav_link {
	font: 0/0 a;
	-webkit-appearance: none;
	background-color: transparent;
	border: none;
	padding: 0;
	height: 100%;
	width: 35px;
	cursor: pointer;
	text-align: inherit;
	box-sizing: border-box;
}
	.fifa2018_match_slider__nav_link::before {
		display: inline-block;
		vertical-align: middle;
		height: 100%;
		content: '';
	}
.fifa2018_match_slider__img {
	will-change: opacity;
	transition: opacity .2s ease-in-out 0s;
	opacity: .5;
	display: inline-block;
	vertical-align: middle;
}

/* вертикалка */
.fifa2018_match_slider--vertical .fifa2018_match_slider__nav_link {
	width: 100%;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

/* ставим кнопку справа в вертикалке*/
.fifa2018_match_slider--vertical .fifa2018_match_slider__img {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 10px;
	height: 13px;
	margin-top: auto;
	margin-bottom: auto;
	opacity: .8;
}

/* приглушаем контрол, если он неактивен */
.fifa2018_match_slider__nav.slider-inactive .fifa2018_match_slider__img {
	opacity: .25;
}
.fifa2018_match_slider__nav_link:hover .fifa2018_match_slider__img {
	opacity: 1;
}
