/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider { width:100%; margin:0; padding:0; overflow:hidden; }
.flexslider .slides > li { display:none; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { /*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 { position:relative; }
.flexslider .slides {zoom: 1; background:url(../images/loading.gif) 50% 50% no-repeat; font-size:0; }
.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;}


/* Direction Nav */
.flexslider .flex-direction-nav { width:1000px; margin:0 auto; }
.flexslider .flex-direction-nav li a { outline:none; width:50px; height:50px; display:block; position:absolute; bottom:20px; z-index:2; cursor:pointer; text-indent:-9999px; }
.flexslider .flex-direction-nav li a { background:#ffffff; color:#ffffff; }
.flexslider .flex-direction-nav li a:hover { background:#1db7c1; color:#1db7c1; }
.flexslider .flex-direction-nav li a.next:before, .flexslider .flex-direction-nav li a.prev:before { font-family:'FontAwesome'; color:#121212; font-weight:300px; position:absolute; left:0; top:0; text-align:center; text-indent:0px; width:50px; height:50px; line-height:50px; }
.flexslider .flex-direction-nav li a.next:hover:before, .flexslider .flex-direction-nav li a.prev:hover:before { color:#ffffff; }
.flexslider .flex-direction-nav li a.next { right:20px; }
.flexslider .flex-direction-nav li a.prev { right:75px; }
.flexslider .flex-direction-nav li a.next:before { content: "\f175";  }
.flexslider .flex-direction-nav li a.prev:before { content: "\f176";  }
.flexslider .flex-direction-nav li a.disabled { /*opacity: .3; filter:alpha(opacity=30);*/ cursor:default; }

/* Control Nav */
.flex-control-nav { width:100px; left:22%; position:absolute; bottom:40px; text-align:center; /*background:#636363;*/ height:20px; padding-top:11px; margin-left:393px; display:none; }
.flex-control-nav li {margin: 0 3px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0 2px;}
.flex-control-nav li a { width:10px; height:10px; display: block; background:#ffffff; border:2px solid #aaaaaa; cursor: pointer; text-indent: -9999px; overflow:hidden; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.flex-control-nav li a:hover { background:#aaaaaa;}
.flex-control-nav li a.active { background:#aaaaaa; cursor: default;}

@media (max-width: 640px){
.flexslider .flex-direction-nav li a { outline:none; width:30px; height:30px; bottom:10px; }
.flexslider .flex-direction-nav li a.next:before, .flexslider .flex-direction-nav li a.prev:before { width:30px; height:30px; line-height:30px; }
.flexslider .flex-direction-nav li a.next { right:10px; }
.flexslider .flex-direction-nav li a.prev { right:45px; }
.flexslider .flex-direction-nav li a.next:before { content: "\f175";  }
.flexslider .flex-direction-nav li a.prev:before { content: "\f176";  }
.flexslider .flex-direction-nav li a.disabled { /*opacity: .3; filter:alpha(opacity=30);*/ cursor:default; }

}