@import url('https://fonts.googleapis.com/css?family=Oswald');
.flexslider{width: 100%;
position: relative;z-index: 0;
box-shadow: 2px 2px 1px rgba(0,0,0,.5);overflow: hidden;
height: 100vh;}


.slides{width:100%;
height: 100vh;	
overflow: hidden;
}


.slides li .slider-s h2{
	z-index: 100;
	color: #fff;
	font-size: 45px;
	font-family: Oswald;
	letter-spacing: 10px;
	text-transform: uppercase;
	padding: 20px 40px ;
	border:2px solid rgba(255,255,255,.8);
	text-align: center;
}


.slides li .slider-s{
	width: 100%;
	height: 100vh;
	z-index: 0;
	background-size: 100% 100%;
	position: relative;
	display: flex;
	justify-content:center;
	align-items:center;
}
.slides li .slider-s::before{
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
}

.slides li .slider-s::after{
	content: "";
	display: block;
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:url('../images/tramaPuntos1.jpg');
	z-index: 1;
	opacity: 0.08;
	background-attachment: fixed; 
}



.slides, .flex-control-nav, .flex-direction-nav{
	margin: 0;padding: 0;list-style: none;
}

.flex-control-nav{width: 100%;text-align: center;position: absolute;
	bottom: 4%;z-index: 999;transform:translateY(50px);opacity: 0;transition:all .7s;}
.flex-control-nav li{display: inline-block;margin: 0 6px;}
.flex-control-nav li a{text-indent:-9999px; display: block;
	background: black;width: 15px; height: 15px;border-radius: 12px;border:2px solid #000;}
.flex-control-nav li a:hover{background: #fff;}
.flex-control-nav li a.flex-active{background: #fff;}

.flex-direction-nav{
	position: absolute;
	top: 30px;
	width: 100%;
	height: 100%;
	display: flex;
	align-items:center;
}

.flex-direction-nav li{
	position: relative;
}

.flex-direction-nav a{display:block;text-decoration: none;
	z-index: 999;width: 40px; height: 40px; overflow: hidden;transition:all .7s;color: #fff}
.flex-direction-nav .flex-prev{
	position: absolute;
	left:10px;
}
.flex-direction-nav .flex-next{
	position:absolute;right:10px;
}


.flexslider:hover .flex-control-nav{transform:translateY(0);opacity: 1;}


.flex-direction-nav a:before{
	font-family:'iconos';
	font-size: 38px;
	display: inline-block;
	content:'';
	color: #fff;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}

.flex-direction-nav a.flex-next:before{content:''; }