/*
* ====================================================
* Slideshow
* ====================================================
*/
.lSSlideWrapper, .lSSlideOuter, .slideshow, .slide-item{
	position: relative;
	width: 100%;
}

.slide-item{
	display: block;
	width: 100%; 
	background-position: center center;
	background-size: 100%; /*For old browsers*/
	background-size: cover;
}


/* 
* --------------------------------------------------------------------------------
* Styles for custom next prev buttons, change classname in html to apply an style
* --------------------------------------------------------------------------------
*/
/*General Styles*/
.lSSlideOuter .lSAction{
	opacity: 0;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.lSSlideOuter:hover .lSAction{
	opacity: 1;
} 
.lSAction > a{
	background-image: none;
	width: auto;
	height: auto;
	padding: 2px 20px;
	color: #ffffff;
	font-size: 2.5em;
	margin-top: -29px;
}
.lSAction > a:hover{
	color: #fff;
}
.lSAction > .lSPrev{
	left: 0;
}
.lSAction > .lSNext{
	right: 0;
}

/*Minimal*/
.nav-minimal .lSNext, .nav-minimal .lSPrev {
	background: none;
}
/*Square*/
.nav-square .lSNext, .nav-square .lSPrev {
	background: #000;
}
/*Circle*/
.nav-circle .lSNext{
	padding: 7px 25px;
	background: #000;
	border-radius: 40px;
	right: 10px;
}
.nav-circle .lSPrev{
	padding: 7px 25px;
	background: #000;
	border-radius: 40px;
	left: 10px;
}
/*Radius*/
.nav-radius .lSNext {
	background: #000;
	border-radius: 12px 0 0 12px;
}
.nav-radius .lSPrev{
	background: #000;
	border-radius: 0 12px 12px 0;
}


/*
* ----------------------------------------------------
* Dots navigation:  o o o o
* ----------------------------------------------------
*/
.lSSlideOuter .lSPager.lSpg{
	position: absolute;
	width: 100%;
	bottom: 15px;
    opacity: 0;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
}
.lSSlideOuter:hover .lSPager.lSpg{
	opacity: 1;
}
/*normal dot*/
.lSSlideOuter .lSPager.lSpg > li a{
	border: 1px solid #ffffff;
	background: none;
	width: 12px;
	height: 12px;
	outline: none;
}
/*active dot*/
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{
	background: rgba(255,255,255,.8);
}





/*
* ====================================================
* Media Querys for Slideshow
* ====================================================
*/
/* Tablet, ipad portrait 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Tablet, ipad landscape 1024px */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { 

}

/* Mobile portrait ancho 300px */
@media only screen and (max-width: 767px) {
	/*Slideshow*/
	.slide-item{
		height: 300px;
	}
}

/* Mobile landscape ancho 420px */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}