#container {margin: 0 auto;width: 940px; position:relative;}
.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;} 
.slides{overflow:hidden}
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}


.flexslider {
	width: 100%;
	margin: 0;
	position: relative;
	
}
.flexslider .slides img {
	width: 100%;
	max-width: 100%;
	display: block;
}


.flexslider .caption{background:url(../images/bg-caption.png);overflow:hidden;padding:25px 36px 25px 40px}
.flexslider .caption strong{font-weight:normal;font-size:22px;line-height:24px;text-transform:uppercase;text-shadow:1px 1px #191814;color:#f4f2d4;font-family: 'Oswald', sans-serif;width:650px;float:left;display:block;padding-top:5px}
.flexslider .caption strong span{color:#adab95;font-family:Arial, Helvetica, sans-serif;font-size:13px;line-height:16px;text-transform:none;text-shadow:none;display:block;padding-top:10px}
.flexslider .caption  a{color:#b1b1a2;font-size:12px;line-height:16px;text-transform:uppercase;background:url(../images/button-1.gif) repeat-x 0 0;display:inline-block;padding:25px 14px 24px 15px;float:right;
        border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
		-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;}
	.flexslider .caption  a:hover{text-decoration:none;color:#fff;background-position: 0 bottom}
/* Control Nav */
.flex-direction-nav {
	display:none;
}

.flex-control-nav {
	position:absolute;overflow:hidden;
	list-style:none;
	z-index:2;bottom:18px;right:36px
}
.flex-control-nav li {
	float:left;
	margin:0 0 0 3px;
}
.flex-control-nav li a {
	display:block;
	text-indent:-999em;
	width:18px;
	height:18px;
	background: url(../images/pags.png) no-repeat 0 0;
}
	.flex-control-nav li a:hover, .flex-control-nav li a.flex-active {
		background-position:0 bottom;
	}
	
@media only screen and (min-width: 768px) and (max-width: 995px) {

.flexslider .caption strong {
    width: 540px;	
}
}
@media only screen and (max-width: 767px) {

.flexslider .caption strong {
   display:none	
}
.flexslider .caption a{float:left}

.flexslider .caption {

    padding: 25px 36px 25px 35px;
}

.flex-control-nav {
    bottom: 25px;  
	
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.flexslider .caption strong {
   display:none	
}
.es-carousel ul li {
 width:420px !important;
    height: 100%;
}
}