/*
 * 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; text-align:center; background:url(images/slider-lin.png) center center repeat-x; padding:1em 0;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child, .flexslider .slides > li:last-child { background-repeat: no-repeat; background-size: 50% 1px;}
.flexslider .slides > li:first-child { background-position: right center; }
.flexslider .slides > li:last-child { background-position: left center; }

.flex-pauseplay span {text-transform:capitalize;}
.flexslider img {}

/* 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; padding-bottom:0 !important; padding-right:4em; padding-left:4em; background: rgba(0, 43, 92, 0.66)/*url(images/feature-bg.png) 0 0 repeat*/; margin:0 -2% 2em -2%;}
body.history .flex-container {margin:1em 0 2em 0 !important;}
.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;}
.slides {position:relative; zoom:1; overflow:hidden;}
  .slides li {position:relative; margin:0;}
    .slides li a {display:inline-block; height:104px; width:104px; position:relative; border:2px solid #fff; overflow:hidden; background:#fff;
  -webkit-border-radius: 50em;
     -moz-border-radius: 50em;
          border-radius: 50em;
    }
    .slides li a:hover {color:#fff;}
    .slides li .year {display:block; opacity:0; height:100px; width:100px; padding:40px 0; position:absolute; margin:0; top:0; left:0; right:0; text-align:center; font-weight:bold; background: #002b5d; background: rgba(0,43,93,0.9);
    -webkit-border-radius: 50em;
     -moz-border-radius: 50em;
          border-radius: 50em;
    -webkit-transition: opacity 0.5s;
         -moz-transition: opacity 0.5s;
              transition: opacity 0.5s;
    }
    .slides li a:hover .year {opacity:1;
      -webkit-transition: opacity 0.5s;
         -moz-transition: opacity 0.5s;
              transition: opacity 0.5s;
    }
    .slides li a img {}

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

.shirt-block {position:relative; clear:both;}
    .shirt {display:block; padding:0; position:absolute; bottom:160px; left:0; z-index:99999999999;}
    .shirt img {width:100%;}

.flex-direction-nav {height:auto; width:100%;}
  .flex-direction-nav li {margin:0;}
  .flex-direction-nav li a {position:absolute; bottom:2.5em; min-width:40px; height:40px; margin:0; display:block; cursor:pointer; text-decoration:none; color:#fff; font-size:1.2em; line-height:2em; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:url(images/flexslider-nav.png) no-repeat;}
  .flex-direction-nav li .flex-prev {left:1em; padding-left:40px; background-position:12px center;}
  .flex-direction-nav li .flex-next {right:2em; padding-right:40px; background-position:right center;}
  .flex-direction-nav li .disabled, .flex-direction-nav a.flex-disabled {opacity:.3; filter:alpha(opacity=30); cursor:default;}
  .flex-direction-nav span {display:none;}


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


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

  .topnav-false .flex-caption {position:absolute; right:2em; top:2em; width:40%; font-size:100%; background:url(images/feature-bg.png) 0 0 repeat;}
  .topnav-true .flex-caption {padding:2em;}
  .flex-caption h2 {font-size:1.6em;}
  .flex-direction-nav span {display:block;}
  .no-navlabels .flex-direction-nav a {text-indent:-9999px; overflow:hidden;}

  /* Full Width */
  .topnav-true .flex-container {background:#000;}
  .topnav-true .slides img {float:left; width:60%;}
  .topnav-true .flex-caption {float:left; width:40%; background:none;}
  .topnav-true .flex-controls {position:absolute; bottom:0; right:0; width:40%;}

}

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

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

    .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;
    }

}