/*
 * 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)
 */


/* 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
*********************************/
.slider	{}
.flexslider {margin:0 auto; padding:0; width:auto;}
.flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display:block;}
.flex-pauseplay span {text-transform:capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; 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 {position:relative; zoom:1;}
.flex-viewport {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-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							{width:0; height:0; text-indent:-9999px;}
.flex-direction-nav a						{width:34px; height:62px; margin:0; display:none; position:absolute; z-index:10; cursor:pointer; text-indent:-9999px;}
.flex-direction-nav .flex-prev				{}
.flex-direction-nav .flex-next				{}

/* Control Nav */
.flex-control-nav							{position:absolute; left:0; z-index:10; width:100%; text-align:center;}
.flex-control-nav li						{margin:0 5px; display: inline-block; zoom: 1; *display:inline;text-align:center;}
.flex-control-paging li a					{width:14px; height:14px; display:block; background-color:#fff; cursor:pointer;text-indent:-9999px;-webkit-border-radius:7px; -moz-border-radius:7px; -o-border-radius:7px; border-radius:7px;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active		{background-color:#1f3f99;}


/* Direction Nav */
.main_visual  .flex-direction-nav							{width:0; height:0; text-indent:-9999px;}
.main_visual  .flex-direction-nav a						{width:50px; height:50px; margin:0; display:block; position:absolute; z-index:10; cursor:pointer; text-indent:-9999px;top:50%;}
.main_visual  .flex-direction-nav .flex-prev			{background:url(../images/main/flex_prev.png) no-repeat 0 0;position:absolute;left:50%;margin:-25px 0 0 -580px;}
.main_visual  .flex-direction-nav .flex-next			{background:url(../images/main/flex_next.png) no-repeat 0 0;position:absolute;right:50%;margin:-25px -600px 0 0;}

/* Control Nav */
.main_visual .flex-control-nav							{position:absolute; left:0; bottom:40px;z-index:10; width:100%; text-align:center;}
.main_visual .flex-control-nav li						{margin:0 5px; display: inline-block; zoom: 1; *display:inline;text-align:center;}
.main_visual .flex-control-nav li	span{width:0px;position:absolute;left:0px;top:50%;margin-top:-3px;height:2px;}
.main_visual .flex-control-nav li a				{display:inline-block;font-size:18px;color:#aaa;width:20px;}
.main_visual .flex-control-nav li a:hover{color:#fff;}
.main_visual .flex-control-nav li.flex-active{position:relative;}
.main_visual .flex-control-nav li.flex-active a{font-size:0px;}
.main_visual .flex-control-nav li.flex-active span{display:block;position:absolute;left:0px;top:50%;margin-top:-3px;height:2px;width:100%;background:#fff;-webkit-transition: all 2.5s; -moz-transition: all 2.5s; -o-transition: all 1s ease; transition: all 2.5s;}

.main_visual .slides li .img_box .left_img{
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

.main_visual .slides li.flex-active-slide .img_box .left_img{
		-webkit-animation-delay: 1.5s;
		animation-delay: 1.5s;
		-webkit-animation-duration: 1.2s;
		animation-duration: 1.2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInLeft;
		animation-name: fadeInLeft;
}

.main_visual .slides li .img_box .right_img{
	-webkit-animation-duration: 2.2s;
	animation-duration: 2.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

.main_visual .slides li.flex-active-slide .img_box .right_img{
		-webkit-animation-delay: 1.2s;
		animation-delay: 1.2s;
		-webkit-animation-duration: 2.2s;
		animation-duration: 2.2s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-name: fadeInRight;
		animation-name: fadeInRight;
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-50%, 0, 0);
				transform: translate3d(-50%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInLeft {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(-50%, 0, 0);
				transform: translate3d(-50%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutRight {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(50%, 0, 0);
				transform: translate3d(50%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@keyframes fadeInRight {
		0% {
				opacity: 0;
				-webkit-transform: translate3d(50%, 0, 0);
				transform: translate3d(50%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

@-webkit-keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-50%, 0, 0);
				transform: translate3d(-50%, 0, 0);
		}
}

@keyframes fadeOutLeft {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(-50%, 0, 0);
				transform: translate3d(-50%, 0, 0);
		}
}

@-webkit-keyframes fadeOutRight {
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(50%, 0, 0);
				transform: translate3d(50%, 0, 0);
		}
}

@keyframes fadeOutRight{
		0% {
				opacity: 1;
		}
		100% {
				opacity: 0;
				-webkit-transform: translate3d(50%, 0, 0);
				transform: translate3d(50%, 0, 0);
		}
}