/*
* jQuery FlexSlider v2.2.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;
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img  {
width:  100%;
height: auto;
display:  block;
}

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



/* Clearfix for the .slides element 
*********************************/

.slides:after  {
content:  "\0020";
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  {  
margin:  0;     
position:  relative;    
zoom:  1;   
}

.flex-viewport  {
max-height:  2000px;
-webkit-transition:  all 1s ease;
-moz-transition:  all 1s ease;
-o-transition:  all 1s ease;
transition:  all 1s ease;
}

.loading .flex-viewport  {
max-height:  300px;
}

.flexslider .slides  {
zoom:  1;
}

.carousel li  {
margin-right:  0;
}


/* Direction Nav 
*********************************/

.flex-direction-nav  {
*height:  0;
}

.flex-direction-nav a   {
display:  block;
width:  30px;
height:  100%;
margin:  0;
position:  absolute;
top:  0;
z-index:  10;
overflow:  hidden;
opacity:  1;
cursor:  pointer;
background: #011521;
color: rgb(255,255,255);
-webkit-transition:  all .3s ease;
-moz-transition:  all .3s ease;
transition:  all .3s ease;
line-height: 1;
}

.flex-direction-nav a:hover {
background: #011521;
opacity: 0.8;
}

#features .flex-direction-nav a   {
color: #ff0000;
}

.flex-direction-nav .flex-prev  {
left: 0;
text-align:  center;
}

.flex-direction-nav .flex-next  {
right:  0;
text-align:  center;
}

.flexslider:hover .flex-prev  {
opacity:  0.9;
left:  0;
}

.flexslider:hover .flex-next  {
opacity:  0.9;
right:  0;
}

.flexslider:hover .flex-next:hover,  .flexslider:hover .flex-prev:hover  {
opacity:  1;
}

.flex-direction-nav .flex-disabled  {
opacity:  0!important;
filter: alpha(opacity=0);
cursor:  default;
}

.flex-direction-nav a:before   {
font-family: FontAwesome;
font-size:  30px;
content:  '\f104';
position: absolute;
height: 30px;
width: 30px;
left: 0;
top: 50%;
margin-top: -15px;
text-align: center;
}

.flex-direction-nav a.flex-next:before   {
content:  '\f105';
}

/* Control Nav 
*********************************/

.flex-control-nav  {
width:  100%;
position:  absolute;
bottom: -40px;
text-align:  center;
}

.flex-control-nav li  {
margin:  0 6px;
display:  inline-block;
zoom:  1;
*display:  inline;
}

.flex-control-paging li a  {
width:  15px;
height:  15px;
display:  block;
background:  #ff0000;
cursor:  pointer;
text-indent:  -9999px;
}

.flex-control-paging li a:hover  {
background:  #6aa835;
}

.flex-control-paging li a.flex-active  {
background:  #6aa835;
cursor:  default;
}


.flex-control-thumbs  {
margin:  5px 0 0;
position:  static;
overflow:  hidden;
}

.flex-control-thumbs li  {
width:  25%;
float:  left;
margin:  0;
}

.flex-control-thumbs img  {
width:  100%;
display:  block;
opacity:  .7;
cursor:  pointer;
}

.flex-control-thumbs img:hover  {
opacity:  1;
}

.flex-control-thumbs .flex-active  {
opacity:  1;
cursor:  default;
}

.slideinner p {
margin: 0;	
}

.flex-control-nav {
width: 1200px;
margin-left: -600px;
left: 50%;
}

.flex-control-nav li {
margin: 0 6px;
zoom: 1;
}

@media (max-width: 1200px) {
.home .flex-control-nav {
bottom: 0;
left: 50%;
width:960px;
margin-left: -480px;
padding: 10px 0;
text-align: left;
}
}

@media (max-width: 960px) {
.home .flex-control-nav {
width: 800px;
margin-left: -400px;
}
}

@media (max-width: 800px) {
.home .flex-control-nav {
width: 100%;
margin-left: 0;
left: 0;
}	
}