.unslider{overflow:auto;margin:0;padding:0}
.unslider-wrap{position:relative}
.unslider-wrap.unslider-carousel>li{float:left}
.unslider-vertical>ul{height:100%}
.unslider-vertical li{float:none;width:100%}
.unslider-fade{position:relative}
.unslider-fade 
.unslider-wrap li{position:absolute;left:0;top:0;right:0;z-index:8}
.unslider-fade .unslider-wrap li.unslider-active{z-index:10}
.unslider li,.unslider ol,.unslider ul{list-style:none;margin:0;padding:0;border:none}

.unslider-arrow{
	
	position:relative; 
	left:20px; 
	z-index:2; 
	cursor:pointer; 
	top: 50%; 
	color: #fff;}
.unslider-arrow span{
	font-size: 60px; 
	opacity: .5;  
	transition: all ease-in-out .5s;
	-webkit-transition:all ease-in-out .5s;   
    -moz-transition:all ease-in-out .5s;    
    -o-transition:all ease-in-out .5s;}
.unslider-arrow span:hover{
	opacity: 1;
	color: #2c3e50; 
	transition: all ease-in-out .5s;
	-webkit-transition:all ease-in-out .5s;   
    -moz-transition:all ease-in-out .5s;    
    -o-transition:all ease-in-out .5s;}

.unslider-arrow.next{
	
	left:auto;
	right:20px}


/*Mediaquerie*/
/*Pantallas grandes*/

@media (min-width: 1301px) 
{ 
	.unslider-arrow{position:absolute; left:20px; z-index:2; cursor:pointer; top: 50%; color: #fff; }
	.unslider-arrow span{font-size: 50px;}
}



@media (max-width: 1300px) 
{ 
	.unslider-arrow{position:absolute; left:20px; z-index:2; cursor:pointer; top: 30%; color: #fff; }
	.unslider-arrow span{font-size: 50px;}
}
/*Pantallas grandes*/
@media screen and (max-width: 980px)
{	
	.unlider{height: 100%;}
	.unslider-arrow{position:absolute; left:20px; z-index:2; cursor:pointer; top: 30%; color: #fff; }
	.unslider-arrow span{font-size: 50px;}
}
/*Celulares apaisadas y tabletas */
@media screen and (max-width: 700px)
{
	.unslider-arrow{position:absolute; left:20px; z-index:2; cursor:pointer; top: 50%; color: #fff; }
	.unslider-arrow span{font-size: 50px;}
}

@media screen and (max-width: 640px)
{
	.unslider-arrow{position:absolute; left:20px; z-index:2; cursor:pointer; top: 25%; color: #fff; }
	.unslider-arrow span{font-size: 35px;}
}


/*Celulares */
@media screen and (max-width: 480px) {
	.unslider-arrow{position:absolute; left:20px; z-index:2; cursor:pointer; color: #fff; box-sizing: border-box;}
	.unslider-arrow span{font-size: 25px;}
}
