/*
* jQuery FlexSlider v2.5.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 and later license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
* 
*/

/* ====================================================================================================================
* RESETS
* ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-pauseplay span {
	text-transform: capitalize;
}


/* ====================================================================================================================
* BASE STYLES
* ====================================================================================================================*/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}
.flexslider .slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .flexslider .slides {
	display: block;
}
* html .flexslider .slides {
	height: 1%;
}
.no-js .flexslider .slides > li:first-child {
	display: block;
}


/* ====================================================================================================================
* DEFAULT THEME
* ====================================================================================================================*/
.flexslider {
	margin: 0;
	position: relative;
	zoom: 1;
}
.flexslider .slides {
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}


.carousel li {
	margin-right: 5px;
}


/* flex-direction-nav : arrow */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
	display: block;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 35px;
	height: 35px;
	margin-top: -50px;
	background: #ff9400;
	border-radius: 50%;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 10;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-direction-nav .flex-prev {
	left: 0;
}
.flex-direction-nav .flex-next {
	right: 0;
}

.flex-direction-nav a:after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	top: 50%;
	left: 50%;
	margin: -5px 0 0 -6px;
	border: #fff solid;
	border-width: 2px 2px 0 0;
}
.flex-direction-nav .flex-prev:after {
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.flex-direction-nav .flex-next:after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.flex-direction-nav .flex-prev:hover,
.flex-direction-nav .flex-next:hover{
	opacity: .7;
}

.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	cursor: default;
}


/* flex-control-nav : num */
.flex-control-nav {
	overflow: hidden;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 30px;
	height: 40px;
	line-height: 40px;
	margin: 0 0 .5em .3em;
}
.flex-control-nav li a {
	display: block;
	border: #ff9400 solid 2px;
	line-height: 36px;
	text-align: center;
	font-weight: bold;
	color: #ff9400;
	cursor: pointer;
		-webkit-transition: all 1s ease;
		-moz-transition: all 1s ease;
		-ms-transition: all 1s ease;
		-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-nav li a.flex-active {
	border-color: #ff6464;
	background: #ff6464;
	color: #fff;
}
.flex-control-nav li a:hover {
	opacity: .7;
}





/*============================================================================

	responsive

============================================================================*/
@media screen and (max-width:480px) {
/* flex-control-nav : num */
.flex-control-nav li {
	width: 22px;
	height: 30px;
	line-height: 30px;
}
.flex-control-nav li a {
	line-height: 26px;
}

.flex-direction-nav .flex-prev {
	left: -27px;
}
.flex-direction-nav .flex-next {
	right: -27px;
}
.flex-direction-nav .flex-prev:after {
	margin-left: 5px;
}
.flex-direction-nav .flex-next:after {
	margin-left: -15px;
}

}