*{
	padding: 0;
	margin: 0;
}

html, body{
	background-color: #000;
	font-family: 'raleway';
	position: relative;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
}

.preloader
{
	position: absolute;
	z-index: 999;
	background-color: #000;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}


.swiper-container {
      width: 100%;
      height: 100%;
      cursor: col-resize;
      z-index: 1;
}


.header{
	background-color:rgba(0,0,0,.65);
	position: fixed;
	z-index:  2;
	height: 80px;
	width: 100%;
	box-shadow: 0px 20px 50px 5px black ;
}

.header a{
	text-decoration: none;
}
.back{
	
	
	width: 100px;
	height: 80px;
	left: 5%;
	top: 25%;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	position: absolute;
	
	
}

.back p{
	font-size: .7em;
	color: white;


}

.back img{
	width: 30%;
	
}


.next{
	
	right: 5%;
	top: 25%;
	width: 100px;
	height: 80px;
	text-align: center;
	cursor: pointer;
	opacity: 1;
	position: absolute;
	
	
}

.next p{
	font-size: .7em;
	color: white;


}

.next img{
	width: 30%;
	
}


.header .logo{
	
	left: 50%;
	width: 100px;
	height: 80px;
	top: 50%;
	transform: translate(-50%, -25%);
	text-align: center;
	cursor: pointer;
	opacity: 1;
	position: absolute;
}




.header .logo img{
	width: 100%;
	
}



.swiper-slide {
      text-align: center;
      font-size: 1.7em;
      color: white;
      font-weight: 600;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;

      background-size: cover;
     background-repeat: no-repeat;
    }

.cierre{
	width: 100%;
	height: 100vh;
	background-color: black;
	z-index: 4;
	right: -100%;
	top: 0;
	position: absolute;
	overflow: hidden;

}

.swiper-container .text{
	padding: 10px 20px;
	border: 1px solid #FFFDE7;
	color: rgba(255,253,231,.9);
	background-color: rgba(0,0,0,.6); 
}

@media screen and (max-width: 523px){
	.text{
		font-size: .7em;
	}
}

@media screen and (max-width: 409px){
	.text{
		font-size: .55em;
	}
}

@media screen and (max-width: 457px) {
	
	.back{
		width: 12%;
		font-size: .9em;
	}
	.next{
		width: 12%;
		font-size: .9em;
	}
}