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

@media screen,projection {
/* Browser Resets */
.flex-container a,
.flexslider a,
.flexslider-container a:active,
.flexslider a:active,
.flexslider-container a:focus,
.flexslider a:focus  {outline:none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin:0; padding:0; list-style:none;}
.flex-direction-nav span {display:none;}


/* FlexSlider Necessary Styles
*********************************/
#feature {position:relative; margin:0 0 25px;}
.flexslider-container {max-width:971px;}
.flexslider { margin:0; padding:0;}
.flexslider .slides > li {display:none; margin:0; padding:0; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width:100%; display:block; width:100%;}
.flex-pauseplay span {text-transform:capitalize;}

/*
.flexslider > *,
.flexslider .slides > li {
  -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;
}
*/

/* 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; zoom:1; background-color:#000;}
.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 */
.flex-caption {overflow:hidden; width:100%; zoom:1; margin:0; padding:1em; font-size:90%; color:#fff; border:1px solid #333; background-color:rgba(0,0,0,0.8); background-image:url(images/feature-bg.png);
  -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 h2,
.flex-caption a,
.flex-caption a:visited {color:#fff; text-shadow:none;}
.flex-caption h2 {font-size:1.4em;}
.flex-caption .more {float:right;}

/* Direction Nav */
.flex-direction-nav {position:relative; z-index:11; height:auto; width:100%;}
  .flex-direction-nav li a {position:absolute; bottom:5px; height:40px; margin:0; display:block; cursor:pointer; text-decoration:none; color:#fff; font-size:1.2em; line-height:1.9em; font-family:GPCBook, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:url(images/bg_direction_nav.png) no-repeat;}
  .flex-direction-nav li .flex-prev {left:0; padding-left:40px; background-position:12px center;}
  .flex-direction-nav li .flex-next {right:13px; padding-right:40px; background-position:right center;}
  .flex-direction-nav li .disabled {opacity:.3; filter:alpha(opacity=30); cursor:default;}

  /* Control Nav */
  .flex-control-nav {position:relative; z-index:10; width:100%; max-width:970px; margin:0; padding:0.8em 0; text-align:center; line-height:1em; background:#002b5b;}
  .flex-control-nav li {margin:0 2%; display:inline-block; zoom:1; *display:inline;}
  .flex-control-nav li a {width:11px; height:11px; display:block; background:url(images/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.flex-active {background-position:0 -26px; cursor:default;}

}

/* 530px
   ----------------------------------------------------*/
@media only screen and (min-width:33.125em) {
  .flex-caption {position:absolute; right:5px; top:5px; width:40%;}
}

/* 700px
   ----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .flex-caption {right:10px; top:10px;}
  .flex-caption h2 {}
}

/* 920px
   ----------------------------------------------------*/
@media only screen and (min-width: 57.500em) {
.flex-direction-nav span {display: inline;}
}

/* 960px
   ----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .flexslider {background-color:transparent;}
  .flex-caption {right:20px; top:20px; width:40%; font-size:100%;}
  .flex-caption h2 {font-size:1.6em;}
  .flex-control-nav {margin-top:-40px; background:#002b5b; background:rgba(0,43,91,0.8);}
}

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

/* Hi-res
   ----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (-o-min-device-pixel-ratio:3/2),
  only screen and (min--moz-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5) {
    .flex-direction-nav li a {background-image:url(images/bg_direction_nav@2x.png);
      -webkit-background-size:500px 20px;
         -moz-background-size:500px 20px;
          -ie-background-size:500px 20px;
           -o-background-size:500px 20px;
              background-size:500px 20px;
    }
    .flex-control-nav li a {background-image:url(images/bg_control_nav@2x.png);
      -webkit-background-size:13px 39px;
         -moz-background-size:13px 39px;
          -ie-background-size:13px 39px;
           -o-background-size:13px 39px;
              background-size:13px 39px;
    }
}