/*
 * 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)
 * Description - This css file is for the image slider used in the home section
 */

.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {
     outline:none;
}

.slides,.flex-control-nav,.flex-direction-nav {
     list-style:none;
     margin:0;
     padding:0;
}

.flexslider .slides > li {
     display:none;
     -webkit-backface-visibility:hidden;
}

.flexslider .slides img {
     width:100%;
     display:block;
     max-height:500px;
}

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

.slides:after {
     content:".";
     display:block;
     clear:both;
     visibility:hidden;
     line-height:0;
     height:0;
}

* html .slides {
     height:1%;
}

.flexslider {
     position:relative;
     zoom:1;
     overflow:hidden;
     margin:0 0 10px;
}

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

.flexslider .slides {
     zoom:1;
}

.carousel li {
     margin-right:5px;
}

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

.flex-direction-nav a {
     display:block;
     position:absolute;
     top:50%;
     z-index:10;
     cursor:pointer;
     opacity:0;
     -webkit-transition:all .3s ease;
     margin:-26px 0 0;
}

.flex-direction-nav .flex-next {
     background-position:100% 0;
}

.flex-direction-nav i {
     color:#FFF;
     font-size:40px;
     -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
     background-color:rgba(0,0,0,0.9);
     display:block;
     position:relative;
     padding:5px 10px 7px 8px;
}

.flexslider:hover .flex-next {
     opacity:0.8;
     right:5px;
}

.flexslider:hover .flex-prev {
     opacity:0.8;
     left:5px;
}

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

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

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

.flex-control-paging li a {
     width:11px;
     height:11px;
     display:block;
     background:rgba(0,0,0,0.5);
     cursor:pointer;
     -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:rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
     background:rgba(0,0,0,0.9);
     cursor:default;
}

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

.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 .flex-active {
     opacity:1;
     cursor:default;
}

html[xmlns] .slides,.no-js .slides > li:first-child {
     display:block;
}

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

@media screen and (max-width: 979px) {
     .flexslider {
          margin-bottom: 2px;
     }
     
     .flex-direction-nav .flex-prev {
          opacity: 1; left: 0;
     }
     
     .flex-direction-nav .flex-next {
          opacity: 1;
          right: 0;
     }
     
     .flex-direction-nav i {
          font-size: 25px;
     }
     
     .flex-direction-nav a {
          top: 55%;
     }
}