/*
 * 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 */
.timeline_slide .flex-direction-nav						{width:0; height:0; text-indent:-9999px;}
.timeline_slide .flex-direction-nav a						{width:60px; height:102px; bottom:225px; display:block; position:absolute; z-index:10; cursor:pointer; text-indent:-9999px;}
.timeline_slide .flex-direction-nav .flex-prev			{left:50%;background:url(../images/sub/timeline_prev.png) no-repeat 0 0;margin-left:-30%;}
.timeline_slide .flex-direction-nav .flex-next			{right:50%;background:url(../images/sub/timeline_next.png) no-repeat 0 0;margin-right:-30%;}

/* Direction Nav */
.ro_con5 .list_slide .flex-direction-nav						{width:0; height:0; text-indent:-9999px;}
.ro_con5 .list_slide .flex-direction-nav a						{width:84px; height:84px; top:143px; display:block; position:absolute; z-index:10; cursor:pointer; text-indent:-9999px;}
.ro_con5 .list_slide .flex-direction-nav .flex-prev			{left:-112px;background:url(../images/sub/rc5_slide_prev.png) no-repeat 0 0;}
.ro_con5 .list_slide .flex-direction-nav .flex-prev:hover {background:url(../images/sub/rc5_slide_prev_hover.png) no-repeat 0 0;}
.ro_con5 .list_slide .flex-direction-nav .flex-next			{right:-112px;background:url(../images/sub/rc5_slide_next.png) no-repeat 0 0;}
.ro_con5 .list_slide .flex-direction-nav .flex-next:hover	{background:url(../images/sub/rc5_slide_next_hover.png) no-repeat 0 0;}



/* Direction Nav */
.thanks_slider {}
.thanks_slider .flex-direction-nav						{width:0; height:0; text-indent:-9999px;}
.thanks_slider .flex-direction-nav a						{width:40px; height:70px; top:50%;margin:-35px 0 0 0; display:block; position:absolute; z-index:10; cursor:pointer; text-indent:-9999px;}
.thanks_slider .flex-direction-nav .flex-prev			{left:0px;background:url(../images/main/thanks_prev_btn.png) no-repeat 0 0;}
.thanks_slider .flex-direction-nav .flex-next			{right:0px;background:url(../images/main/thanks_next_btn.png) no-repeat 0 0;}
.thanks_slider .flex-control-nav{display:none;}
.thanks_slider .slides li .txt .ty01,
.thanks_slider .slides li .txt .ty02,
.thanks_slider .slides li .txt .ty03{
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

.thanks_slider li.flex-active-slide .txt .ty01{
		-webkit-animation-delay: 1.0s;
		animation-delay: 1.0s;
		-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;
}
.thanks_slider li.flex-active-slide .txt .ty02{
		-webkit-animation-delay: 1.3s;
		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;
}
.thanks_slider li.flex-active-slide .txt .ty03 {
		-webkit-animation-delay: 1.4s;
		animation-delay: 1.6s;
		-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(100%, 0, 0);
				transform: translate3d(100%, 0, 0);
		}
		100% {
				opacity: 1;
				-webkit-transform: none;
				transform: none;
		}
}

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

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

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