/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * 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 !important; padding: 0 !important; list-style: none;} 

/* FlexSlider Necessary Styles */
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;}
.flexslider .slides img {max-width: 100%; display: block; width: 100%; height: auto;padding: 0;margin:0;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] #myExtraContent1 .slides {display: block;} 
* html #myExtraContent1 .slides {height: 1%;}

/* FlexSlider Default Theme */
.flexslider {background: transparent; zoom: 1;}

.flexslider ul.slides, .flexslider li {zoom: 1; padding: 0 !important; margin: 0 !important;list-style: none; line-height: 0}
.flexslider .slides > li {position: relative;}
/*
.flexslider .slides {zoom: 1; padding: 0 !important; margin: 0;}
.flexslider .slides > li {position: relative;}
*/

.flex-container {zoom: 1; position: relative;}

/* Caption style */
.flex-caption { 
height:50px; 
background:none; 
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); 
zoom: 1; 
text-align: left; 
width: 100%; 
display: block; 
text-indent: 3%; 
padding: 0; 
position: absolute; 
left: 0; 
bottom: 0; 
background: rgba(0,0,0,.5); 
color: #fff; margin: 0 !important; 
text-shadow: 0 -1px 0 rgba(0,0,0,.3); 
font-size: 14px; 
line-height: 3.6em;
}

/* Direction Nav */
.flex-direction-nav{opacity: 0;}
.flex-direction-nav{padding: 0 !important;}
.flex-direction-nav li a {width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url('../files/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li .next {background-position: -52px 0; right: 0;}
.flex-direction-nav li .prev {left: 0;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; line-height: 3.6em; font-size: 14px; text-align: center; bottom:0; margin: 0;padding: 0 !important; opacity:0;width:100%;z-index:100;}
.alignRight {text-align: right; right: 15px;width:auto;}

.flex-control-nav li {position: relative; top: 4px; margin: 0 0 0 7px !important; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a { top: 5px; width: 20px; height: 20px;display: block; background: url('../files/bg_control_nav.png') no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -20px;}
.flex-control-nav li a.active {background-position: 0 -40px; cursor: default;}

/* Hover Animate Controls */

.flex-control-nav,.flex-direction-nav{-webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -ms-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;}
.flexslider:hover .flex-control-nav,.flexslider:hover .flex-direction-nav{opacity: 1 !important;}
 
@-webkit-keyframes fade-in {
0%{opacity: 0;}
40%{opacity: 1;}
100%{opacity: 0;}
}

.flex-control-nav,
.flex-direction-nav {
-webkit-animation-name: fade-in;
-webkit-animation-duration: 3s;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
}

/* Radius */

#stacks_in_1357_page2 .flexslider,#stacks_in_1357_page2 ul.slides,#stacks_in_1357_page2 ul.slides li,#stacks_in_1357_page2 ul.slides li img{border-radius: 3px;}
#stacks_in_1357_page2 .flex-caption{border-radius: 0 0 4px 4px;}

/* Break Points */

/*@media all and (max-width: 900px){
.flex-direction-nav{opacity: 1 !important;}
}*/

@media all and (max-width: 600px){      
/*.flex-control-nav{opacity: 1 !important;}*/
.flex-caption{visibility: hidden;}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
.flex-control-nav li a {background-image: url('../files/bg_control_nav_2x.png') !important; -webkit-background-size: 20px 60px;}
}




/* Edit Mode UI  */