/*
 * jQuery FlexSlider v1.8
 * http://flex.madebymufffin.com
 *
 * Copyright 2011, Tyler Smith
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
 #container {width: 80%; max-width: 800px; margin: 0 auto;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block; width:100%; }
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; 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;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}

/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}
.flexslider .slides li { /*height:642px; background-repeat:no-repeat; background-position:center; background-size:cover;*/ }
.flexslider .slides li img { width:100%; float:left; }

/*.flexslider .slides li::before {
    background: rgba(0, 0, 0, 0.6);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
*/
/* Caption style */
/* IE rgba() hack */
.flex-caption, .flex-caption { zoom: 1; }
.flex-caption {  position: absolute; text-align: left; left:95px; bottom: 17%; width: 22%; padding:0px; }
.flex-caption1 {  position: absolute; text-align: center; right: 0px; bottom:0px; width: 10%; padding:0px;}
.flex-caption p { clear:left; font-size:17px; color:#faf5fa; line-height:20px; padding:0px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; text-align:left;}
.flex-caption .slide-btn a{ display:inline-block;font-size:38px; color:#faf5fa; text-align:center; line-height:40px; padding:6px 10px 10px; margin:0px 0px 5px 0px; font-family: 'Roboto Condensed', sans-serif; float:left; background:#e5772b; font-weight:300; }
.slide-btn span			{ font-family:'Roboto Condensed', sans-serif;font-weight:700; font-size:38px; color:#faf5fa; }
.flexslider .slides .flex-lft img	{ width:auto; }
.flexslider .slides .flex-right img	{ width:auto; float:none; display:inline-block; margin-bottom:10px; }
.flex-lft 		{ float: left; margin-left: 15px; width:13%; margin-top: 10px;}
.flex-right		{ float:left; width:15%; text-align:center; padding-top:59px; }

.flex-caption .slide-btn a:hover {color:#333; }
.flex-caption.caption2 h1 { text-shadow: 0 1px 5px rgba(0, 0, 0, 1); color:#ffffff }
.flex-caption.caption2 p { text-shadow: 0 0 3px rgba(0, 0, 0, 1); color:#ffffff }

/* Direction Nav */
.flex-direction-nav { display:block; }
.flex-direction-nav li a {width:32px; height:76px; margin:-24px 0 0 0; display: block; z-index:100; background: url(../images/slide-arrow.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -99999px;}
.flex-direction-nav li .flex-next {background-position:-32px 0; right:0px;}
.flex-direction-nav li .flex-prev {left:0px;}
.flex-direction-nav li .flex-next:hover {background-position:-32px -76px; }
.flex-direction-nav li .flex-prev:hover {background-position:0 -76px;}
.flex-direction-nav li .disabled {opacity:.3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom:65px; z-index:100; text-align:center; }
.flex-control-nav li {margin:0 4px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li a {width:13px; height:12px; display: block; background: url(../images/slide-nav.png) no-repeat 0px 0px; font-size:0px; line-height:0px; cursor: pointer; text-indent: -99999px; }
.flex-control-nav li a:hover, .flex-control-nav li a.flex-active { background: url(../images/slide-nav-hv.png) no-repeat 0px 0px; }

.flexslider .slides { overflow: hidden; }
.flex-caption {
	-webkit-transform: translateX(400px);
	-moz-transform: translateX(400px);
	transform: translateX(400px);
	opacity:0;
}
.flex-caption p {
	-webkit-transform: translateX(500px);
	-moz-transform: translateX(500px);
	transform: translateX(500px);
	opacity:0;
}
/*.flex-caption .slide-btn { opacity:0; }*/

/*
.flex-active-slide .flex-caption h1{ 
-webkit-transform: -webkit-translateX(70%); opacity:0;
animation: fade_title 5.5s linear ; 
-moz-animation: fade_title  6.5s linear ;
-webkit-animation: fade_title  6.5s linear ; 
-o-animation: fade_title  6.5s linear ;}

@keyframes fade_title {	
    0% {  transform: translateX(70%); opacity:0;}
	20% {  transform: translateX(00); opacity:1;}
	80% {  transform: translateX(00); opacity:1;}
	100% {  transform: translateX(-100%); opacity:0;}
}
@-moz-keyframes fade_title {	
    0% {  -moz-transform: translateX(70%); opacity:0;}
	20% {  -moz-transform: translateX(00); opacity:1;}
	80% {  -moz-transform: translateX(00); opacity:1;}
	100% {  -moz-transform: translateX(-100%); opacity:0;}
}

@-webkit-keyframes fade_title {	
    0% {  -webkit-transform: translateX(70%); opacity:0;}
	20% {  -webkit-transform: translateX(00); opacity:1;}
	80% {  -webkit-transform: translateX(00); opacity:1;}
	100% {  -webkit-transform: translateX(-100%); opacity:0;}
}

@-o-keyframes fade_title {	0% {  -o-transform: translateX(70%); opacity:0;}
	20% {  -o-transform: translateX(00); opacity:1;}
	80% {  -o-transform: translateX(00); opacity:1;}
	100% {  -o-transform: translateX(-100%); opacity:0;}
}


.flex-active-slide .flex-caption p{ 
-webkit-transform: -webkit-translateY(50%); opacity:0;
animation: img_in  5.5s linear ; 
-moz-animation: img_in  5.5s linear ;
-webkit-animation: img_in  5.5s linear ; 
-o-animation: img_in  5.5s linear ;}

@keyframes img_in {	
    0% {  transform: translateX(50%); opacity:0;}
	20% {  transform: translateX(00); opacity:1;}
	80% {  transform: translateX(00); opacity:1;}
	100% {  transform: translateX(100%); opacity:0;}
}
@-moz-keyframes img_in {	
    0% {  -moz-transform: translateX(50%); opacity:0;}
	20% {  -moz-transform: translateX(00); opacity:1;}
	80% {  -moz-transform: translateX(00); opacity:1;}
	100% {  -moz-transform: translateX(100%); opacity:0;}
}

@-webkit-keyframes img_in {	
    0% {  -webkit-transform: translateX(50%); opacity:0;}
	20% {  -webkit-transform: translateX(00); opacity:1;}
	80% {  -webkit-transform: translateX(00); opacity:1;}
	100% {  -webkit-transform: translateX(100%); opacity:0;}
}

@-o-keyframes img_in {	0% {  -o-transform: translateX(50%); opacity:0;}
	20% {  -o-transform: translateX(00); opacity:1;}
	80% {  -o-transform: translateX(00); opacity:1;}
	100% {  -o-transform: translateX(100%); opacity:0;}
}*/

/*.flex-active-slide:after { background:url(../images/tree.png) no-repeat right bottom; position:absolute; bottom: 0; content: ""; display: block; height: 288px; width: 154px; z-index: 99; right:0; }*/

.flex-caption1 img  {
	opacity: 0;
}

.flex-active-slide .flex-caption1 img {  transform-origin: right bottom; -webkit-transform-origin: right bottom;-moz-transform-origin: right bottom; -o-transform-origin: right bottom; transform-style: preserve-3D; -webkit-transform-style: preserve-3D; -moz-transform-style: preserve-3D; -o-transform-style: preserve-3D; -ms-transform-style: preserve-3D;
-webkit-animation:fadeInright ease-in 1;
-moz-animation:fadeInright ease-in 1;
-o-animation:fadeInright ease-in 1;
animation:fadeInright ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:2.2s;
-moz-animation-duration:2.2s;
-o-animation-duration:2.2s;
animation-duration:2.2s; }


@-webkit-keyframes fadeInright {
	0% {
		opacity: 0;
		-webkit-transform:scale(.2);
		-webkit-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-webkit-transform:scale(1);
		-webkit-animation-timing-function: ease-in-out;
	}
}
@-moz-keyframes fadeInright { 
	0% {
		opacity: 0;
		-moz-transform:scale(.2);
		-moz-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-moz-transform:scale(1);
		-moz-animation-timing-function: ease-in-out;
	}
}
@-o-keyframes fadeInright {
	0% {
		opacity: 0;
		-o-transform:scale(.2);
		-o-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-o-transform:scale(1);
		-o-animation-timing-function: ease-in-out;
	}
}
@-ms-keyframes fadeInright {
	0% {
		opacity: 0;
		-ms-transform:scale(.2);
		-ms-animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		-ms-transform:scale(1);
		-ms-animation-timing-function: ease-in-out;
	}
}
@keyframes fadeInright {
	0% {
		opacity: 0;
		transform:scale(.2);
		animation-timing-function: ease-in-out;
	}
	100% {
		opacity: 1;
		transform:scale(1);
		animation-timing-function: ease-in-out;
	}
}


.flex-active-slide .flex-caption {
-webkit-animation:topbottom linear 1;
-moz-animation:topbottom linear 1;
-o-animation:topbottom linear 1;
animation:topbottom linear 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1.8s;
-moz-animation-duration:1.8s;
-o-animation-duration:1.8s;
animation-duration:1.8s;
}
@-webkit-keyframes topbottom {
	0% { opacity: 0; -webkit-transform: translateX(-400px); }
	55% { opacity: 0; -webkit-transform: translateX(-400px); }
	100% { opacity: 1; -webkit-transform: translateX(0);  }
}
@-moz-keyframes topbottom { 
	0% { opacity: 0; -moz-transform: translateX(-400px); }
	55% { opacity: 0; -moz-transform: translateX(-400px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes topbottom {
	0% { opacity: 0; -o-transform: translateX(-400px); }
	55% { opacity: 0; -o-transform: translateX(-400px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes topbottom {
	0% { opacity: 0; transform: translateX(-400px); }
	55% { opacity: 0; transform: translateX(-400px); }
	100% { opacity: 1; transform: translateX(0); }
}

.flex-active-slide .flex-caption p {
-webkit-animation:rightleft linear 1;
-moz-animation:rightleft linear 1;
-o-animation:rightleft linear 1;
animation:rightleft linear 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1.8s;
-moz-animation-duration:1.8s;
-o-animation-duration:1.8s;
animation-duration:1.8s;
}
@-webkit-keyframes rightleft {
	0% { opacity: 0; -webkit-transform: translateX(400px); }
	55% { opacity:0; -webkit-transform: translateX(400px); }
	100% { opacity: 1; -webkit-transform: translateX(0); }
}
@-moz-keyframes rightleft { 
	0% { opacity: 0; -moz-transform: translateX(400px); }
	55% { opacity: 0; -moz-transform: translateX(400px); }
	100% { opacity: 1; -moz-transform: translateX(0); }
}
@-o-keyframes rightleft {
	0% { opacity: 0; -o-transform: translateX(400px); }
	55% { opacity: 0; -o-transform: translateX(400px); }
	100% { opacity: 1; -o-transform: translateX(0); }
}
@keyframes rightleft {
	0% { opacity: 0; transform: translateX(400px); }
	55% { opacity: 0; transform: translateX(400px); }
	100% { opacity: 1; transform: translateX(0); }
}


/*.flex-active-slide .slide-btn {
opacity: 0;
-webkit-animation:fadeInBtn ease-in 1;
-moz-animation:fadeInBtn ease-in 1;
-o-animation:fadeInBtn ease-in 1;
animation:fadeInBtn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
-o-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:2.5s;
-moz-animation-duration:2.5s;
-o-animation-duration:2.5s;
animation-duration:2.5s;
}
@-webkit-keyframes fadeInBtn {
	0% { opacity: 0; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
@-moz-keyframes fadeInBtn { 
	0% { opacity: 0; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes fadeInBtn {
	0% { opacity: 0; }
	65% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes fadeInBtn {
	0% { opacity: 0; }
	75% { opacity: 0; }
	100% { opacity: 1; }
}
*/