.flexslider .slides > li {display: none;position:relative} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 

html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


.flexslider{    
	position:relative;
	z-index:10;
	height:402px
	}



.flexslider .slides{	
list-style: none outside none;
	margin:0;}
/* Control Nav */

/* Control Nav */
.flex-direction-nav{
	display:none;
}

.flex-control-nav {
	position:absolute;
	list-style:none;
	z-index:2;	
	bottom:11px;
	left:50%;
	margin-left:-68px;
	list-style:none
}
.flex-control-nav li {
	display:inline-block;
	margin:0 5px ;
}
.flex-control-nav li a {
	display:block;
	text-indent:-999em;
	width:35px;
	height:35px;
	background: url(../img/pags.png) no-repeat 0 0;
	cursor:pointer
}
	.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {
		background-position:0 bottom;
	}


@media only screen and (min-width: 1300px) {

.flexslider{height:500px}
	}
	

	
@media only screen and (min-width: 768px) and (max-width: 980px) {

.flexslider{   

	height:309px
	}

}


@media only screen and (max-width: 767px) {
.flexslider{   

	height:auto
	}

}

@media only screen and (max-width: 480px){
.flex-control-nav {
	bottom:5px;
	
	}

	}