/*
 * 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
 * Edited by XlntCode 
 * Last update 2015-05-17
 */

/*------------------------------------------------------------------
[Flexslider Stylesheet - flexslider.css]

Last update:	2015-06-01
-------------------------------------------------------------------*/

@import "../fonts/css/et-line.css";
@import "../fonts/css/xlntcode.css";


.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}
.flexslider {
	padding:0px 0px;
	margin:0px 0px 0px 0px;
	width:100%;
	position: relative;
    zoom: 1;
}
.flexslider ul {
	padding-left:0px; margin-left:0px; list-style-type:none;
}
/* --To adjust some slide image -- */
/*.slide-margin img {
   margin-top:-20px;
   z-index:100;
   overflow:visible!important;
}*/
/* ============================================================
   Section Slider
   ============================================================ */
.section-slides {
   padding:0px;
   margin:0px;
   list-style:none;
   width:100%;
}
.section-slides li {
   padding:0px;
   margin:0px;
   width:100%;
}
#services-bottom .flex-control-nav {
   width: 100%;
   position: absolute;
   bottom: -12px;
   text-align: center;
   margin-left: -14px;
}
#services-bottom .flex-control-nav li{
   padding:0px 6px 0px 0px;
   margin:0px auto;
   display:inline-block;
   z-index:100;
}
#services-bottom .flex-control-nav li a {
   display:block;
   border-radius:0%;
   -webkit-border-radius:0%;
   -moz-border-radius:0%;
   -ms-border-radius:0%;
   background:transparent;
   font-size:0px;
   width:26px;
   height:8px;
   cursor:pointer;
   border:1px solid #adadad;
   webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;
}
#services-bottom .flex-control-nav li a:hover, #services-bottom .flex-control-nav li a.flex-active {
   background:#666;
   border:1px solid #adadad;
}
@media screen and (min-width:1200px) {
#services-bottom .flex-direction-nav {*height: 0;}
#services-bottom .flex-direction-nav a  { text-decoration:none; display: block; width: 50px; height: 70px; margin:-47px -50px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#services-bottom .flex-direction-nav .flex-prev { left: 50px; text-align: center;}
#services-bottom .flex-direction-nav .flex-next { right: 50px; text-align: center;}
#services-bottom .flexslider:hover .flex-prev { opacity: 1; left: 10px; color:#adadad}
#services-bottom .flexslider:hover .flex-next { opacity: 1; right: 10px; color:#adadad }
#services-bottom .flexslider:hover .flex-next:hover, #services-bottom .flexslider:hover .flex-prev:hover { opacity: .7;}
#services-bottom .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
#services-bottom .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 50px; display: inline-block; content: '\e601';}
#services-bottom .flex-direction-nav a.flex-next:before  { content: '\e600';}
}
@media screen and (max-width:1199px) { 
#services-bottom .flex-direction-nav {*height: 0;}
#services-bottom .flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 60px; margin:0px 0px; position:absolute; bottom: -48px; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#services-bottom .flex-direction-nav .flex-prev { left: 0px; text-align: center;}
#services-bottom .flex-direction-nav .flex-next { right: 0px; text-align: center;}
#services-bottom .flexslider:hover .flex-prev { opacity: 1; color:#adadad}
#services-bottom .flexslider:hover .flex-next { opacity: 1; color:#adadad}
#services-bottom .flexslider:hover .flex-next:hover, #services-bottom .flexslider:hover .flex-prev:hover { opacity: .7;}
#services-bottom .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
#services-bottom .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 40px; display: inline-block; content: '\e601';}
#services-bottom .flex-direction-nav a.flex-next:before  { content: '\e600';}
#services-bottom .flex-control-nav {position: absolute;bottom: -30px;}
}
/* ============================================================
   Column Slider
   ============================================================ */
.column-slides {
   padding:0px 0px;
   margin:0px 0px 0px 0px;
   width:100%;
   height:100%;
   zoom: 1;
   overflow:visible;
}
.column-slides li {
   padding-left:0px; 
   margin-left:0px; 
   list-style-type:none;
}
#about .column-slider .flex-control-nav {
   width:100%;
   position: absolute;
   bottom: -30px;
   text-align: center;
   z-index: 100;
}
#about .column-slider .flex-control-nav li {
   padding:0px 6px 0px 0px;
   margin:0 0 0 0;
   display:inline-block;
   z-index: 100;
}
#about .column-slider .flex-control-nav li a {
   display:block;
   border-radius:0%;
   -webkit-border-radius:0%;
   -moz-border-radius:0%;
   -ms-border-radius:0%;
   background:transparent;
   font-size:0px;
   width:26px;
   height:8px;
   cursor:pointer;
   border:1px solid #999;
   webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;
}
#about .column-slider .flex-control-nav li a:hover, #about .column-slider .flex-control-nav li a.flex-active {
   background:#666;
   border:1px solid #333;
}
#about .flex-direction-nav {*height: 0;}
#about .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 70px; background:#333; margin:0px 0px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#about .flex-direction-nav .flex-prev { left: 0px; text-align: center;  }
#about .flex-direction-nav .flex-next { right: 0px; text-align: center; }
#about .flexslider:hover .flex-prev { opacity: 0.7; left: 0px; color:#fff }
#about .flexslider:hover .flex-next { opacity: 0.7; right: 0px; color:#fff  }
#about .flexslider:hover .flex-next:hover, #about  .flexslider:hover .flex-prev:hover { opacity: 1; }
#about .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#about .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 40px; display: inline-block; content: '\e601'; margin-left: -3px;}
#about .flex-direction-nav a.flex-next:before  { content: '\e600'; margin-right: -3px;}


/* ============================================================
   Team Slider
   ============================================================ */
.team-slides {
   padding:0px 0px!important;
   margin:0px 0px 0px 0px!important;
   width:100%;
   position: relative;
   zoom: 1;
   display:inline-table; 
}
.team-slides li {
   padding:0px;
   margin:0px; 
   list-style-type:none;
   perspective: 1000;
   width:100%;
}
#section-team .team-slider .flex-control-nav, #section-team-mp .team-slider .flex-control-nav {
   width:100%;
   position: absolute;
   bottom: 20px;
   text-align: center;
   z-index:100;
   padding:0px;
}
#section-team .team-slider .flex-control-nav li, #section-team-mp .team-slider .flex-control-nav li {
   padding:0px 6px 0px 0px;
   margin:0 0 0 0;
   display:inline-block;
   z-index:100;
}
#section-team .team-slider .flex-control-nav li a, #section-team-mp .team-slider .flex-control-nav li a  {
   display:block;
   border-radius:0%;
   -webkit-border-radius:0%;
   -moz-border-radius:0%;
   -ms-border-radius:0%;
   background:transparent;
   font-size:0px;
   width:26px;
   height:8px;
   cursor:pointer;
   border:1px solid #999;
   webkit-transition: all .3s ease;-moz-transition: all .3s ease; transition: all .3s ease;
}
#section-team .team-slider .flex-control-nav li a:hover, #section-team .team-slider .flex-control-nav li a.flex-active,
#section-team-mp .team-slider .flex-control-nav li a:hover, #section-team-mp .team-slider .flex-control-nav li a.flex-active {
   background:#666;
   border:1px solid #333;
}
/* --Animations-- */

/* --Overall Slide Opacity-- */
.flexslider .team-slides li    {
   opacity:0;
   -webkit-transition: opacity .5s ease; 
   -moz-transition: opacity .5s ease;
   transition: opacity .5s ease;
}
.flexslider .team-slides li.flex-active-slide  {
   opacity:1;
   -webkit-transition: opacity .5s ease; 
   -moz-transition: opacity .5s ease;
   transition: opacity .5s ease;
}
/* --Right Side Block in-out-effect-- */
.flexslider .team-slides li .team-member-info      {
   opacity:0;
   -webkit-animation-fill-mode: forwards; 
   -moz-animation-fill-mode: forwards;  
   -ms-animation-fill-mode: forwards;   
   animation-fill-mode: forwards; 
   -webkit-transform: scale(0, 0);
   -moz-transform: scale(0, 0);
   -ms-transform: scale(0, 0);
   display: block; 
   transition: all .5s ease;
   -webkit-transition: all .5s ease;
   -moz-transition: all .5s ease;
   -ms-transition: all .5s ease;
}
.flexslider .team-slides li.flex-active-slide .team-member-info   {
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   transform: scale(1, 1);  
   opacity:1;}

/* --Team image - Fade from left & then back-- */
.flexslider .team-slides li .team-member    {
    -webkit-transform: translateX(-100%);
   -moz-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   -o-transform: translateX(-100%);
   transform: translateX(-100%);
	-moz-transition:.5s ease;
   -o-transition:.5s ease;
   -ms-transition:.5s ease;
   transition:.5s ease;
}
.flexslider .team-slides li.flex-active-slide .team-member  {
   -webkit-transform: translateX(0%);
   -moz-transform: translateX(0%);
   -ms-transform: translateX(0%);
   -o-transform: translateX(-0%);
   transform: translateX(0%);
}
/* --One Page-- */
@media screen and (min-width:992px) { 
#section-team .flex-direction-nav {*height: 0;}
#section-team .flex-direction-nav a { text-decoration:none; display: block; width: 50px; height: 70px; background:none; margin:-35px 0px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#section-team .flex-direction-nav .flex-prev {left: 50px; text-align:center; color:#666  }
#section-team .flex-direction-nav .flex-next { right: 50px; text-align:center; color:#666 }
#section-team .flexslider:hover .flex-prev { opacity: 1; left: -15px;}
#section-team .flexslider:hover .flex-next { opacity: 1; right: -15px;}
#section-team .flexslider:hover .flex-next:hover, #section-team  .flexslider:hover .flex-prev:hover { opacity: .7; }
#section-team .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#section-team .flex-direction-nav a:before {font-family: "xlntcode"; font-size: 50px; display: inline-block; content: '\e601';}
#section-team .flex-direction-nav a.flex-next:before {content: '\e600';}
#section-team .flex-control-nav {position:absolute;bottom:20px;}
}
@media screen and (max-width:991px) { 
#section-team .flex-direction-nav {*height: 0;}
#section-team .flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 60px; margin:0px 0px; position:absolute; bottom: -48px; z-index: 101; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#section-team .flex-direction-nav .flex-prev { left: -15px; text-align: center;}
#section-team .flex-direction-nav .flex-next { right: -15px; text-align: center;}
#section-team .flexslider:hover .flex-prev { opacity: 1; color:#adadad}
#section-team .flexslider:hover .flex-next { opacity: 1; color:#adadad}
#section-team .flexslider:hover .flex-next:hover, #section-team .flexslider:hover .flex-prev:hover { opacity: .7;}
#section-team .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
#section-team .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 40px; display: inline-block; content: '\e601';}
#section-team .flex-direction-nav a.flex-next:before  { content: '\e600';}
#section-team .flex-control-nav {position:absolute;bottom:0; margin-bottom:-48px;}
}

/* --Multi Page-- */
@media screen and (min-width:992px) { 
#section-team-mp .flex-direction-nav {*height: 0;}
#section-team-mp .flex-direction-nav a { text-decoration:none; display: block; width: 50px; height: 70px; background:none; margin:-35px 0px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#section-team-mp .flex-direction-nav .flex-prev {left: 50px; text-align:center; color:#666  }
#section-team-mp .flex-direction-nav .flex-next { right: 50px; text-align:center; color:#666 }
#section-team-mp .flexslider:hover .flex-prev { opacity: 1; left: -15px;}
#section-team-mp .flexslider:hover .flex-next { opacity: 1; right: -15px;}
#section-team-mp .flexslider:hover .flex-next:hover, #section-team-mp  .flexslider:hover .flex-prev:hover { opacity: .7; }
#section-team-mp .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#section-team-mp .flex-direction-nav a:before {font-family: "xlntcode"; font-size: 50px; display: inline-block; content: '\e601';}
#section-team-mp .flex-direction-nav a.flex-next:before {content: '\e600';}
#section-team-mp .flex-control-nav {position:absolute;bottom:20px;}
}
@media screen and (max-width:991px) { 
#section-team-mp .flex-direction-nav {*height: 0;}
#section-team-mp .flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 60px; margin:0px 0px; position:absolute; bottom: 20px; z-index: 101; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#section-team-mp .flex-direction-nav .flex-prev { left: -15px; text-align: center;}
#section-team-mp .flex-direction-nav .flex-next { right: -15px; text-align: center;}
#section-team-mp .flexslider:hover .flex-prev { opacity: 1; color:#adadad}
#section-team-mp .flexslider:hover .flex-next { opacity: 1; color:#adadad}
#section-team-mp .flexslider:hover .flex-next:hover, #section-team-mp .flexslider:hover .flex-prev:hover { opacity: .7;}
#section-team-mp .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
#section-team-mp .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 40px; display: inline-block; content: '\e601';}
#section-team-mp .flex-direction-nav a.flex-next:before  { content: '\e600';}
#section-team-mp .flex-control-nav {position:absolute;bottom:0; margin-bottom:20px;}
}


/* ============================================================
   Text Slider
   ============================================================ */
.text-slides {
   padding:0 0 0 0;
   margin:0 0 0 0;
   list-style:none;
   text-align:center;
   display:inline-table;
   width:100%;
}
.text-slides li {
   padding:0px;
   margin:0px;
   width:100%;
}
.flexslider .text-slides li h1, .flexslider .text-slides li h2, .flexslider .text-slides li h3 {
   opacity:0;
   line-height:1.1!important;
   margin-top:0px;
}
.flexslider .text-slides li.flex-active-slide h1, .flexslider .text-slides li.flex-active-slide h2, .flexslider .text-slides li.flex-active-slide h3 {
   opacity:1;
   -webkit-transition: opacity 2s ease; 
   -moz-transition: opacity 2s ease;
   transition: opacity 2s ease;
}
#about .flex-direction-nav {*height: 0;}
#about .flex-direction-nav a { text-decoration:none; display: block; width: 40px; height: 70px; background:#333; margin:-36px 0px; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#about .flex-direction-nav .flex-prev { left: 0px; text-align: center;  }
#about .flex-direction-nav .flex-next { right: 0px; text-align: center; }
#about .flexslider:hover .flex-prev { opacity: 0.7; left: 0px; color:#fff }
#about .flexslider:hover .flex-next { opacity: 0.7; right: 0px; color:#fff  }
#about .flexslider:hover .flex-next:hover, #about  .flexslider:hover .flex-prev:hover { opacity: 1; }
#about .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#about .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 40px; display: inline-block; content: '\e601'; margin-left: -3px;}
#about .flex-direction-nav a.flex-next:before  { content: '\e600'; margin-right: -3px;}
/* ============================================================
   App Slider
   ============================================================ */
.app-slides {
   padding:0px;
   margin:0px;
   list-style:none;
   width:100%;
   display:inline-block;
   position: relative;
   zoom: 1;
}
.app-slides li {
   padding:0px;
   margin:0px;
   width:100%;
}
#section-app-landing .flex-control-nav {
   width: 100%;
   position: absolute;
   bottom: 100px;
   text-align: center;
   z-index:100;
}
#section-app-landing .flex-control-nav li {
   padding:0 3px;
   margin:0 0 0 0;
   display:inline-block;
   z-index:100;
}
#section-app-landing .flex-control-nav li a {
   display:block;
   border-radius:0%;
   -webkit-border-radius:0%;
   -moz-border-radius:0%;
   -ms-border-radius:0%;
   background:transparent;
   font-size:0px;
   width:26px;
   height:8px;
   cursor:pointer;
   border:1px solid #999;
   webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; transition: all 0.4s ease;
}
#section-app-landing .flex-control-nav li a:hover, #section-app-landing .flex-control-nav li a.flex-active {
   background:#666;
   border:1px solid #333;
}

#section-app-landing .flex-direction-nav {*height: 0;}
#section-app-landing .flex-direction-nav a  {text-decoration:none; display: block; background:none; width: 40px; height: 60px; margin:-24px 0px; position: absolute; top: 40%; z-index: 100; overflow: hidden;  opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#section-app-landing .flex-direction-nav .flex-prev { left: 50px; text-align: center;}
#section-app-landing .flex-direction-nav .flex-next { right: 50px; text-align: center;}
#section-app-landing .flexslider:hover .flex-prev { opacity: 1; left: 30px; color:#000; }
#section-app-landing .flexslider:hover .flex-next { opacity: 1; right: 30px; color:#000;}
#section-app-landing .flexslider:hover .flex-next:hover, #section-app-landing .flexslider:hover .flex-prev:hover { opacity: .7; }
#section-app-landing .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
#section-app-landing .flex-direction-nav a:before  { font-family: "xlntcode"; font-size: 40px; display: inline-block; content: '\e601'; }
#section-app-landing .flex-direction-nav a.flex-next:before  { content: '\e600';}

@media screen and (max-width:767px) { 
#section-app-landing .flex-direction-nav a  {text-decoration:none; display: block; background:none; width: 40px; height: 60px; margin:-40px 0px; position: absolute; top: 40%; z-index: 100; overflow: hidden; opacity: 0; cursor: pointer; color:inherit; text-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
#section-app-landing .flex-direction-nav .flex-prev { left: 14%; text-align: center;}
#section-app-landing .flex-direction-nav .flex-next { right: 14%; text-align: center;}
#section-app-landing .flexslider:hover .flex-prev { opacity: 0.7; left: 1%; color:#666}
#section-app-landing .flexslider:hover .flex-next { opacity: 0.7; right: 1%; color:#666}
}

/* ============================================================
   Pagination
   ============================================================ */
.flex-control-nav {
   padding:0px;
   margin:0px;
   list-style:none;
   text-align:center;
}
.flex-control-nav li {
   padding:0px;
   margin:0px;
   display:inline-block;
   z-index:100;
}