/* @override http://joachimerdmann.de/_layout/js/flexslider/flexslider.css */


/* Browser Resets */



.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;

}



/* FlexSlider Necessary Styles



*********************************/



.flexslider {

	margin: 0;

	padding: 0;

}



.flexslider .slides > li {

	display: none;

	-webkit-backface-visibility: hidden;

}



/* Hide the slides before the JS is loaded. Avoids image jumping */



.flexslider .slides img {

	width: 100%;

	display: block;
}



.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%;

}



/* No JavaScript Fallback */



/* If you are not using another script, such as Modernizr, make sure you



 * include js that eliminates this class on page load */



.no-js .slides > li:first-child {

	display: block;

}



/* FlexSlider Default Theme



*********************************/



.flexx {

	overflow: hidden;
	height: 450px;

}



.flexslider {

	background: #fff;

	zoom: 1;

	position: relative;

	margin: -80px 0px 0px 0px;

}



.ie7 .flexslider {

	margin-bottom: 0px;

}



.flex-viewport {

	max-height: 2000px;

}



.loading .flex-viewport {

	max-height: 300px;

}



.flexslider .slides {

	zoom: 1;

}



/* Direction Nav - left right navigation */



.flex-direction-nav a {

	width: 25px;

	height: 25px;

	display: block;

	background-color: #000;

	bottom: 58px;

	right: 40px;

	float: none;

	position: absolute;

	cursor: pointer;

	text-indent: -9999px;

	background-color: #222;

	background: rgba(0, 0, 0, 0.65);

	-webkit-transition: all 0.1s ease-in-out;

	-moz-transition: all 0.1s ease-in-out;

	-o-transition: all 0.1s ease-in-out;

	-ms-transition: all 0.1s ease-in-out;

	transition: all 0.1s ease-in-out;

	

		display: none;



	

}



.ie7 .flex-direction-nav a {

	bottom: 90px;

}



.flex-direction-nav .flex-next {

	background: url(images/bg-slideshow-nav.png) no-repeat 0 -75px;

}



.flex-direction-nav .flex-prev {

	right: 65px;

	background: url(images/bg-slideshow-nav.png) no-repeat 0 -225px;

}



.flex-direction-nav .flex-prev:hover,



.flex-direction-nav .flex-next:hover {

	opacity: 1;

}



/* Control Nav - pager navigation*/



.flex-control-nav {

	width: 100%;

	position: absolute;

	bottom: 130px;

	text-align: center;

}



.flex-control-nav li {

	margin: 0 3px 0 0;

	display: inline-block;

	zoom: 1;

	*display: inline;

}



.flex-control-paging li a {

	width: 14px;

	height: 14px;

	display: block;

	background: #c8c8c8;

	cursor: pointer;

	text-indent: -9999px;

	-webkit-border-radius: 20px;

	-moz-border-radius: 20px;

	-o-border-radius: 20px;

	border-radius: 20px;

}



.flex-control-paging li a:hover,



.flex-control-paging li a.flex-active {

	background: #505050;

}



.flex-control-paging li a.flex-active {

	cursor: default;

}



/* Slide Text*/



.slidetext {

	background-color: #303030;

	color: #aeb0b3;

	height: 50px;

	padding: 35px 0 35px 35px;

}



.slidetext h2, .slidetext h3 {

	width: 185px;

	float: left;

	color: #ffffff;

	line-height: 20px;

	font-weight: 600;

}



.slidetext a, .slidetext h2 a, .slidetext h3 a {

	color: #ffffff;

	text-decoration: none;

}



.slidetext p {

	float: left;

	margin-bottom: 0;

	width: 560px;

	margin-left: 20px;

}



.flexslider img {

	

}



/* #Tablet (Portrait) - designed for 705px width grid */



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



.slidetext {

	height: 60px;

	padding: 25px 0 35px 25px;

}



.flex-direction-nav a {

	bottom: 75px;

}



.slidetext h3 {

	float: none;

	width: auto;

}



.slidetext p {

	float: none;

	margin-left: 0;

	width: auto;

}



}



/* #Mobile (Landscape) - designed for 420px width */



@media only screen and (max-width: 767px) {



.slidetext {

	display: none;

}



.flexslider img {

	

}



.flex-direction-nav a {

	bottom: 40px;

}



.flex-direction-nav .flex-next {

	right: 20px;

}



.flex-direction-nav .flex-prev {

	left: 20px;

}



}



/* #Mobile (Landscape) - designed for 420px width */



@media only screen and (min-width: 480px) and (max-width: 767px) {



.flex-direction-nav a {

	bottom: 60px;

}



}