.slider {
	--background-color: #ddd;
	position: relative;
	overflow: hidden;
}

.slider .nav_arrow_container {
	width: 10%;
	height: 100%;
	position: absolute;
	z-index: 1000;
	cursor: pointer;
}
.slider .nav_arrow_container_right {
	right: 0;
}

.slider .nav_arrow {
	background-color: transparent;
    border: medium none;
    cursor: pointer;
    height: 32px;
    padding: 0;
    position: relative;
    top: 50%;
    width: 32px;
    z-index: 1;
	margin: 0 30px;
}

.slider .nav_arrow_left {
	background-image: url("img/sprite.png");
    background-position: -1px -37px;
    left: 0;
}

.slider .nav_arrow_right {
	background-image: url("img/sprite.png");
    background-position: -1px -73px;
    right: 0;
}

.slider_inner {
	width: 100%;
	height: 100%;
	position: relative;
}

.slider .page {
	--background-color: #000;
	width: 100%;
	height: 100%;
	position:absolute;
}

.raster_inner > div {
	box-shadow: 0px 0px 1px 1px #000000;
	background-color: #202020;
}