/*
 * 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)
 */

 
/* 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;overflow:hidden; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px;}
.flexslider .slides > li { position:relative; display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius:5px; -o-border-radius: 5px;}
.flex-pauseplay span {text-transform: capitalize;}

/* slider in col_3_4 overrules */
/*******************************/
#main .col_3_4 ul.slides { margin:0}
#main .col_3_4 ul.slides li { background:none; font-size:inherit; line-height:inherit; padding-left:0}
#main .col_3_4 .flexslider ol { margin:inherit; padding:inherit}
#main .col_3_4 .flexslider ol li { font-size:inherit; line-height:inherit}

/* 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 {margin: 0; background: #f6f6f6; border: none; position: relative; zoom: 1;}
.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;}

.flex-pauseplay { position:absolute; bottom:15px; right:15px; z-index:12 }
.flex-pauseplay a { cursor:pointer; position:relative; display:block; width:19px; height:19px;}
.flex-pauseplay a.flex-pause { background:url(../img/carousel_stop.png) no-repeat 0 0}
.flex-pauseplay a.flex-pause:hover { background-image:url(../img/carousel_stop_hover.png)}
.flex-pauseplay a.flex-play { background:url(../img/carousel_start.png) no-repeat 0 0}
.flex-pauseplay a.flex-play:hover { background-image:url(../img/carousel_start_hover.png)}
.flex-pauseplay a span { position:absolute; left:-9999em}

.carousel li {margin-right: 5px}

.flexslider .layer { background:url(../img/carousel_layer.png) no-repeat right bottom; position:absolute; bottom:0; left:0; z-index:20; width:55.16%; height:100px; padding:1.5em 2.42% }
.flexslider .layer h2 { color:#fff; line-height:100%; font: 100 20px Verdana,"Lucida Sans Unicode","Lucida Grande",sans-serif; margin-bottom: .35em; padding-right: 2em }
.flexslider .layer p { margin:0; font-size:13px; color:#fff;line-height:15px; text-shadow:none; padding-right: 2em  }
.flexslider .layer a { text-decoration:none!important; overflow:hidden; display:block;}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 40px; height: 40px; margin:0; display: block; background: rgba(32,177,148,.55) url(../img/slider_arrows.png) no-repeat; position: absolute; bottom: 10%; z-index: 21; cursor: pointer; text-indent: -9999px; -moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0; }
.flex-direction-nav .flex-prev {left: 0}
.flex-direction-nav .flex-next:hover { background:rgba(32,177,148,.75) url(../img/slider_arrows.png) no-repeat 100% 0;}
.flex-direction-nav .flex-prev:hover { background:rgba(32,177,148,.75) url(../img/slider_arrows.png) no-repeat 0 0;}
.flex-direction-nav .flex-disabled.flex-next, .flex-direction-nav .flex-disabled.flex-next:hover { background: rgba(32,177,148,.25) url(../img/slider_arrows.png) no-repeat 100% 0; cursor: default;}
.flex-direction-nav .flex-disabled.flex-prev, .flex-direction-nav .flex-disabled.flex-prev:hover { background: rgba(32,177,148,.25) url(../img/slider_arrows.png) no-repeat 0 0; cursor: default;}
.lt-ie9 .flex-direction-nav .flex-next { background:url(../img/bgIE_flex-direction-nav-next.png) repeat 0 0; filter: alpha(opacity = 80);}
.lt-ie9 .flex-direction-nav .flex-prev { background:url(../img/bgIE_flex-direction-nav-prev.png) repeat 0 0; filter: alpha(opacity = 80);}
.lt-ie9 .flex-direction-nav a:hover { filter: alpha(opacity = 100);}
.lt-ie9 .flex-direction-nav .flex-disabled.flex-next, .lt-ie9 .flex-direction-nav .flex-disabled.flex-next:hover,
.lt-ie9 .flex-direction-nav .flex-disabled.flex-prev, .lt-ie9 .flex-direction-nav .flex-disabled.flex-prev:hover { filter: alpha(opacity = 50);}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 15px; right:40px; text-align: center; margin:0!important}
.flex-control-nav li {display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a { font: 100 10px Verdana,Geneva,sans-serif; padding:3px 0; width:19px; height: 13px; margin-left:5px; display: block; background: #fff; color:#333; text-decoration:none!important; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;}
.flex-control-paging li a:hover { text-decoration:underline }
.flex-control-paging li a.flex-active { background: #B40E65; cursor: default; color:#fff }
.flex-control-paging li a:focus, .flex-control-paging li a.focus { outline: thin dotted #B40E65; text-decoration: underline;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; filter: alpha(opacity = 100); left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; filter: alpha(opacity = 100); right: 0;}
}