.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:30px 0 0 0;
	height:397px;	
	}

.flex-caption {
	z-index:100;	
	position:absolute;
	background:url(../img/baner.png) 0 0 no-repeat;
	right:0;
	top:0;
	bottom:0;
	padding:20px 50px 0 30px;
	font-family: Arial, Helvetica, sans-serif;
	width:290px;
	}
.flex-caption>span{
	font-size:44px;
	color:#fff;
	letter-spacing:-2px;
	line-height:54px;
	text-transform:none;
	}
.flex-caption>span span{
	display:block;
	margin:-8px 0 0 0;
	}
.flex-caption strong{
	font-size:17px;
	line-height:24px;
	color:#de0b25;
	font-weight:normal;
	display:block;
	}
.flex-caption p{
	color:#a0acb6;
	margin:6px 0 0 0;
	}
.flex-caption p a{
	color:#fff;
	font-weight:bold;
	}
	.flex-caption p a:hover{color:#de0b25}
	.flex-caption p a span{color:#de0b25;}

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

.flex-control-nav{
	display: inline-block;
	position:absolute;
	z-index:100;
	right:130px;
	-webkit-box-sizing:border-box;
	-o-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	bottom:19px;
	}
.flex-control-nav li{
	float:left;
	overflow:hidden;
	text-indent:-100px;
	margin-right:10px;
	}
.flex-control-nav li a{
	    width:19px;
	    height:19px;
		display:block;
		background:#f5f5f6;
		cursor:pointer;
		}
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active{background:#c50f26;}
.flex-direction-nav{ list-style:none;} 

@media only screen and (min-width: 1300px) {
.flexslider{height:494px;}
}	
@media only screen and (min-width: 981px) and (max-width: 1239px) {
	}
@media only screen and  (max-width: 980px) {
	.flex-caption{ width:200px;}
	.flex-control-nav{right:20px;}
.flex-caption > span{font-size:34px; line-height:40px;}
.flex-caption > span span{ display:inline-block;}
.flex-caption p{ display:none;}
}
	
@media only screen and (min-width: 767px) and (max-width: 979px){
	.flexslider{height: 306px;}
	}
@media only screen and (max-width: 767px) {
.flex-caption{ display:none;}
.flex-control-nav li a{
	width:15px;
	height:15px;
}
.flexslider{height:auto; min-height:100px; }
@media only screen and (max-width: 480px){
	}