/* ============================================================================
    Flexslider
============================================================================ */
html[xmlns] .slides { display: block; } 
* html .slides { height: 1%; }
.no-js .slides > li:first-child { display: block; }
.flex-container a:active, .flex-container a:focus,  { outline: none; }
.flexslider .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } 
.flex-pauseplay span { text-transform: capitalize; }
.flexslider .slides { zoom: 1; position: relative; width: 100%; height: 100%; }
.flexslider .slides:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides > li:first-child { display: block; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexArrows {
	position: relative;
}
.flexArrows .flex-direction-nav a {
	background: url(../images/transparent/black5.png);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #FFF;
	cursor: pointer;
	display: block;
	font-size: 22px;
	top: 50%;
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	opacity: 0.4;
	position: absolute;
	text-align: center;
	z-index: 2;
}
.flexArrows:hover .flex-direction-nav a {
	opacity: 0.9;
}
.flexArrows:hover .flex-direction-nav a:hover {
	opacity: 1;
}
.flexArrows .flex-direction-nav .flex-prev {
	left: 20px;
}
.flexArrows .flex-direction-nav .flex-next {
	right: 20px;
}
.flexArrows .flex-direction-nav .flex-disabled {
	display: none;
}
.flexArrows .flex-direction-nav a i {
	display: block;
	line-height: 50px;
}