.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}

.slides,.flex-control-nav,.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none
}

.flexslider{margin:0;padding:0}
.flexslider,.flexslider *{box-sizing:border-box}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{margin:0 0 0 0;background:#fff;position:relative;zoom:1}

.flex-viewport {
	height:450px;-webkit-transition:all 1s ease;transition:all 1s ease
}

@media (max-width: 1024px) {
	.flex-viewport {
		height:320px;
	}
}

@media (max-width: 767px) {
	.flex-viewport {
		height:250px;
	}
}

@media (max-width: 480px) {
	.flex-viewport {
		height:150px;
	}
}

.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flexslider .flex-viewport>ul>li{position:relative}
.flexslider ul.slides li a{display:block}

.flex-direction-nav{*height:0}

.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0;
	display:block;
	background:url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute; top:50%;
	z-index:10;
	cursor: pointer;
	text-indent:-9999px;
	opacity:0.5;
	-webkit-transition:all .3s ease; 
}

.flex-direction-nav .flex-next{background-position:100% 0;right:-36px}
.flex-direction-nav .flex-prev{left:-36px}
.flexslider:hover .flex-next{opacity:0.8;right:5px}
.flexslider:hover .flex-prev{opacity:0.8;left:5px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0.3 !important;filter:alpha(opacity=30);cursor:default}

.flex-control-nav {
	width: 100%;
	position: absolute;
	top: 5px;
	text-align: center
}

.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
	*display:inline
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #fff;
	background:rgba(255,255,255,0.5);
	cursor:pointer; 
	text-indent:-9999px;
	border-radius:20px;
	box-shadow:inset 0 0 3px rgba(0,0,0,0.3)
}
.flex-control-paging li a:hover{
	background:# fff;
	background:rgba(255,255,255,0.7)
}
.flex-control-paging li .flex-active {
	background:#fff;
	background:rgba(255,255,255,0.9);cursor:default
}


.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
.flex-caption {
	max-width: 70%; 
	margin-top: 0px;
	line-height: 36px;
	position: relative;
	display: inline-block;
	left: 0;
	top: 0;
	/* background:rgba(0,0,0,0.3); */
	color: #28497A;
	text-shadow: 5px 5px 5px rgba(0,0,0,1);
	text-decoration: underline;
	font-size: 32px;
}
@media (max-width: 767px) {
	.flex-caption {
		font-size: 24px;
		margin-top: 10px;
	}
}

@media screen and (max-width: 860px){.flex-direction-nav .flex-prev{opacity:1;left:0}.flex-direction-nav .flex-next{opacity:1;right:0}}