
  
  
  
  
  /*
       
       
       
  
       
       
  */
  /*
   * 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
   */
  
  /* 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; padding:0; margin:0} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides img {max-width: 100%; display: block; height:auto; position:relative; }
  .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;}
  .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;}
  
  /* Caption style */
  .flex-caption{width:50%; position: absolute; right:0; top:20%; }
  .flex-caption h1{font-size:40px; line-height:48px; font-family: 'Oswald', sans-serif; font-weight:bold; margin-bottom:20px; text-transform:uppercase; width:300px;}
  .flex-caption .slidetext{ display:block; margin-bottom:20px}
  
  
  
  /* Direction Nav */
  .flex-direction-nav { }
  .flex-direction-nav li a {width: 36px; height: 35px; display: block; position: absolute; bottom:20px; cursor: pointer; text-indent: -999em;}
  .flex-direction-nav .flex-next {right:0; background:#454545 url(http://entreviewmarketing.com/wp-content/themes/smartgroup/images/flex-next.png) no-repeat center center;}
  .flex-direction-nav li .flex-next:hover{ background:#727376 url(http://entreviewmarketing.com/wp-content/themes/smartgroup/images/flex-next.png) no-repeat center center;}
  
  .flex-direction-nav .flex-prev {right:37px; background:#454545 url(http://entreviewmarketing.com/wp-content/themes/smartgroup/images/flex-prev.png) no-repeat center center;}
  .flex-direction-nav li .flex-prev:hover{  background:#727376 url(http://entreviewmarketing.com/wp-content/themes/smartgroup/images/flex-prev.png) no-repeat center center;}
  .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
  
  /* Control Nav */
  .flex-control-nav { position: absolute; bottom:78px; right:0}
  .flex-control-nav li {margin: 0 0 0 7px; display: inline-block; zoom: 1; *display: inline;}
  .flex-control-nav li:first-child {margin: 0;}
  .flex-control-nav a {width: 14px; height: 14px; display: block; background:#f2f2f2; border:solid 1px #dddddd; cursor: pointer; text-indent: -999em;}
  .flex-control-nav li a:hover { background:#fff}
  .flex-control-nav li a.active {background:#fff}
