/* jQuery FlexSlider v2.0 * www.woothemes.com/flexslider * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * www.gnu.org/licenses/gpl-2.0.html */
/* 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
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display:block; }

/* FlexSlider Default Theme *********************************/
.flexslider { margin:0 0 30px; background:#f6f5f6; 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; }
.carousel li { margin-right:5px }


/* Direction Nav */
.flex-direction-nav { *height:0; }
.flex-direction-nav a { width:42px; height:42px; margin:-25px 0 0; display:block; background:url(../assets/img/ui/slider-puscice.png) no-repeat 0 0; position:absolute; top:50%; z-index:10; cursor:pointer; font-size:0px; text-indent:-20px; opacity:0; -webkit-transition:all .2s ease; }
.flex-direction-nav .flex-next { background-position:100% 0; right:-36px; }
.flex-direction-nav .flex-prev { left:-36px; }
.flexslider:hover .flex-next { opacity:1; right:18px; cursor:pointer; }
.flexslider:hover .flex-prev { opacity:1; left:18px; }
.flexslider:hover .flex-next:hover { opacity:1; background:url(../assets/img/ui/slider-puscice.png) no-repeat 100% 100%; } 
.flexslider:hover .flex-prev:hover { opacity:1; background:url(../assets/img/ui/slider-puscice.png) no-repeat 0 100%; }
.flex-direction-nav .flex-disabled { opacity:.6!important; filter:alpha(opacity=60); cursor:default; }


/* Control Nav */
.flex-control-nav { width:100%; position:absolute; bottom:10px; right:12px; text-align:right; }
.flex-control-nav li { margin:0 6px; display:inline-block; zoom:1; *display:inline; }
.flex-control-paging li a { width:10px; height:6px; display:block; background:none; border:1px solid #08050a; cursor:pointer; font-size:0px; text-indent:-20px; }
.flex-control-paging li a:hover { background:#555; background:rgba(95, 92, 96, .5); cursor:cell; }
.flex-control-paging li a.flex-active { position:relative; width:10px; height:6px; border:1px solid #ffce00; cursor:default; }
.flex-control-paging li a.flex-active:hover { background:#bbb; background:rgba(205, 202, 206, .5); }


.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; }
 
@media screen and (max-width:860px) {
    .flex-direction-nav .flex-prev { opacity:0.6; left:0; text-indent:-500px; }
    .flex-direction-nav .flex-next { opacity:0.6; right:0; text-indent:-500px; }
    .flexslider:hover .flex-next { opacity:0.7; right:0px; }
    .flexslider:hover .flex-prev { opacity:0.7; left:0px; }
    .flex-control-nav { display:none; }
}

/* Direction Nav Slider Portfolio */
#slider2 .flex-direction-nav { *height:0; }
#slider2 .flex-direction-nav a { width:42px; height:42px; margin:-21px 0 0; display:block; background:url(../img/bg-direction-nav-2.png) no-repeat 0 0; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-20px; opacity:0; -webkit-transition:all .2s ease; }
#slider2 .flex-direction-nav .flex-next { background-position:100% 0; right:-36px; }
#slider2 .flex-direction-nav .flex-prev { left:-36px; }
#slider2 .flexslider:hover .flex-next { opacity:0.9; right:21px; }
#slider2 .flexslider:hover .flex-prev { opacity:0.9; left:21px; }
#slider2 .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity:1; }
#slider2 .flex-direction-nav .flex-disabled { opacity:.6!important; filter:alpha(opacity=60); cursor:default; }
#slider2 .flex-control-nav { display:none; }