/*
 * jQuery FlexSlider v2.6.3
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */

/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
 .flex-container a:hover,
 .flex-slider a:hover {
   outline: none;
 }
 .slides,
 .slides > li,
 .flex-control-nav,
 .flex-direction-nav {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .flex-pauseplay span {
   text-transform: capitalize;
 }
 /* ====================================================================================================================
  * BASE STYLES
  * ====================================================================================================================*/
 .flexslider {
   margin: 0;
   padding: 0;
 }
 .flexslider .slides > li {
   display: none;
   -webkit-backface-visibility: hidden;
   position: relative;
 }
 .flexslider .slides img {
   max-width: 100%;
   display: block;
 }
 .flexslider .slides:after {
   content: "\0020";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
 }
 html[xmlns] .flexslider .slides {
   display: block;
 }
 * html .flexslider .slides {
   height: 1%;
 }
 .no-js .flexslider .slides > li:first-child {
   display: block;
 }
 /* ====================================================================================================================
  * DEFAULT THEME
  * ====================================================================================================================*/
 .flexslider {
	 margin: 0 auto;
	 position: relative;
	 zoom: 1;
	 width: 100%; 
	 overflow: hidden;
	 float:left;
 }
 .flexslider .caption-description {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 color: #FFF;
	 width: 100%;
	 top: 0;
	 z-index: 1;
 }
 .flexslider .slides li.flex-active-slide .caption-description .slide-text,.flexslider .slides li.flex-active-slide .caption-description .video_text {
	 opacity: 1;
	 -webkit-transform: translate3d(0%, 0%, 0);
	 transform: translate3d(0%, 0%, 0);
 }
 
 .flexslider .caption-description .slide-text {
	 position: absolute;
	 left: 70px;
	 right: auto;
	 top: 28%;
	 text-align: left;
	 text-transform: capitalize;
	 -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
	 transition: opacity 1.5s,-webkit-transform 1.5s, -moz-transform 1.5s,-o-transform 1.5s,transform 1.5s;
	 transition-delay: 0s, 0s, 0s, 0s, 0s;
	 -webkit-transform: translate3d(10%, 0%, 0);
	 transform: translate3d(10%, 0%, 0);
	 -webkit-transition-delay: 0.5s;
	 transition-delay: 0.5s;
	 opacity: 0;
 }
 .flexslider .caption-description .slidertext1 {
	 font-size: 22px;
	 color: #fff;
	 line-height: 32px;
	 letter-spacing: 0.1px;
	 font-weight: 400;
 }
 .flexslider .caption-description .slidertext2 {
	 font-size: 57px;
	 line-height: 66px;
	 letter-spacing: 0;
	 font-weight: 700;
	 color: #fff;
	 padding-top: 30px;
	 text-transform: uppercase;
 }
 .flexslider .caption-description .sliderbutton {
	 padding: 10px 27px;
	 float: left;
	 width: auto;
	 margin-top: 40px;
	 text-transform: uppercase;
 }
 .flexslider .caption-description .slide-text {
	 position: absolute;
	 left: 17.5%;
	 right: auto;
	 top: 25%;
	 text-align: left;
	 text-transform: capitalize;
 }
 .video_bg {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.2;
	position: absolute;
	top: 0;
}
	 .video button.volume {
		 height: 40px;
		 width: 40px;
		 border-radius: 50%;
		 -webkit-border-radius: 50%;
		 -khtml-border-radius: 50%;
		 -moz-border-radius: 50%;
		 cursor: pointer;
		 padding: 0;
		 position: absolute;
		 right: 10px;
		 bottom: 20px;
		 z-index: 9;
		 left: auto;
		 border: none;
	 }
	 h1.video-title2 {
		 font-size: 22px;
		 color: #fff;
		 line-height: 32px;
		 letter-spacing: 0.1px;
		 font-weight: 400;
		 margin-bottom: 0;
	 }
	 h1.video-title1 {
		 font-size: 57px;
		 line-height: 66px;
		 letter-spacing: 0;
		 font-weight: 700;
		 color: #fff;
		 padding-top: 30px;
		 text-transform: uppercase;
				 margin-bottom: 0;
	 }
	 .videobtn {
		 padding: 7px 27px;
		 background-color: #9bbab1;
		 width: auto;
		 border-radius: 30px;
		 margin-top: 30px;
		 display: inline-block;
		 vertical-align: top;
		 text-transform: capitalize;
		 cursor: pointer;
	 }
	 .videobtn a {
		 color: #fff;
		 font-weight: 500;
		 letter-spacing: .3px;
		 line-height: 24px;
 }


 .video button.pause ,.video button.play,.video button.unmute,.video button.mute{
	position: absolute;
	right: 15px;
	left: auto;
	top: auto;
	bottom: 10px;
	font-size: 0;
	height: 33px;
	width: 33px;
	}
.video button.pause, .video button.play {
	right: 60px;
}
.video button.pause {
	background-image: url(../img/pause.svg);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: 33px;
	border: none;
}
.video button.play {
	background-image: url(../img/play.svg);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: 33px;
	border: none;
}
.video button.unmute {
	background-image: url(../img/unmute.svg);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: 33px;
	border: none;
}
.video button.mute {
	background-image: url(../img/mute.svg);
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 50%;
	background-size: 33px;
	border: none;
}


 .video_text {
	 position: absolute;
	 left: 17.5%;
	 right: auto;
	 top: 28%;
	 text-align: left;
	 text-transform: capitalize;
	 z-index: 1;
	 color: #fff;
	 -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
	 transition: opacity 1.5s,-webkit-transform 1.5s, -moz-transform 1.5s,-o-transform 1.5s,transform 1.5s;
	 /* transition-delay: 0s, 0s, 0s, 0s, 0s; */
	 -webkit-transform: translate3d(10%, 0%, 0);
	 transform: translate3d(10%, 0%, 0);
	 -webkit-transition-delay: 0.5s;
	 transition-delay: 0.5s;
	 opacity: 0;
 }
 .flexslider .caption-description h2{ font-size: 30px; margin-bottom:25px; letter-spacing: 9px;}
 .flexslider .slides {
   zoom: 1;
 }
 .flexslider .slides img {
	 height: auto;
	 -moz-user-select: none;
	 width: 100%;
 }
   
 .flex-viewport {
   max-height: 2000px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }
 .loading .flex-viewport {
   max-height: 300px;
 }
 .carousel li {
   margin-right: 5px;
 }
 .flex-direction-nav a {
	 text-decoration: none;
	 display: block;
	 position: absolute;
	 top: 45%;
	 z-index: 2;
	 overflow: hidden;
	 opacity: 1;
	 -khtml-opacity: 1;
	 -webkit-opacity: 1;
	 -moz-opacity: 1;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
	 cursor: pointer;
	 -webkit-transition: all 0.3s ease-in-out;
	 -moz-transition: all 0.3s ease-in-out;
	 -ms-transition: all 0.3s ease-in-out;
	 -o-transition: all 0.3s ease-in-out;
	 transition: all 0.3s ease-in-out;
	 font-size: 0px;
	 line-height: 1;
	 background-color:#f0f0f0;
	 height: 30px;
	 width: 30px;
	 border-radius: 50%;
 }
 
 .flex-direction-nav a.flex-next:before {
   content: '\E5CC';
 }
 .flex-direction-nav .flex-next {
	 right: -51px;
	 text-align: right;
 }
 .flexslider:hover .flex-direction-nav .flex-next {
	 right: 10px;
 }
 .flex-direction-nav .flex-prev {
	 left: -51px;
 }
 .flexslider:hover .flex-direction-nav .flex-prev {
	 left: 10px;
 }
 .flex-direction-nav .flex-disabled {
	 opacity: 0 !important;
	 -khtml-opacity: 0 !important;
	 -webkit-opacity: 0 !important;
	 -moz-opacity:0 !important;
	 filter: alpha(opacity=0);
	 cursor: default;
	 z-index: -1;
 }
 .flex-pauseplay a {
	 display: block;
	 width: 20px;
	 height: 20px;
	 position: absolute;
	 bottom: 5px;
	 left: 10px;
	 opacity: 0.8;
	 -khtml-opacity: 0.8;
	 -webkit-opacity: 0.8;
	 -moz-opacity: 0.8;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	 filter: alpha(opacity=80);
	 z-index: 10;
	 overflow: hidden;
	 cursor: pointer;
	 color: #000;
 }
 .flex-pauseplay a:before {
   font-family: "Material Icons";
   font-size: 20px;
   display: inline-block;
   content: '\E039';
 }
 .flex-pauseplay a:hover {
   opacity: 1;
	  -khtml-opacity: 1;
	 -webkit-opacity: 1;
	 -moz-opacity: 1;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
 }
 .flex-pauseplay a.flex-play:before {
   content: '\E036';
 }
 .flex-control-nav {
	 width: 90px;
	 position: absolute;
	 margin: 0 auto;
	 bottom: 5px;
	 text-align: center;
	 z-index: 2;
	 left: 0;
	 right: 0;
	 display: none;
 }
 .flex-control-nav li {
	 margin: 0 3px;
	 display: inline-block;
	 zoom: 1;
	 *display: inline;
	 border: 1px solid #3f93e9;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
 }
 .flex-control-paging li a {
	 width: 12px;
	 border: 1px solid #3f93e9;
	 height: 12px;
	 display: block;
	 background: transparent;
	 cursor: pointer;
	 text-indent: -9999px;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 -ms-border-radius: 3px;
	 -o-border-radius: 3px;
	 border-radius: 3px;
	 -webkit-transition: all 500ms ease;
	 -moz-transition: all 500ms ease;
	 -o-transition: all 500ms ease;
	 transition: all 500ms ease;
	 background: #fff;
	 margin: 1px;
 }
 .flex-control-paging li a:hover, .flex-control-paging li a.flex-active {
   background: #3f93e9 none repeat scroll 0 0;
   border-color: #3f93e9;
 }
 .flex-control-paging li a.flex-active {
	 cursor: default;
 }
 .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;
	 -khtml-opacity: 0.7;
	 -webkit-opacity: 0.7;
	 -moz-opacity:0.7;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	 filter: alpha(opacity=70);
	 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;
	  -khtml-opacity: 1;
	 -webkit-opacity: 1;
	 -moz-opacity: 1;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
 }
 .flex-control-thumbs .flex-active {
   opacity: 1;
	   -khtml-opacity: 1;
	 -webkit-opacity: 1;
	 -moz-opacity: 1;
	 -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	 filter: alpha(opacity=100);
   cursor: default;
 }
 /* ====================================================================================================================
  * RESPONSIVE
  * ====================================================================================================================*/
  @media screen and (max-width: 1449px) {
	 .flexslider .caption-description .slide-text,.video_text  {
		 top: 11%;
		 left: 12%;
	 }
 }
 @media screen and (max-width: 1199px) {
	 .flexslider .caption-description .sliderbutton{margin-top: 30px;}
	 .flexslider .caption-description .slidertext2,h1.video-title1 {
		 font-size: 48px;
		 line-height: 56px;
		 padding-top: 10px;
	 }
	 .flexslider .caption-description .slidertext1,h1.video-title2 {font-size: 18px;}
  }
 @media screen and (max-width: 991px) {
 .flexslider .caption-description .slide-text,.video_text {
	 left: 8%;
	 top: 9%;
 }
  .flexslider {
   margin: 0;
   width: 100%;
 }
 .flexslider .caption-description .slidertext1,h1.video-title2 {
	 font-size: 16px;
	 line-height: 20px;
 }
 .flexslider .caption-description .slidertext2,h1.video-title1 {
	 font-size: 44px;
	 line-height: 50px;
	 padding-top: 10px;
 }
 .flexslider .caption-description .sliderbutton {
	 margin-top: 20px;
	 padding: 7px 20px;
 }
 }
 @media screen and (max-width: 767px){

	 .flexslider .caption-description .slide-text,.video_text {
		 left: 8%;
		 top: 6%;
	 }
	 .flex-direction-nav {
		 display: none;
	 }
	 .flexslider .caption-description .slidertext1,h1.video-title2 {
		 font-size: 15px;
		 line-height: 24px;
	 }
	 .flexslider .caption-description .slidertext2,h1.video-title1 {
		 font-size: 23px;
		 line-height: 27px;
		 padding: 5px 0 0;
	 }
	 .flexslider .caption-description .sliderbutton {
		 margin-top: 5px;
		 padding: 5px 15px;
	 }
	 .flex-control-nav{
		 display: block;
	 }
 }
 @media screen and (max-width: 480px) {
 .flex-direction-nav a{ display: none;}
 .flexslider .caption-description .slidertext1,h1.video-title2 {
	 font-size: 14px;
	 line-height: 18px;
 }
 .flexslider .caption-description .slidertext2,h1.video-title1 {
	 font-size: 16px;
	 line-height: 20px;
	 padding-block-start: 5px;
 }
 .flexslider .caption-description .sliderbutton {
	 margin-top: 4px;
	 padding: 1px 9px;
	 font-size: 10px;
 }
 .flexslider .caption-description .slide-text,.video_text {
	 top: 1%;
	 left: 10px;
 }
 }