/*
 * 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; width:100%;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {display:block; width:100%;}
.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:30px; height:3px; display:block; background-color:#e0dfe1; cursor:pointer;text-indent:-9999px;}
.flex-control-paging li a:hover,
.flex-control-paging li a.flex-active		{background-color:#fff;height:4px;}

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

/* Control Nav */
.middle_bnr .flex-control-nav							{position:absolute; left:0; bottom:15px;z-index:10; width:100%; text-align:center;}
.middle_bnr .flex-control-nav li						{margin:0 5px; display: inline-block; zoom: 1; *display:inline;text-align:center;}
.middle_bnr .flex-control-nav li	span{width:0px;position:absolute;left:0px;top:50%;margin-top:-3px;height:2px;}
.middle_bnr .flex-control-nav li a				{display:inline-block;font-size:18px;color:#aaa;margin-top:1px;width:9px;height:9px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;}
.middle_bnr .flex-control-nav li a.flex-active{background-color:#5e5e5e;margin-top:0px;}

/* Control Nav */
.pop_1 .flex-control-nav							{position:absolute; right:15px; top:15px; z-index:10; width:98%; text-align:right;}
.pop_1 .flex-control-nav li						{margin:0 5px; display: inline-block; zoom: 1; *display:inline;text-align:center;}
.pop_1 .flex-control-nav li	span{width:0px;position:absolute;left:0px;top:50%;margin-top:-3px;height:2px;}
.pop_1 .flex-control-nav li a				{display:inline-block;font-size:18px;color:#aaa;margin-top:1px;width:10px;height:10px;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-o-border-radius:6px;-ms-border-radius:6px;}
.pop_1 .flex-control-nav li a.flex-active{background-color:#5e5e5e;margin-top:0px;}

/* Direction Nav */
.main_visual  .flex-direction-nav							{width:0; height:0; text-indent:-9999px;}
.main_visual  .flex-direction-nav a						{width:50px; height:80px; 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/mv_prev.png) no-repeat 0 0;position:absolute;left:50%;margin:-40px 0 0 -700px;}
.main_visual  .flex-direction-nav .flex-next			{background:url(../images/main/mv_next.png) no-repeat 0 0;position:absolute;right:50%;margin:-40px -720px 0 0;}

/* Control Nav */
/*
.main_visual .flex-control-paging li a					{width:12px; height:12px; display:block; background-color:#fff; cursor:pointer;text-indent:-9999px;}
.main_visual .flex-control-paging li a:hover,
.main_visual .flex-control-paging li a.flex-active		{background-color:#fff;height:12px;}
.main_visual .flex-control-nav {position:absolute; left:0; bottom:30px;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:#fff;margin-top:1px; opacity:0.9; filter:alpha(opacity=90);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;}
.main_visual .flex-control-nav li a.flex-active{color:#35b6f1;width:40px;background-color:#35b6f1;margin-top:0px; opacity:0.8; filter:alpha(opacity=80);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-o-border-radius:12px;-ms-border-radius:12px;}
*/

.main_visual .flex-control-nav li { margin: 0; width: 25%; background: #2c2c2c; }
.main_visual .flex-control-paging li a { width: 100%; height: 40px; line-height: 40px; display: block; font-size: 16px; color: #fff; background: #2c2c2c; border-radius: 0; margin: 0; text-indent: 0; }
.main_visual .flex-control-paging li a.flex-active { background: #f5cd52; width: 100%; height: 40px; color: #000; font-weight: bold; border-radius: 0; margin: 0; text-indent: 0;}
.main_visual .flex-control-paging li:hover a { color: #f5cd52; background: #2c2c2c; width: 100%; height: 40px; line-height: 40px; }
.main_visual .flex-control-paging li:hover a.flex-active { background: #f5cd52; color: #000; font-weight: bold; }

.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;
}

@-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);
		}
}