


.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;
    margin-bottom:5px;

	}

.flexslider .slides{	
list-style: none outside none;
	margin:0;
	box-shadow:0 2px 6px 2px rgba(0,0,0,0.2);
	height:445px	
	}
/* Control Nav */

/* Control Nav */
.flex-direction-nav{
	position:absolute;top:50%;left:0;
	overflow:hidden;width:100%;
	margin:-24px 0 0;
	z-index:1000
}

.flex-direction-nav li{width:50%;float:left;overflow:hidden
}
.flex-direction-nav li a{width:48px;height:48px;display:block}
.flex-direction-nav li a.flex-prev{background:url(../img/prev-1.png) no-repeat 0 0;margin-left:21px;float:left}
.flex-direction-nav li a.flex-next{background:url(../img/next-1.png) no-repeat 0 0;float:right;margin-right:21px}
.flex-direction-nav li a:hover{background-position:0 bottom}
.flex-control-nav {
	position:absolute;
	list-style:none;
	z-index:2;	
	bottom:-30px;
	left:50%;
	margin-left:-85px;
	list-style:none;
	background:url(../img/part-control.png) no-repeat 0 0;width:170px;height:64px;
	text-align:center
	
}


.flex-control-nav li {
	display:inline-block;
	margin:28px 4px 0 5px;
}
.flex-control-nav li a {
	display:block;
	text-indent:-999em;
	width:16px;
	height:16px;
	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;
	}
.flex-control-nav li a.flex-active{cursor:default}

@media only screen and (min-width: 1200px) {
.flexslider .slides{height:554px}

	}
	

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

.flexslider .slides{  
height:342px
	
	}

}


@media only screen and (max-width: 767px) {
.flexslider .slides{ 
height:auto;
	}

}

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

	}
