/*
 * 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;
 }
 .flexslider .slides img {
   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 0;
   position: relative;
   /*zoom: 1;*/
   width: 100%; 
   overflow: hidden;
 }
 .flexslider .video.description {
	text-align: center;
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	width: 100%;
	font-size: 18px;
	line-height: 28px;
	top: 0;
	z-index: 9;
}
.flexslider .video_text {
	position: absolute;
}
 /* .flexslider .caption-description{
  position: absolute;
  bottom: auto;
  top: 41%;
  left: 181px;
  color: #FFFFFF;
  max-width: 100%;
  font-size: 18px;
  line-height: 28px;
 } */
.flexslider .caption-description .sample-2, .flexslider .caption-description .sample-3 {
	color: #000;
}
 .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;
 }
 .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 {
   /**height: 0;*/
 }
.video_bg {
	position: absolute;
  height: 100%;
  width: 100%;
  background: #000000;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  opacity: 0.2;
}
 .flexslider:hover .flex-direction-nav{display: block;}
 
 .flex-direction-nav a {
   background: #ffffff;
     cursor: pointer;
     display: block;
     font-size: 0;
     height: 47px;
     position: absolute;
     top: 47%;
     /* mask-size: 45px; */
    mask-position: center;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    /* -webkit-mask-size: 45px; */
    -webkit-mask-position: center;
     width: 47px;
     z-index: 6;
     opacity: 0;
     line-height: 1;
 }
 .flex-direction-nav .flex-prev {
   left: 40px;
   right: auto;
  -webkit-mask-image: url("../img/left.svg");
  mask-image: url("../img/left.svg");
 }
 .flex-direction-nav .flex-next {
   right: 30px;
   left: auto;
  -webkit-mask-image: url("../img/right.svg");
  mask-image: url("../img/right.svg");
 }
 .flexslider:hover .flex-direction-nav a{
   opacity: 1;
 }
 .flexslider:hover .flex-direction-nav .flex-next {
 
 }
 .flex-direction-nav .flex-disabled {
   opacity: 0!important;
   filter: alpha(opacity=0);
   cursor: default;
   z-index: -1;
 }
 .flexslider .slider-desc-sample.text1 .tite {
    color: #222;
}
 .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;
 }
 .flexslider .slider-desc-sample .tite {
	font-size: 26px;
	line-height: 40px;
  font-weight: 400;
  text-transform: none;
  letter-spacing: 7.7px;
  text-transform: uppercase;
  color: #ffffff;
}
.video {
	position: absolute;
}
.slider-desc-sample{
	position: absolute;
	top: 36%;
  bottom: auto;
  left: 200px;
}
.flexslider .slider-desc-sample .sub.tite {
	font-size: 66px;
	line-height: 76px;
	font-family: 'Inria Serif', serif;
	font-weight: 300;
	text-transform: capitalize;
	letter-spacing: 13px;
  margin-block-start: 10px;
}
 .flex-pauseplay a:before {
   font-family: "Material Icons";
   font-size: 20px;
   display: inline-block;
   content: '\E039';
 }
 .flex-pauseplay a:hover {
   opacity: 1;
 }
 .flex-pauseplay a.flex-play:before {
   content: '\E036';
 }
 .flex-control-nav {
   width: 100%;
   position: absolute;
   margin: 0;
   display: block;
   bottom: 5px;
   text-align: center;
   z-index: 9;
   display: none;
 }
 .flex-control-nav li {
   margin: 0 2px;
   display: inline-block;
   /*zoom: 1;*/
   /**display: inline;*/
 }
 .flex-control-paging li a {
   width: 15px;
   border: 2px solid #000000;
   height: 15px;
   display: block;
   background: #aaaaaa;
   cursor: pointer;
   text-indent: -9999px;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   -ms-border-radius: 20px;
   -o-border-radius: 20px;
   border-radius: 20px;
   -webkit-transition: all 500ms ease;
   -moz-transition: all 500ms ease;
   -o-transition: all 500ms ease;
   transition: all 500ms ease;
 }
 .flex-control-paging li a:hover,
 .flex-control-paging li a.flex-active {
   background: #fff;
 }
 .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;
   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;
   -webkit-opacity: 1;
   -moz-opacity: 1;
 }
 .flex-control-thumbs .flex-active {
   opacity: 1;
   -webkit-opacity: 1;
   -moz-opacity: 1;
   cursor: default;
 }
 /* ====================================================================================================================
  * RESPONSIVE
  * ====================================================================================================================*/
  @media (max-width: 1249px) {
    .slider-desc-sample {
      top: 33%;
      left: 115px;
    }
}
@media (max-width: 1199px) {
  .slider-desc-sample {
    top: 33%;
    left: 65px;
  }
  .flex-direction-nav .flex-prev {
    left: 0px;
    right: auto;
  }
  .flex-direction-nav .flex-next {
    right: 0px;
    left: auto;
  }
  .flexslider .slider-desc-sample .tite {
    font-size: 22px;
    line-height: 36px;
  }
  .flexslider .slider-desc-sample .sub.tite {
    font-size: 46px;
    line-height: 58px;
  }
}
  @media (max-width: 991px) {
  .flex-direction-nav a {
    top: 40%;
  }
  .flexslider .slider-desc-sample .tite {
    font-size: 18px;
    line-height: 28px;
  }
  .flexslider .slider-desc-sample .sub.tite {
    font-size: 30px;
    line-height: 46px;
  }
}
  @media screen and (max-width: 860px) {
   .flex-direction-nav .flex-prev {
     opacity: 1;
     -webkit-opacity: 1;
     -moz-opacity: 1;
   }
   .flex-direction-nav .flex-next {
     opacity: 1;
     -webkit-opacity: 1;
     -moz-opacity: 1;
   }
 }
 @media (max-width: 767px) {
    .flex-direction-nav a {
      top: 39%;
    }
    .flex-control-nav {
      display: block;
  }
  .flexslider .flex-direction-nav {
      display: none;
  }
  .flexslider:hover .flex-direction-nav {
    display: none;
  }
 }
 @media (max-width: 600px) {
  .flexslider .slider-desc-sample .tite {
    font-size: 14px;
    line-height: 28px;
    letter-spacing: 4.7px;
  }
  .flexslider .slider-desc-sample .sub.tite {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 9px;
    margin-block-start: 5px;
  }
  .slider-desc-sample {
    top: 21%;
    left: 20px;
  }
}
 @media (max-width: 480px) {
  .flex-control-nav {
    bottom: 0;
  }
 }
 @media (max-width: 400px) {
  .slider-desc-sample {
    top: 18%;
    left: 20px;
  }
  .flexslider .slider-desc-sample .tite {
    font-size: 10px;
    line-height: 28px;
    letter-spacing: 3.7px;
  }
  .flexslider .slider-desc-sample .sub.tite {
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 6px;
    margin-block-start: 0px;
  }
 }