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

/* Conductor Resets */
.flexslider-container .image-left,
.flexslider-container .image-right,
.flexslider-container .image-default { float:none; margin:0; padding:0; max-width:none; width:auto; }


/* 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%; width:100%; display:block; border:none;}
.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; 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; margin:0 0 2em; width:100%;}

/* Caption style */
.flex-caption {overflow:hidden; width:100%; zoom:1; margin:0; padding:1em; font-size:90%; color:#002b5b; border:1px solid #a1842a; background:#dcb439; background:none rgba(220,180,57, .8);
  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
     -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
          box-shadow:inset 0 1px 0 rgba(255,255,255,0.2);
}
.flex-caption h2,
.flex-caption a,
.flex-caption a:visited {color:#002b5b; text-shadow:rgba(255,255,255,0.5) 0 1px 0;}
.flex-caption h2 {margin:0; font-size:1.4em;}
.flex-caption .more {float:right;}
.flex-caption h3 {margin:0 0 0.25em 0;}

/* Direction Nav */
.flex-direction-nav {position:relative; z-index:11; height:auto; mox-width:100%;}
  .flex-direction-nav li a {position:absolute; bottom:8px; min-width:40px; 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/flex-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;}
  .flex-direction-nav span {display:none;}

  /* Control Nav */
  .flex-control-nav {position:relative; z-index:10; width:100%; margin:0; padding:1em 0; text-align:center; line-height:1em; background:#002b5b;}
  .flex-control-nav li {display:inline-block; zoom:1; *display:inline; /* vertical-align:middle; */ vertical-align:10%; margin:0 1.4%;}
  .flex-control-nav li a {width:11px; height:11px; display:block; background:url(images/flex-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:50%;}
  .flex-caption.forum {display:none;}
}

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

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

/* 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 { position:absolute; bottom:0; 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: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/flex-direction-nav@2x.png);
      -webkit-background-size:500px 20px;
         -moz-background-size:500px 20px;
           -o-background-size:500px 20px;
              background-size:500px 20px;
    }
    .flex-control-nav li a {background-image:url(images/flex-control-nav@2x.png);
      -webkit-background-size:13px 39px;
         -moz-background-size:13px 39px;
           -o-background-size:13px 39px;
              background-size:13px 39px;
    }
}