/*



Module Name: Simple Responsive Slideshow

Description: Responsive Joomla! Slider based on Flexslider 1.8 by Woothemes

Author: FavThemes

Author URI: http://www.favthemes.com

License: GNU General Public License v3.0

License URI: http://www.gnu.org/copyleft/gpl.html



jQuery FlexSlider v1.8

http://www.woothemes.com/flexslider/

Copyright 2012 WooThemes

Free to use under the MIT license.

http://www.opensource.org/licenses/mit-license.php



*/





/* 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!important; 

	padding: 0!important; 

	list-style: none!important;

}



/* FlexSlider Necessary Styles

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.flexslider {

  margin: 0 0 40px 0;

}

.flexslider .slides > li {

	display: none; 

	-webkit-backface-visibility: hidden; 

	background:none!important; 

	padding: 0px!important;

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

.flexslider .slides img {

	max-width: 100%; 

	display: block;

}

.flex-pauseplay span {

	text-transform: capitalize;

}

.flexslider .slides {

	padding: 0px!important;

}



/* 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

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.flexslider {

	background: #fff; 

	position: relative; 

	zoom: 1;

}

.flexslider .slides {

	zoom: 1;

}

.flexslider .slides > li {

	position: relative;

}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

.flex-container {

	zoom: 1; position: relative;

}



/* Caption style

---------------------------------------------------------------------- */



/* IE rgba() hack */

.flex-caption {

	background:none; 

	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}

.flex-caption {
	width: 96%; 

	padding: 2%; 

	margin-top: -5px; 

	position: absolute; 

	left: 0; 

	bottom: 0; 

	top:347px;

	background: rgba(0,0,0,.3); 

	color: #fff; 

	text-shadow: 0 -1px 0 rgba(0,0,0,.3); 

	font-size: 16px;

	line-height: 2px;
	z-index: 99;

}



/* Direction Nav

---------------------------------------------------------------------- */



.flex-direction-nav { 

	height: 0; 

}

.flex-direction-nav li a {

	width: 52px; 

	height: 52px; 

	margin-top: 160px;

	display: block; 

	background: url(bg_direction_nav.png) no-repeat; 

	position: absolute; 


	cursor: pointer; 

	text-indent: -999em;

	z-index: 99999999;

}

.flex-direction-nav li .next {

	background-position: -52px 0; 

	right: 0;

}

.flex-direction-nav li .prev {

	left: 0;

}

.flex-direction-nav li .disabled {

	opacity: .3; filter:alpha(opacity=30); 

	cursor: default;

}



/* Control Nav

---------------------------------------------------------------------- */



.flex-control-nav {

	width: 100%; 

	position: absolute; 

	bottom: -40px; 

	text-align: center;

}

.flex-control-nav li {

	margin: 0 0 0 5px!important; 

	display: inline-block; 

	zoom: 1; *display: inline; 

	background: none!important;

}

.flex-control-nav li:first-child {

	margin: 0;

}

.flex-control-nav li a {

	width: 13px; 

	height: 13px; 

	display: block; 

	background: url(bg_control_nav.png) no-repeat; 

	cursor: pointer; 

	text-indent: -999em;

}

.flex-control-nav li a:hover {

	background-position: 0 -13px;

}

.flex-control-nav li a.active {

	background-position: 0 -26px; 

	cursor: default;

}