/*
 * 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 > li .landing-item-bg{width: 100%;background-size: cover;background-position: center center;z-index: 9996;transform: translateX(0);animation: backgroundScroll 30s linear infinite; height: 770px;}
.flexslider .slides img {max-width: 100%; width:100%; display:block; opacity: 0;}
.flex-pauseplay span {text-transform: capitalize;}
/*.flexslider .slides > li::after { position: absolute; display: block; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.25); left: 0; top:0;}
*/
/* 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; z-index:0; overflow:hidden;}
.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;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {position:absolute; top:50%;  text-align:center; width:100%; z-index: 1; transform: translateY(-50%);}

/* Direction Nav */
.banner-home .flex-direction-nav { display:block; width: 100%; position: absolute; top: 50%; left: 0; margin: 0 auto;}
.banner-home .flex-direction-nav li a {width:27px; height:51px; margin: 0px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; z-index:9999;
transition:all .5s ease;}
.banner-home .flex-direction-nav li .flex-next { right: 100px; background: url(../images/slider-arrw-rgt.svg) no-repeat center center;}
.banner-home .flex-direction-nav li .flex-next:hover { opacity: 60%;}
.banner-home .flex-direction-nav li .flex-prev {left:100px; background: url(../images/slider-arrw-lft.svg) no-repeat center center;}
.banner-home .flex-direction-nav li .flex-prev:hover { opacity: 60%;}

/* Control Nav */
.banner-home .flex-control-nav { width:100%; position:absolute; bottom:25px; z-index:9999; text-align:center;}
.banner-home .flex-control-nav li { margin:0px 14px 0 0; display: inline-block; zoom: 1; }
.banner-home .flex-control-nav li a {  cursor:pointer; text-indent:9999999px;}
.caption-txt { width:100%;}
.caption-right { float:right; text-align:right;}
.banner-home .flex-caption h1 { color:#fff; font-size:75px; font-family: 'space_groteskregular'; line-height:85px; text-align:center; }


.flex-control-thumbs {margin: 5px 0 0;position: static;	overflow: hidden;  }
.flex-control-thumbs li { width: 25%;	float: left;margin: 0; }
.flex-control-thumbs img {width: 100%;	height: auto;	display: block;	opacity: .7;
cursor: pointer;	-moz-user-select: none;	-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-thumbs img:hover {opacity: 1;  }
.flex-control-thumbs .flex-active {	opacity: 1;	cursor: default;  }

.flex-control-nav {width: 100%; float:left; position: absolute; bottom:10px; z-index:9; text-align:center; }
.flex-control-nav li a {width: 11px;height: 11px;display: block;cursor: pointer;text-indent: -99999px; background:rgba(249, 248, 244, 50%); border-radius:50%; ; position:relative;}
.flex-control-nav li a.flex-active, .flex-control-nav li a:hover{ background:#F9F8F4;}


/* panning animation */

/*@keyframes backgroundScroll {
	0% { 
	  -webkit-transform: translateX(0);  
	}
	50% { 
	  -webkit-transform: translateX(-5%);  
	}
	100% { 
	  -webkit-transform: translateX(0);  
	}
  }
*/

  .caption-link {width: 356px;height: 132px;background: #6EA57D;position: absolute;left: 0;bottom: 0;}
  .caption-link a{color: #fff; padding: 40px 130px 35px 30px; font-size: 20px; line-height: 28px; font-family: 'space_groteskregular'; float: left;transition:all 0.4s ease;}
  .caption-link a:after{position: absolute; content: "";top: 15px; right: 15px;  background: url(../images/link-arw.svg) no-repeat center center; width: 18px; height: 18px;}
  .caption-link a:hover,.caption-link a:hover:after{opacity: 60%;}


  .landing-item-bg{width: 100%; float: left;}