/*
 * 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%; width:100%; display:block; }
.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; z-index:0;  }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; width:100%; background-position:center top; background-size:cover; }
/* 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 { background:none; zoom: 1; }
.flex-caption { position:absolute; top:240px; text-align:left; width:57%; left:80px; }
.flex-caption img { width:auto !important; }
.flex-caption h1{ font-family: 'playfair_displaybold'; font-size:60px; color:#FFF; line-height:70px; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.7); }
.flex-caption h3{ font-family: 'playfair_displaybold'; font-size:75px; color:#FFF; line-height:80px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 1); }
.flex-caption h2{ font-family: 'playfair_displaybold'; font-size:75px; color:#FFF; line-height:80px; text-shadow: 3px 3px 2px rgba(0, 0, 0, 0.7); }
.flex-caption p{ font-family: 'montserratregular'; font-size:18px; line-height:24px; color:#FFF; text-shadow: 3px 3px 2px rgba(0, 0, 0, 1); width:60%; margin-top:10px; letter-spacing:0.5px; word-spacing:1px; }
.scl-ban-img h1 { font-family: 'playfair_displaybold'; font-size:48px; color:#FFF; line-height:50px; text-shadow: 4px 4px 2px rgba(0, 0, 0, 1); text-align:center;}
.scl-ban-img p { font-family: 'montserratregular'; font-size:15px; line-height:24px; color:#FFF; text-shadow: 3px 3px 2px rgba(0, 0, 0, 1); width:100%; margin-top:25px; letter-spacing:0.5px; word-spacing:1px; text-align:center; margin-bottom:25px;}
.scl-ban-img{width:50%; float:none;  text-align:center; }
.flex-caption a.readmore { color:#eaa96a; font-family: 'montserratregular'; font-size:15px; line-height:24px; letter-spacing:0.5px; background:url(../images/read-more-arrow.png) no-repeat right center; padding:0 20px 0 0; margin-top:32px; float:left; }
/* Direction Nav */
.flex-direction-nav { display:block; }
.banner-home .flex-direction-nav li a { width:20px; height:35px; margin: 0px 0 0; display: block; position: absolute; top: 47%; cursor: pointer; text-indent: -9999px; z-index:9999; opacity:0.5 }
.banner-home .flex-direction-nav li a:hover { opacity:1 }
.banner-home .flex-direction-nav li .flex-next { background-position: -25px 0; right:5%; background: url(../images/arrow-right.html) no-repeat 0 0; background-position: 0px 0; }
.banner-home .flex-direction-nav li .flex-prev { left:5%; background: url(../images/arrow-left.html) no-repeat 0 0; background-position: 0px 0; }
.flex-direction-nav li .disabled { opacity: .3; filter:alpha(opacity=30); cursor: default; }
.inner-banner-pad .flex-direction-nav li a { width:27px; height:45px; margin: 0px 0 0; display: block; position: absolute; top: 50%; cursor: pointer; }
/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 60px; z-index:9999; text-align: center; }
.flex-control-nav li { margin: 0 7px 0 7px; display: inline-block; zoom: 1; *display: inline;
}
/*.flex-control-nav li:first-child {margin: 0;}*/
.flex-control-nav li a { width: 25px; height: 5px; display: block; background:#fff; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background:#EAA96A }
.flex-control-nav li a.flex-active { background:#EAA96A; cursor: default; }
.flex-btn { background:#b98b57; color:#fff; padding:10px 45px; border-radius:3px; line-height:60px; font-family: 'PT Sans Narrow', sans-serif; }
.banner-pad .flexslider .flex-control-nav { display:block; }
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 transform: translate3d(-100%, 0px, 0px);
}
100% {
 opacity: 1;
 transform: none;
}
}
.fadeInLeft { animation-name: fadeInLeft; }
 @keyframes fadeInUp { 0% {
 opacity: 0;
 transform: translate3d(0px, 100%, 0px);
}
100% {
 opacity: 1;
 transform: none;
}
}
.fadeInUp { animation-name: fadeInUp; }
.flexslider .slides > li.flex-active-slide h1, .flexslider .slides > li.flex-active-slide h2, .flexslider .slides > li.flex-active-slide h3 { animation-name: fadeInLeft; animation-duration: 1.5s; animation-fill-mode: both; }
.flexslider .slides > li.flex-active-slide p, .flexslider .slides > li.flex-active-slide .flex-caption img { animation-name: fadeInUp; animation-duration: 1s; animation-fill-mode: both; }
.flexslider .slides > li.flex-active-slide a{animation-name: fadeInDown; animation-duration: 1s; animation-fill-mode: both;}

 @keyframes fadeInDown { 0% {
 opacity: 0;
 transform: translate3d(0px, -100%, 0px);
}
100% {
 opacity: 1;
 transform: none;
}
}
.fadeInDown { animation-name: fadeInDown; }
.flexslider .slides li .flex-img img { width:auto;}
.flexslider .slides li .flex-img{position:absolute; right:150px; top:165px;}
.flexslider .slides > li.flex-active-slide .flex-img img{ animation-name: fadeInRight;  animation-duration: 1s; animation-fill-mode: both;}
.flexslider .slides > li.flex-active-slide .scl-ban-img ul li img{ animation-name: fadeInDown;  animation-duration: 1s; animation-fill-mode: both;}
@keyframes fadeInRight {
0% {
    opacity: 0;
    transform: translate3d(100%, 0px, 0px);
}
100% {
    opacity: 1;
    transform: none;
}
}
.fadeInRight {
    animation-name: fadeInRight;
}