/*

 * https://FlexSlider v1.8

 * http://flex.madebymufffin.com

 *https://

 * Copyright 2011, Tyler Smith

 * Free to use under the MIT license.

 * http://www.opensource.org/licenses/mit-license.php

 */

/* Browser Resets */

.flex-container a:active,

.flexslider a:active {

    outline: none

}

.slides,

.flex-control-nav,

.flex-direction-nav {

    margin: 0;

    padding: 0;

    list-style: none;

}

/* FlexSlider Necessary Styles

*********************************/

.flexslider {

    width: 100%;

    margin: 0;

    padding: 0;

    background: none;

}

.flexslider .slides > li {

    display: none

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

    position: relative;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    -o-border-radius: 5px;

    border-radius: 5px;

    zoom: 1;

}

.flexslider .slides {

    zoom: 1

}

.flexslider .slides > li {

    position: relative;

    padding-left: 0px;

}

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

.flex-container {

    zoom: 1;

    position: relative;

}

/* Caption style */

/* IE rgba() hack */

.flex-caption {

    background: none;

    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);

    zoom: 1;

}

.flex-caption {

    width: 96%;

    padding: 2%;

    position: absolute;

    left: 0;

    bottom: 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;

}

/* Direction Nav */

.flex-direction-nav li a {

    width: 48px;

    height: 49px;

    margin: 0;

    display: block;

    background: #eee;

    position: absolute;

    top: 46%;

    cursor: pointer;

    text-indent: -9999px;

    -webkit-transition: .1s ease-in;  

    -moz-transition: .1s ease-in;  

    -o-transition: .1s ease-in;  

    transition: .1s ease-in;

}

.blog-post .flex-direction-nav li a {

	top: 41%;

}

.flex-direction-nav li {

	opacity: .8;

	padding-left: 0px !important;

}

.showcase-open .flex-direction-nav li {

	opacity: .8;

}

.flex-direction-nav li .next {

    background: url(../../../images/right.png) no-repeat;

    right: 0;

}

.showcase-open .flex-direction-nav li .next {

    background: rgba(0, 0, 0, .35) url(../../../images/right.png) no-repeat;

    right: 0;

}

.showcase-open .flex-direction-nav li .next:hover {

	padding-right: 15px;

	-webkit-transition: .1s ease-in;  

	-moz-transition: .1s ease-in;  

	-o-transition: .1s ease-in;  

	transition: .1s ease-in; 

}

.flex-direction-nav li .prev {

    background: url(../../../images/left.png) no-repeat;

}

.showcase-open .flex-direction-nav li .prev {

    background: rgba(0, 0, 0, .35) url(../../../images/left.png) no-repeat;

}

.showcase-open .flex-direction-nav li .prev:hover {

	padding-left: 15px;

	background: rgba(0, 0, 0, .35) url(../../../images/left.png) no-repeat 15px 0;

	-webkit-transition: .1s ease-in;  

	-moz-transition: .1s ease-in;  

	-o-transition: .1s ease-in;  

	transition: .1s ease-in; 

}

.flex-direction-nav li:hover {

	opacity: 1;

}

.flex-direction-nav li .disabled {

    opacity: .3;

    filter: alpha(opacity=30);

    cursor: default;

}

/* Control Nav */

.flex-control-nav {

    width: 100%;

    position: absolute;

    bottom: -38px;

    padding: 15px 0;

    text-align: center;

    background: #fff;

    box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;

    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;

    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 3px;

}

.blog-post .flex-control-nav {

	margin-bottom: 0px !important;

	bottom: -33px;

}

.flex-control-nav li {

    margin: 0 0 0 5px !important;

    display: inline-block;

    zoom: 1;

    *display: inline;

}

.flex-control-nav li:first-child {

    margin: 0

}

.flex-control-nav li a {

    width: 25px;

    height: 8px;

    display: block;

    background: #e4e4e4;

    cursor: pointer;

    text-indent: -9999px;

}

.flex-control-nav li a:hover {

    background: #a5a5a5

}

.flex-control-nav li a.active {

    background: #a5a5a5;

    cursor: default;

}