/*--------------------------------------------------

jQuery FlexSlider v2.0

--------------------------------------------------*/



 



/*--------------------------------------------------

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%; 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

--------------------------------------------------*/

.no-js .slides > li:first-child {display: block;}





/*--------------------------------------------------

 FlexSlider Default Theme

--------------------------------------------------*/

.flexslider {margin: 0 0 40px; 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;}

.flexslider li {margin:12px; text-align:center;}

.carousel li {margin-right: 5px}







/*--------------------------------------------------

Direction Nav

--------------------------------------------------*/

.flex-direction-nav a {background:url(../img/gals_arrows.png) no-repeat scroll -45px -78px; border:4px solid #222; cursor:pointer; display:block; height:23px; margin:-20px 0 0; position:absolute; text-indent:-9999px; top:50%; width:18px; opacity:0.6; -moz-opacity:0.6; -webkit-opacity:0.6; filter:alpha(opacity=60); display:none;}

.flex-direction-nav .flex-next {background-position:-18px -18px; right: -36px;}

.flex-direction-nav .flex-prev {left: -36px;}

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





/*--------------------------------------------------

Control Nav

--------------------------------------------------*/

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

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

.flex-control-paging li a {display: block; cursor: pointer; background:#d3d1d1; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; float:left; font-size:11px; height:12px; letter-spacing:-1px; line-height:18px; margin:0 5px; text-align: center; width:12px; color:#fff; text-align:left; text-indent:-9999px; font-size:0; color:#fff;}

.flex-control-paging li a:hover {background:#908a8a;}

.flex-control-paging li a.flex-active {background:#C00418;}

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







@media screen and (max-width: 860px) {

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

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

}