.nav-arrows {width: 100%;position: absolute;top: 0;overflow: hidden;height: 400px;z-index: 1;}
.nav-arrows a {width: 150px; height: 400px; position: absolute;opacity: 1; transition: 1s;}
.nav-arrows a img {margin-top: 170px; width: 50px; height:auto; }
.nav-arrows a:hover {opacity: 1; transition: 1s;}
.nav-arrows a:first-child {left: 40px;transition: 1s;/*background: url(../images/left.png) no-repeat;*/}
.nav-arrows a:last-child {right: 40px;transition: 1s;}
.nav-arrows a:first-child:hover {left: 0px;transition: 1s;}
.nav-arrows a:last-child:hover {right: 0px;transition: 1s;}

@media screen and (max-width: 767px) {
.nav-arrows a {width: 70px; height: 400px; position: absolute;opacity: 0; transition: 1s;}
.nav-arrows a img {margin-top: 80px; width: 40px; height:auto; }
.nav-arrows a:first-child {left: 10px;transition: 1s;}
.nav-arrows a:last-child {right: 10px;transition: 1s;}
}
.nav-dots {
	text-align: center;
	position: absolute;
	bottom: -5px;
	height: 30px;
	width: 100%;
	left: 0;
	display: none;
}

.nav-dots span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	margin: 3px;
	background: #cbbfae;
	cursor: pointer;
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1);
}

.nav-dots span.nav-dot-current {
	box-shadow: 
		0 1px 1px rgba(255,255,255,0.6), 
		inset 0 1px 1px rgba(0,0,0,0.1), 
		inset 0 0 0 3px #cbbfae,
		inset 0 0 0 8px #fff;
}