/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author:Tyler Smith (@mbmufffin)
*/

/* 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; -webkit-transform:translateZ(0);}

/* 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
*********************************/
.flexslider { margin:0 0 20px; position:relative; zoom:1;}
.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;}
.flexslider .slides { zoom:1;}
.carousel li { margin-right:5px;}

/* Direction Nav */
.flex-direction-nav { *height:0;}
.flex-direction-nav a { width:30px; height:60px; margin:-30px 0 0; display:block; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-9999px; opacity:0; background-color:#fff; -moz-box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); box-shadow:0 1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:all .3s ease-in-out; -moz-transition:all .3s ease-in-out; transition:all .3s ease-in-out;}
.flex-direction-nav .flex-next { right:0; -webkit-transform-origin:100% 50%; -webkit-transform:rotateY(-90deg); -moz-transform-origin:100% 50%; -moz-transform:rotateY(-90deg); transform-origin:100% 50%; transform:rotateY(-90deg); border-radius:3px 0 0 3px;}
.flex-direction-nav .flex-prev { left:0; -webkit-transform-origin:0 50%; -webkit-transform:rotateY(-90deg); -moz-transform-origin:0 50%; -moz-transform:rotateY(-90deg); transform-origin:0 50%; transform:rotateY(-90deg); border-radius:0 3px 3px 0;}
.flex-direction-nav .flex-next:after, 
.flex-direction-nav .flex-next:before { content:''; position:absolute; left:50%; top:50%; margin:-6px 0 0 -3px; width:0; height:0; border:6px solid transparent; border-left-color:#282828;}
.flex-direction-nav .flex-next:after { border-width:5px; border-left-color:#fff; z-index:1; margin:-5px 0 0 -3px;}
.flex-direction-nav .flex-prev:after, 
.flex-direction-nav .flex-prev:before { content:''; position:absolute; left:50%; top:50%; margin:-6px 0 0 -9px; width:0; height:0; border:6px solid transparent; border-right-color:#282828;}
.flex-direction-nav .flex-prev:after { border-width:5px; border-right-color:#fff; z-index:1; margin:-5px 0 0 -7px;}
.flexslider:hover .flex-next, 
.flexslider:hover .flex-prev { opacity:0.8; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); transform:rotateY(0deg);}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover { opacity:1;}
.flex-direction-nav .flex-disabled { opacity:.3!important; filter:alpha(opacity=30); cursor:default;}
.lt-ie9 .flex-direction-nav a { display:none; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
.lt-ie9 .flexslider:hover .flex-direction-nav a { display:block;}
.lt-ie9 .flexslider:hover .flex-direction-nav a:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* Control Nav */
.flex-control-nav { width:100%; position:absolute; bottom:15px; line-height:1; text-align:center;}
.flex-control-nav li { margin:0 6px; vertical-align:top; display:inline-block;}
.flex-control-paging li a { width:10px; height:10px; background-color:#000; cursor:pointer; text-indent:-9999px; border:1px solid #eee; border-radius:50%; position:relative; display:block;}
.flex-control-paging li a.flex-active { border-color:#eee; background-color:#eee; box-shadow:inset 0 0 0 2px #000;}
.flex-control-thumbs { margin:5px 0 0; left:50%; width:auto; float:left; clear:left; z-index:#999; position:absolute;}
.flex-control-thumbs li { max-width:100px; float:left; right:50%; position:relative;}
.flex-control-thumbs img { width:100%; display:block; opacity:.5; cursor:pointer; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:2px solid #fff;}
.flex-control-thumbs img:hover { opacity:1;}
.flex-control-thumbs .flex-active { opacity:1; cursor:default;}
.flex-caption { position:absolute; background-color:rgba(0, 0, 0, 0.7); bottom:20px; left:20px; line-height:1.7; max-width:300px; padding:20px; color:#ccc;}

/*
.lt-ie9 .flex-caption { -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000,endColorstr=#B2000)"; zoom:1;}
 */

.flex-caption h4 { color:#fff; line-height:1; margin:0 0 15px;}
@media screen and (max-width:767px) { .flex-caption { display:none; }
}