/*
 * 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 {position:relative; 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
*********************************/
.flex-container {position:relative; overflow:hidden; margin:0 0 2em;}
.flexslider {margin:0; 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;}
  .flexslider .slides li {position:relative; margin:0;}

/* .carousel li {margin-right:5px} */
.flex-controls {position:relative; min-height:3em; line-height:1em;}
  .no-js .flex-controls {display:none;}
  .flex-controls {background:#002b5b;}

/* Direction Nav */
.flex-direction-nav {*height:0;}
.flex-direction-nav li {margin:0;}
.flex-direction-nav a {display:block; position:absolute; top:0; z-index:10; width:3em; height:3em; margin:0; background:url(images/flexslider-nav.png) no-repeat left center; cursor:pointer; text-indent:-9999px; -webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next {background-position:right center; right:1em; }
.flex-direction-nav .flex-prev {left:1em;}

/* Control Nav */
.flex-control-nav {width:100%; position:absolute; top:1em; bottom:0; text-align:center;}
.flex-control-nav li {margin:0 0.2em; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a {width:11px; height:11px; display:block; background:#fff; background:rgba(255,255,255,0.5); cursor:pointer; text-indent:-9999px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background:#eee; background:rgba(255,255,255,0.7); }
.flex-control-paging li a.flex-active { background:#ddd; background:rgba(255,255,255,0.9); cursor:default; }

/* Captions */
.flex-caption {overflow:hidden; width:100%; zoom:1; margin:0; padding:1em; font-size:90%; color:#fff; background:url(images/feature-bg.png) 0 0 repeat;}
.flex-caption {border:1px solid #333;
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
     -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
          box-shadow:inset 0 1px 0 rgba(255,255,255,0.3);
}
  .flex-caption h3 {margin:0 0 0.5em; color:#fff; text-shadow:0 1px rgba(0,0,0,0.6);}
  .flex-caption p {}
  .flex-caption a {color:#fff;}
  .flex-caption .more {color: #002b5b;}
  .flex-caption .more:hover {color:#fff;}
  .action {margin-bottom:0;}

/* 800px
   ----------------------------------------------------*/
@media only screen and (min-width:50em) {
  .flex-container {float:right; width:65%; margin-left:3%;}
}

/* 920px
   ----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  .flexslider {background-color:transparent;}

  .flex-caption {position:absolute; right:2em; top:2em; width:40%; font-size:100%;}
  .flex-caption h2 {font-size:1.6em;}

  /*Second Slider*/
  .flexslider2 .slides img {float:none; width:100%;}
  .flexslider2 .flex-control-nav, .flexslider2 .flex-direction-nav {display:none;}

}

/* 1200px
   ----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .flex-caption {width:34%;}
  .flex-caption h2 {font-size:2.2em;}
}

/* Hi-res
   ----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio: 1.5),
  (min-resolution: 144dpi){

    .flex-direction-nav a {background-image:url(images/flexslider-nav@2x.png);
      -webkit-background-size:500px 20px;
         -moz-background-size:500px 20px;
           -o-background-size:500px 20px;
              background-size:500px 20px;
    }

}