@font-face {
font-family: 'VW-Font-L';
src: url(/vw_font/CSL.ttf);
}
@font-face {
font-family: 'VW-Font-B';
src: url(/vw_font/CSB.ttf);
}
@font-face {
font-family: 'VW-Z25';
src: url(/vw_font/Z25.otf);
}

.vw_slides {
    display: none;
}
.vw_slides img {
	width: 950px;
	height: 450px;
}

/*КНОПКИ*/
	.back, .forward {
	display: block;
	cursor: pointer;
	position: absolute;
	top: 50%;
	padding: 15px;
	color: #F7FFF7;
	font-weight: bold;
	font-size: 23px;
	transition: 0.5s ease;
}

/*КНОПКА СПРАВА*/
	.forward {
	right: 0;
}

/*ЭФФЕКТ ПИ НАВЕДЕНИИ*/
	.back:hover, .forward:hover {
	background-color: rgba(78,205,196,0.5);
	color: #F7FFF7;
}

/*ИНДИКАТОРЫ ПОД ИЗОБРАЖЕНИЕМ*/
	.vw_box {
	cursor: pointer;
	height: 20px;
	width: 30px;
	margin: 0 2px;
	background-color: #F7FFF7;
	display: inline-block;
	transition: background-color 0.5s ease;
}

.eff_a, .vw_box:hover {
	background-color: #4ECDC4;
}

/*ЭФФЕКТЫ АНИМАЦИИ*/
	.eff {
	-webkit-animation-name: fade;
	-webkit-animation-duration: 1.5s;
	animation-name: fade;
	animation-duration: 1.5s;
}

@-webkit-keyframes vw_box {
	from {opacity: .4}
	to {opacity: 1}
}

@keyframes vw_box {
	from {opacity: .4}
	to {opacity: 1}
}