/*
 * 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:absolute; top:0; left:0; right:0; bottom:0; 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 img {display:none; width:0; height:0; opacity: 0.3; }
  .flexslider .init img {display:block; width:100%; height:auto;}
.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;  padding-top:42.875%; }
.flexslider {min-height:8em; margin:0; zoom:1; background-color: #006185; /*background:url(images/feature-bg.png) 0 0 repeat;*/}
.flex-viewport {height:0; max-height:2000px; padding-top:42.875%; -webkit-transition:all 1s ease; -moz-transition:all 1s ease; transition:all 1s ease;}
.loading .flex-viewport {max-height:300px;}
.slides {zoom:1; position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;}
  .slides li {position:relative; margin:0;}
  .slides img { opacity: 0; -webkit-transition: opacity 0.1s ease; -moz-transition: opacity 0.1s ease; transition: opacity 0.1s ease; }
  .slides .flex-active-slide img { opacity: 0.45;}

/* .carousel li {margin-right:5px} */
.flex-controls {line-height:1em;}
  .no-js .flex-controls {display:none;}
  .topnav-false .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;}
  .flex-direction-nav span {display:none;}
*/

.flex-direction-nav {height:auto; width:100%;}
  .flex-direction-nav li {margin:0;}
  .flex-direction-nav li a { position:absolute; bottom:52%; min-width:40px; height:40px; margin:0; margin-bottom:-20px; 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:0; padding-left:40px; background-position:12px center;}
  .flex-direction-nav li .flex-next {right:0; padding-right:40px; background-position:104% center;}
  .flex-direction-nav li .disabled {opacity:.3; filter:alpha(opacity=30); cursor:default;}
  .flex-direction-nav span {display:none;}
  
  .flex-container h2 {display:none; position:absolute; bottom:65%; left:0; width:100%; text-align:center; z-index:9999; padding:2.5% 10% 0 10%; color:#fff; text-shadow:1px 1px rgba(0,0,0,0.8); font-size:2em; margin:0;}


/* Carousel */
#stage {display:block;position:absolute;top:10%;bottom:10%;left:50%;width:80%;margin-left:-40%; z-index:100; 
    -webkit-perspective: 4752px;
    -moz-perspective: 4752px;
    -ms-perspective: 4752px;
    perspective: 4752px;
  }
  #spinner { height:100%;
    -webkit-transition:-webkit-transform 0.5s;
       -moz-transition:-moz-transform 0.5s;
         -o-transition:-o-transform 0.5s;
            transition:transform 0.5s;
    
    -webkit-transform-style: preserve-3d;
       -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
            transform-style: preserve-3d;
  }

  .spinner-text {position: absolute; opacity:0; color:#fff; font-size:2.5em; width:100%;height:100%;padding:0;text-align:center; text-shadow:1px 1px rgba(0,0,0,0.8); line-height:1.1; font-weight:700; font-family: GPC, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
    -webkit-transition:opacity .5s ease-in-out;
       -moz-transition:opacity .5s ease-in-out;
            transition:opacity .5s ease-in-out;
  }
  .spinner-text a {  position:relative; top:45%; width:180%; display:block; color:white; text-decoration:none; 
    -webkit-transition:color 0.5s;
       -moz-transition:color 0.5s;
         -o-transition:color 0.5s;
            transition:color 0.5s;  
     -webkit-transform:translateY(-50%) translateX(-20%);
        -moz-transform:translateY(-50%) translateX(-20%);
         -ms-transform:translateY(-50%) translateX(-20%);
             transform:translateY(-50%) translateX(-20%); 
    } 
  .spinner-text a:hover { color:#dcb439; }
/*  .spinner-visible {opacity:0.5;} */
  .spinner-active {opacity:1;}

/* Control Nav */
.flex-control-nav {width:100%; position:absolute; bottom: 1em; text-align:center; display:none;}
.flex-control-nav li {margin:0 1%; width:6%; display:inline-block; zoom:1; *display:inline;}
.flex-control-paging li a {width:100%; height:14px; display:block; background:#fff; background:rgba(255,255,255,0.5); cursor:pointer; text-indent:-9999px; box-shadow:inset 0 0 3px rgba(0,0,0,0.3);
    -moz-transition: all 125ms linear;
      -o-transition: all 125ms linear;
 -webkit-transition: all 125ms linear;
         transition: all 125ms linear;
}
.no-navlabels .flex-direction-nav a {text-indent:-9999px; overflow:hidden; z-index:100; }
.flex-control-paging li a:hover { background:#dcb439; background: rgba(220, 180, 57, 0.7); }
.flex-control-paging li a.flex-active { background:#dcb439; background:rgba(220, 180, 57, 1); cursor:default; }

/* Captions */
.flex-caption {overflow:hidden; width:100%; zoom:1; margin:0; padding:1em; font-size:90%; color:#fff; display:none;}
  .flex-caption h3 {margin:0 0 0.5em; color:#fff; text-shadow:0 1px rgba(0,0,0,0.6);}
  .action {margin-bottom:0;}


/* 920px
   ----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  .flexslider { /*background-color:transparent;*/ min-height:300px; }
  
  .spinner-text { font-size:3.5em; }
  /*.spinner-active { width: 200%; }*/
  #stage {display:block;position:absolute; top:20%; width:33%; margin-left:-17%; }

  .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 li a { position:absolute; bottom:47%; } 
  .flex-direction-nav span {display:block;}
  .flex-direction-nav li .flex-prev { left:25%; padding-left:40px; background-position:12px center;}
  .flex-direction-nav li .flex-next { right:25%; padding-right:40px; background-position:right center; margin-right:13px;}
  #stage,
  .flex-container h2 { display:block; }
  .flex-control-nav { display:block;}
  .spinner-visible {opacity:0.33;}
    .ie .spinner-visible { opacity:0; filter:alpha(opacity=0); }
  .spinner-active,
    .ie .spinner-active {opacity:1; filter:alpha(opacity=1);}
  /* 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-container { padding:0; height:550px; } 
  .flex-container h2 {font-size:2em;}
  .slides { top:auto; }  
  .spinner-text {font-size:5em; line-height:1em;}
}

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

}