/*
 * 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
*********************************/
.flexslider {margin: 0; padding: 0; position:relative}
.flexslider .slides > li {
	display:none;
	/*overflow:hidden;*/	
} /* Hide the slides before the JS is loaded. Avoids image jumping */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.flexslider .slides > li{
  -webkit-transition: opacity 1.5s ease; 
-moz-transition: opacity 1.3s ease;
 transition: opacity 1.3s ease;
	}
}
.flexslider .slides img {width: 100%; display: block;  -moz-user-select: none;}
.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 { 
	margin:0; 
	border:0; 
	position: relative; 
	zoom: 1;
	z-index:1
 
}
.flex-viewport {
	max-height: 2000px; 
	/*-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; */
	-webkit-transition:none !important; 
	-moz-transition:none !important; 
	-o-transition:none !important; 
	transition:none !important;
}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
 


.flex-direction-nav > li{
	position: absolute;
	top: 50%;
	width: 46px;
	height: 46px;
	
	z-index: 1000;
	margin-top: -31px;

	opacity: 0;
	cursor: pointer;

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.flex-direction-nav > li.flex-nav-prev{ left: 0px;  opacity: 0}
.flex-direction-nav > li.flex-nav-next{ right: 0px;  opacity: 0 }


.flexslider:hover .flex-direction-nav > li.flex-nav-prev{ left: 40px;  opacity: 1}
.flexslider:hover .flex-direction-nav > li.flex-nav-next{ right: 40px;  opacity: 1 }
 
.flex-direction-nav > li > a{ width: 100%; height: 100%; display: block; background-color:rgba(0,0,0,0.2); }
.flex-direction-nav > li > a:before{
	content: '';
	position: absolute;
	top: 50%; 
	margin-top: -6px;

	width:12px;
    height:12px;
    vertical-align:top;
    cursor: pointer;
}

.flex-direction-nav > li.flex-nav-prev a:hover{ background-color:rgba(0,0,0,0.5);}
.flex-direction-nav > li.flex-nav-next a:hover{ background-color:rgba(0,0,0,0.5);}
.flex-direction-nav > li.flex-nav-prev > a:before{
	left: 19px;
	 border-top: 2px solid #ffffff;
	 border-left: 2px solid #ffffff;
	 -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); 
}
.flex-direction-nav > li.flex-nav-next > a:before{ 
	left: auto;
	right: 19px;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	-webkit-transform: rotate(135deg);
    transform: rotate(135deg); 
}

.flex-direction-nav .flex-disabled { filter:alpha(opacity=0); cursor: default; opacity: 0; display: none;}
 

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav,
.flex-banner-paging {
	width: 100%; 
	position: absolute; 
	bottom:25px;
	left:50%;
	z-index:99; 
	text-align: center;

	-webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
}

.flex-control-nav li,
.flex-banner-paging li {
	margin: 0 0px; 
	padding:5px 0; 
	display: inline-block; 
	zoom: 1; 
	width: 25px;
	*display: inline; 
	vertical-align:top; 
  	position: relative;
  	text-align: center;
}
.flex-control-paging li a,
.flex-banner-paging li a { 
  display: inline-block;

  text-indent: -9999px;
  border-radius:50%;
  position: absolute;
  left: 50%;
  margin-left: -5.5px;
  width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.5);
}
.flex-control-paging li span,
.flex-banner-paging li span {
	position: absolute;
	left: 50%;
	top: 0; 
	width: 100%;
	height: 100%;
	border:2px solid transparent; 
	border-radius: 50%;
	  width: 21px;
  	height: 21px;
  	margin-left:-10.5px;
	
	z-index: 9;
	display: block;

	pointer-events: none;
     -moz-user-select: none;

     visibility: hidden;
     opacity: 0;

    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
    -o-transform: scale(0,0) ;
    transform: scale(0,0);

	-webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
} 
 
 

.flex-control-paging li a.flex-active,
.flex-control-paging li a:hover,

.flex-banner-paging li a.flex-active{ background-color: rgba(195,167,108,1); }

.flex-control-paging li a.flex-active + span,
.flex-control-paging li a:hover + span,

.flex-banner-paging li a.flex-active + span{border:2px solid  rgba(195,167,108,1); }
 
.flex-control-paging li a.flex-active + span,
.flex-control-paging li a:hover + span,

.flex-banner-paging li a.flex-active + span{ 
    visibility: visible;
    opacity: 1;
	-webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -ms-transform: scale(1,1);
    -o-transform: scale(1,1) ;
    transform: scale(1,1);
}
 

.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%; display: block; opacity: .7; cursor: pointer; -moz-user-select: none;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

/**/

.flex-banner{
	max-height: 400px;
	position: relative;
	overflow: hidden;
} 
.flex-banner.h900{max-height:100%}
.flex-banner.h900 .slides > li{ max-height: 850px; position: relative; }

.flex-banner .photo{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;

	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	opacity: 1 !important; 
}

.flex-banner .background-blend{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: url(../img/banner-shadow.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
 
	/*background-blend-mode: multiply;*/
	mix-blend-mode: multiply;
	 
}

.flexslider .flex-control-paging li{ margin: 0 3px }
.flexslider .flex-control-paging li a:before{
  content: '';
  position: absolute;
  top: -5px;
  bottom: -5px;
  left: -5px;
  right: -5px;
  border:2px solid transparent;
  border-radius: 50%; 

  -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.flexslider .flex-control-paging li a{background-color: #f38686}
.flexslider .flex-control-paging li a.flex-active, 
.flexslider .flex-control-paging li a:hover {
  background-color: #e42f46 !important
}
.flexslider .flex-control-paging li a.flex-active:before, 
.flexslider .flex-control-paging li a:hover:before {
  border:2px solid #e42f46;
}

.flex-banner.paging-outside{ padding-bottom:80px } 
.flex-banner.paging-outside .flex-control-paging li a{ background-color: #ee8080 }

.flex-banner.small{max-height: none;}
.flex-banner.small .slides > li{
	height: 350px;
	position: relative;
}

.flex-banner.small .flex-control-paging li a{background-color:rgba(255,255,255,0.5);}
.flex-banner.small .flex-control-paging li a.flex-active, 
.flex-banner.small .flex-control-paging li a:hover {background-color: #fff !important}
.flex-banner.small .flex-control-paging li a.flex-active:before, 
.flex-banner.small .flex-control-paging li a:hover:before {border:2px solid #fff;}


.banner-caption{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9; 
	text-align: center;
	color: #fff;
	padding: 20px 0;
	pointer-events: none;
}

.banner-caption .container{ height: 100% }

.banner-caption ul.page-links{
	padding: 0;
	margin: 8% 0 0 0;
	list-style-type: none;
}
.banner-caption ul.page-links li{
	padding: 0;
	margin: 0;
	display: block;
	font-size: 29px;
}

.banner-caption ul.page-links li a{color: #fff;}
.banner-caption ul.page-links li.active{ font-size: 60px; margin-top:10px  }

.banner-caption.text-red ul.page-links{ color: #e42f46 }
.banner-caption.text-red ul.page-links li a{color: #e42f46;}

.flex-activity .flex-control-nav,
.flex-images .flex-control-nav{
	position: relative;
	left: 0;
	bottom: auto;
	text-align: center;
	margin-bottom: 30px;

	-webkit-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
            transform: translate(0%,0%);
}

.flex-images .flex-control-nav{ margin: 30px 0 }