/*
 * 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; overflow:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider img {display:none; width:0; height:0;}
  .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; padding-bottom:0.7em; background:url(images/feature-decor.png) bottom left repeat-x;}
.flexslider {margin:0; zoom:1; background:#333;}
.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 {zoom:1; overflow:hidden;}
  .slides li {position:relative; margin:0;}
  .slides .flex-active-slide {background-position:0 0; background-repeat:no-repeat; background-size:110%;}

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

/* 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:3px; 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: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 {display:inline-block;}
.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 {position:relative; z-index:999; width:100%; zoom:1; margin:0; padding:0; font-size:90%; color:#fff; padding:1em 1em 2em 1em; background:#333; border-top:1px solid #000;}
  .flex-caption .cat {text-transform:uppercase; font-family: "Roboto Slab", Helvetica, Arial, Verdana, sans-serif; font-weight:700; font-size:1.05em; letter-spacing:1.5px; margin-top:-2em;}
    .flex-caption .cat span {padding:0 0.5em;}
   .flex-caption p.cat{margin-bottom:0.5em;}
  .flex-caption h3 {margin-top:0;}
  .flex-caption h3 span,
  .flex-caption p span {display:inline-block; clear:both; width:inherit; margin:0; padding:0; color:#fff;
      -webkit-transition:all 250ms ease-out;
       -moz-transition:all 250ms ease-out;
            transition:all 250ms ease-out;}
   .flex-caption h3 span:hover{color:#999;}

  .action {margin-bottom:0;}


  .flex-controls {position:absolute; bottom:0em; left:1em; z-index:999;}

/* Animation */
.flexslider img {
  -webkit-transition-duration:20s;
     -moz-transition-duration:20s;
      -ms-transition-duration:20s;
          transition-duration:20s;
}

.flexslider .init img {
  -webkit-transform:scale(1);
     -moz-transform:scale(1);
      -ms-transform:scale(1);
          transform:scale(1);
}
.flex-active-slide.top-left img {
  -webkit-transition:20s cubic-bezier(0.25, 0.1, 0.25, 1);
     -moz-transition:20s cubic-bezier(0.25, 0.1, 0.25, 1);
      -ms-transition:20s cubic-bezier(0.25, 0.1, 0.25, 1);
          transition:20s cubic-bezier(0.25, 0.1, 0.25, 1);
  -webkit-transform-origin:0% 0%;
     -moz-transform-origin:0% 0%;
      -ms-transform-origin:0% 0%;
          transform-origin:0% 0%;
}
.flex-active-slide.top-right img {
  -webkit-transition:20s cubic-bezier(0, 0, 0, 0);
     -moz-transition:20s cubic-bezier(0, 0, 0, 0);
      -ms-transition:20s cubic-bezier(0, 0, 0, 0);
          transition:20s cubic-bezier(0, 0, 0, 0);
  -webkit-transform-origin:100% 0%;
     -moz-transform-origin:100% 0%;
      -ms-transform-origin:100% 0%;
          transform-origin:100% 0%;
}
.flex-active-slide.bottom-right img {
  -webkit-transition:20s cubic-bezier(0, 0, 0, 0);
     -moz-transition:20s cubic-bezier(0, 0, 0, 0);
      -ms-transition:20s cubic-bezier(0, 0, 0, 0);
          transition:20s cubic-bezier(0, 0, 0, 0);
  -webkit-transform-origin:100% 100%;
     -moz-transform-origin:100% 100%;
      -ms-transform-origin:100% 100%;
          transform-origin:100% 100%;
}
.flex-active-slide.bottom-left img {
  -webkit-transition:20s cubic-bezier(0, 0, 0, 0);
     -moz-transition:20s cubic-bezier(0, 0, 0, 0);
      -ms-transition:20s cubic-bezier(0, 0, 0, 0);
          transition:20s cubic-bezier(0, 0, 0, 0);
  -webkit-transform-origin:0% 100%;
     -moz-transform-origin:0% 100%;
      -ms-transform-origin:0% 100%;
          transform-origin:0% 100%;
}


/* 700px
   ----------------------------------------------------*/
@media only screen and (min-width:43.75em) {

  .slides li {max-height:550px;}
  .flex-caption {position:absolute; bottom:4em; left:2.45em; background:transparent; padding:0; margin:0; border:none;}
    .flex-caption h3 {font-size:2em;}
      .flex-caption h3 span,
      .flex-caption p span {padding:0.25em 0.5em 0.325em; background:#000; background:rgba(0,0,0,0.7); }
  .flex-caption p span.date{color:#bbb; font-size:1.1em;}
  .flex-controls {left:2em;}

}
/* 920px
   ----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  .flexslider {background-color:transparent;}
  .flex-caption {left:5em;}
  .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;}
  .flex-controls {left:4.5em;}
}

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

/* 1360px
   ----------------------------------------------------*/
@media only screen and (min-width:85em) {
  .flex-caption {left:8em;}
  .flex-controls {left:7em;}
}


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

}