@charset "UTF-8";
/*
* 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 all
{

  #flex-slider-container {
    width: 100%;
    margin: 0 auto;
    background-color: transparent;
    background: url("bg-flexslider.png") left top no-repeat;
  }
  
  #flex-slider-container ul {
    position: static;
    background-color: transparent;
    border-bottom: 4px solid #a1007b;
  }
  
  #flex-slider-container li {
    margin: 0;
    background-color: transparent;
  }

  /* 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; /* Hide the slides before the JS is loaded. Avoids image jumping */
  } 

  .flexslider .slides img {
    max-width: 100%;
    display: block;
  }
  
  .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 {
    background: transparent;
    border: none;
    position: relative;
  }

  .flexslider .slides > li {
    position: relative;
  }

  /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */

  .flex-container {
    position: relative;
  }
  
  /* Additional elements style */

    .flexslider-bg {
    position: absolute;
    top:0;
    left: 0;  
  }

  .flexslider .text {
    font-size: 100%;
    width: 96%;
    margin: 0;
    position: absolute;  
    top: 0;
    left: 0;
    background: transparent;
    height: auto;
    padding: 5% 0 0 5%;
  }
  
  .head-center {
    left: 0;
    bottom: 0;    
    padding: 0 0 0.2em 0;
    text-align: center;
  }

  .text h1.head {
    font-size: 100%;
    line-height: inherit;
    color: #a1007b;
	background: transparent;
  }  

  .text h1.head a {
	position: relative;
	z-index:1;  
	background: transparent;
	}  
  
  .text h1.subhead {
    font-size: 180.00%;
    line-height: 1.2em;
    color: #c4bfbe;
    margin-top: 0.6em;
	background: transparent;
	}  

  .text h1.subhead .darken {
    color: #808080;
	background: transparent;
	}  
  
  .flexslider .text a:hover span.darken {
    color: #A1007B;
  }
  
  .flexslider .text a:hover {
    text-decoration: none !important;
  }
  
  .flex-caption {
    width: 96%;
    padding: 2%;
    margin: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
  }
  
  /* Setting up slides in slider */
  /* Setting up slides in slider */
  .flex-slide-in {
    width: 100%;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  
  /* Direction Nav */
  
  .flex-direction-nav {
    height: 0;
  }

  .flex-direction-nav li a {
    width: 52px;
    height: 52px;
    margin: -13px 0 0;
    display: block;
    background: url(bg-direction-nav.png) no-repeat;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -999em;
  }

  .flex-direction-nav li .next {
    background-position: -52px 0;
    right: -15px;
  }

  .flex-direction-nav li .prev {
    left: -15px;
  }

  .flex-direction-nav li .disabled {
    opacity: .3;
    cursor: default;
  }
  
  /* Control Nav */
  .flex-control-nav {width: auto; position: absolute; bottom: 15%; left: 5%; text-align: center;}
  .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; }
  .flex-control-nav li:first-child {margin: 0;}
  .flex-control-nav li a {width: 18px; height: 13px; display: block; background: url(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.active {background-position: 0 -26px; cursor: default;}

}

@media screen and (max-width: 800px)
{

  .flexslider h1.head {
    font-size: 90.00%;
  }

  .flexslider h1.subhead {
    font-size: 140.00%;
  }  
  
  .flex-control-nav {
    bottom: 5%;
    left: 5%;
  }

  
}
  
@media screen and (max-width: 600px)
{
  .flexslider h1.head {
    font-size: 80.00%;
  }

  .flexslider h1.subhead {
    font-size: 110.00%;
  }  

  .flex-control-nav {
    bottom: 0;
    left: 5%;
  }

}
  
@media screen and (max-width: 460px)
{
  .flexslider h1.head {
    font-size: 70.00%;
  }

  .flexslider h1.subhead {
    font-size: 80.00%;
  }  
  
}