/*
 * jQuery FlexSlider v2.2.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)
 */

.flexslider {
	max-width: 600px;
	height: auto!important;
	-webkit-transition: max-width .5s;
	transition: max-width .5s;
}
/*********************/ @media only screen and (max-width: 1280px) {
.flexslider { max-width: 480px; }
}
/*********************/ @media only screen and (max-width: 960px) {
.flexslider { max-width: 960px; }
}
/*********************/ 




.flexslider .slides > li { /* Hide the slides before the JS is loaded. Avoids image jumping */
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

.flexslider .slides img {
	width: 100%;
	height: auto;
}

.flex-control-thumbs {
	display: -webkit-flex;
	display: flex;
}

.flex-control-thumbs li {
	width: 25%;
	overflow: hidden;
}

.flex-control-thumbs li img {
	width: 100%;
	height: auto;
	display: block;
	cursor: pointer;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.flex-control-thumbs img:hover {
	opacity: 0.3;
}

.flex-control-thumbs .flex-active {
	opacity: 0.3;
	cursor: default;
}