/*
 * 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:1;  }
.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;
text-align: center;
padding: 0px;
top: 50%;
transform: translateY(-65%);
letter-spacing: 1px;
left: 0;
right: 0;
overflow: hidden; }
.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:15px; line-height:24px; color:#FFF; text-shadow:2px 2px 4px 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.png) no-repeat 0 0; background-position: 0px 0; }
.banner-home .flex-direction-nav li .flex-prev { left:5%; background: url(../images/arrow-left.png) 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; }

.testimonials .flex-direction-nav { width:100px; position:absolute; bottom:-40px; left:0; right:0; margin:0 auto;}
.testimonials .flex-direction-nav li a { width:32px; height:21px; margin: 0px 0 0; display: block; position: absolute; cursor: pointer; text-indent: -9999px; z-index:9999;}
.testimonials .flex-direction-nav li .flex-next { background-position: -25px 0; right:0; background: url(../images/owl-arrow.png) no-repeat 0 0; background-position: -35px 0; }
.testimonials .flex-direction-nav li .flex-prev { left:0; background: url(../images/owl-arrow.png) no-repeat 0 0; background-position: 0px 0; }


/* 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;
}

.flexslider .slides > li .flex-caption .cap-tit, .flexslider .slides > li .flex-caption .cap-para,.flexslider .slides > li .flex-caption .slide-btn  { overflow: hidden; }
.flexslider .slides > li .flex-caption .cap-tit, .flexslider .slides > li .flex-caption .cap-para,.flexslider .slides > li .flex-caption .slide-btn { opacity: 0; 
-webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px);  
-webkit-transition: opacity 1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: opacity  1s cubic-bezier(.215,.71,.355,1), -webkit-transform  1s cubic-bezier(.215,.71,.355,1);
transition: transform  1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1);
transition: transform 1s cubic-bezier(.215,.71,.355,1), opacity  1s cubic-bezier(.215,.71,.355,1),
-webkit-transform  1s cubic-bezier(.215,.71,.355,1); }  

.flexslider .slides > li.flex-active-slide .flex-caption .cap-tit { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; -moz-transition-delay: 1.2s; }
.flexslider .slides > li.flex-active-slide .flex-caption .cap-para { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 1.4s; -webkit-transition-delay: 1.4s; -moz-transition-delay: 1.4s; }
.flexslider .slides > li.flex-active-slide .flex-caption .slide-btn  { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; transition-delay: 1.6s; -webkit-transition-delay: 1.6s; -moz-transition-delay: 1.6s; }

.flex-caption h1 {
    float: left;
    width: 100%;
    font-family: 'Museo 700';
    font-size: 86px;
    line-height: 80px;
    text-transform: uppercase;
    color: #fff;
    padding: 0px 0 15px 0px;
	margin-top:100px;
}
.flex-caption p {
    clear: left;
    font-size:22px;
    color: #fff;
    line-height: 30px;
    font-family:'Museo 500';
	padding:4px 20px;
    /*padding: 10px 30px;*/
	background: rgba(0, 0, 0, 0.6);
    display: inline-block; width: auto;
}

.flex-caption ul {
    clear:both;
	width:100%;
	max-width:850px;
	margin:25px auto;
    display: inline-block;
	padding:0 15px;
}
.flex-caption ul li { float:left;
	background: url(../images/li-ico.png) no-repeat 0 7px;
    font-size:16px;
    color: #fff;
    line-height:20px;
    font-family: 'Museo 300';
    padding:5px 20px 8px 25px;
	/*background: rgba(0, 0, 0, 0.6);*/
    display: inline-block; width:33%;
	background-size:15px auto;
	text-align:left;
}
.flex-caption ul li:nth-child(3n+1) { width:37%; }
.flex-caption ul li:nth-child(3n+2) { width:30%; }
.flex-caption ul li:nth-child(3n+3) {  width:33%; padding-right:0; }
.flex-caption .slide-btn a {
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
    font-size: 15px;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 40px;
    padding: 3px 35px;
    margin: 20px 0px 0px 0px; 
    background: #075754;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    border-radius:0px;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    -ms-transition: All 0.5s ease;
    transition: All 0.5s ease;
   font-family: 'Museo 500';
}
.flex-caption .slide-btn a:hover::after {
    height: 100%;
    width: 135%;
}
.flex-caption .slide-btn a::after {
    height: 100%;
    left: -35%;
    top: 0;
    transform: skew(50deg);
    transition-duration: 0.6s;
    transform-origin: top left;
    width: 0;
    background: #f15a22;
    content: '';
    position: absolute;
    z-index: -1;
}
.scroll-down { position:absolute; bottom:65px; left:calc(50% - 19px); border:2px solid #ffffff; border-radius:20px 20px 20px 20px; width:38px; height:62px; cursor:pointer; display:inline-block; z-index: 9; }
.scroll-down span { position:absolute; bottom:-15px; left:calc(50% - 4px); border:2px solid #ffffff; border-width:0 2px 2px 0; width:8px; height:8px; transform:rotate(45deg); -webkit-animation:bounce-arr 1.3s infinite ease; animation: bounce-arr 1.3s infinite; }
.scroll-down::before { content:''; position:absolute; top:5px; left:calc(50% - 6px); border:2px solid #ffffff; border-radius:50%; width:12px; height:12px; -webkit-animation:bounce 1.3s infinite ease;   animation: bounce 1.3s infinite; }
@-webkit-keyframes bounce {
	0% { top:5px; opacity: 0; }
	20% { opacity: 1; }
	90% { top:45px; opacity: 0; }
	100% { opacity: 0; }
}
@keyframes bounce {
	0% { top:5px; opacity: 0; }
	20% { opacity: 1; }
	90% { top:45px; opacity: 0; }
	100% { opacity: 0; }
}@-webkit-keyframes bounce-arr {
	0% { bottom:-15px; }
	50% { bottom:-20px; }
	100% { bottom:-15px; }
}
@keyframes bounce-arr {
	0% { bottom:-15px; }
	50% { bottom:-20px; }
	100% { bottom:-15px; }
}
.scroll-down p {  position: absolute;  bottom: -50px; width: 100px; left: -30px; color: #fff; }

.slide-div {width: 50%;float: right;}
.intelligent.flexslider{ width:100%; float:left;}
.intelligent .flexslider .flex-control-nav li{ margin:0 2px 0 2px;}
.intelligent .flexslider .flex-control-nav li a{ width: 12px;
height: 12px;
margin: 5px 5px;
background: #d4d2d7;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

.intelligent .flexslider .flex-control-nav li a.flex-active{ background:#ff4800;}
.intelligent .flexslider .flex-control-nav { bottom:-120px;}


.mob-slide .flexslider .flex-control-nav li{ margin:0 2px 0 2px;}
.mob-slide .flexslider .flex-control-nav li a{ width: 12px;
height: 12px;
margin: 5px 5px;
background: #d4d2d7;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-moz-transition: opacity 200ms ease;
-ms-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;}

.mob-slide .flexslider .flex-control-nav li a.flex-active{ background:#ff4800;}
.mob-slide .flexslider .flex-control-nav { bottom:0px;}