@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Prompt:300,400,500,700');

body{
	font-family: 'Prompt', sans-serif;
	}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

 em, b, i {
	margin: 0;
	padding: 0;
	border: 0;
	left:0;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */

/*** custom nav ***/
.cus-nav{ background:none; border:none;}
.cus-nav .navbar-nav li a,.cus-nav .navbar-nav li a, .cus-nav .navbar-nav li a:focus{
	border:1px solid #00aeef;
	background:none;
	border-radius:20px;
	border:1px solid 00aeef;
	padding:7px 20px;
	font-size:16px;
	font-weight:light;
	}
.cus-nav .navbar-nav li.active a,.cus-nav .navbar-nav li.active a:hover{
	background:none;
	}
.cus-nav .navbar-nav li.active a{
	color:#000;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ border:none !important; box-shadow:none !important; }
/*.cus-nav .navbar-nav > li > a{
	border-radius:20px;
	border:1px solid 00aeef;
	padding:7px 20px;
	font-size:16px;
	font-weight:light;
	}*/
.cus-nav .navbar-nav > li{
	margin:15px 10px 10px 10px;	
	}
.cus-nav li a.menu{ width:150px; text-align:center; }

 @media (min-width: 768px) {
  .navbar-nav {
    width: 100%;
    text-align: center;
  }
  .navbar-nav > li {
    float: none;
    display: inline-block;
  }
  .navbar-nav > li.navbar-right {
    float: right !important;
  }
}
.cus-nav li.social-holder{ position:absolute !important; margin-top:23px; right:0; font-size:16px; color:#888; }
.cus-nav .navbar-nav li a.social{
	border:none !important;
	background:none !important;
	padding-left:10px;
	padding-right:10px;
	}
.cus-nav .navbar-nav li a.social:hover{
	background:none !important;
	color:transparent !important;
	}
/*** Slider ***/

.slide-content{
	margin:auto;
	margin-top:25%;
	}
.cus-pad{ padding:0 30px;}

.banner .ah-headline{
	font-size:48px;
	margin-bottom:40px;
	color:#000 !important;
	}
.home1{
	background:/*url(../images/banner-back.png);*/ #ededed;
	background-size:cover;
	}
.banner p{
	font-size:24px;
	color:#888;
	}

/*** Search ***/

.search,.swipe,.connect,.add,.analytics,.chat,.grow,.download{
	height:100vh;
	position:relative;
	}
.heading{
	font-size:96px;
	color:#000;
	}
.search p,.swipe p,.connect p,.add p,.analytics p,.chat p,.grow p{
	font-size:24px;
	color:#888;
	}
.content-section{
	margin:auto;
	margin-top:30%;
	margin-bottom:10%;
	}
.download p{ font-size:18px; color:#888; }
p.copy{
	font-size:16px;
	font-weight:light;
	padding:0;
	margin:0;
	}
.play{padding:15px 0;}
.demo_css{
	top: 30% !important;
	font-size:120px !important;
	text-align:left !important;
	left:50px !important;
	text-align:left !important;
   -webkit-transition: all 1s ease !important;
   -moz-transition: all 1s ease !important;
   -ms-transition: all 1s ease !important;
   -o-transition: all 1s ease !important;
   transition: all 1s ease !important;
   }
.demo_csss{
	opacity:1 !important;
	top:35% !important;
	text-align:left !important;
/*  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;*/
     -moz-transition: top 2s, right 0.3s, bottom 0.3s, left 0.3s !important;
  -webkit-transition: top 2s, right 0.3s, bottom 0.3s, left 0.3s !important;
  transition: top 2s, right 0.3s, bottom 0.3s, left 0.3s !important;}
 .demo_cssss{
	opacity:1 !important;
/*  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;*/
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;}	
.hov {
	  -webkit-flex-grow: 3;
	  flex-grow: 3;
	  background:rgba( 255,255,255,1);
	    -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
	}
.new_class{
	/*transform: rotate(-90deg);*/
	  -webkit-transition: all 1.5s ease;
  -moz-transition: all 1.5s ease;
  -ms-transition: all 1.5s ease;
  -o-transition: all 1.5s ease;
  transition: all 1.5s ease;
}
.copyright{
	position:absolute;
	right:130px;
	bottom:0;
	}
/* Animations */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
@-webkit-keyframes hvr-bobb {
  0% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
@keyframes hvr-bobb {
  0% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-12px);
    transform: translateY(-12px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
 .hvr-bob {
  display: block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  /*box-shadow: 0 0 1px transparent;*/
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/*.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob;
  animation-name: hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .2s;
  animation-delay: 0s, .2s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}*/
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  0% {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  100% {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
}
@keyframes hvr-wobble-horizontal {
  0% {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
  50% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  100% {
    -webkit-transform: translateX(12px);
    transform: translateX(12px);
  }
}
.hvr-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/*.hvr-horizontal:hover, .hvr-horizontal:focus, .hvr-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}*/

/*** Video ***/
video {
  width: 100%    !important;
  height: auto   !important;
  margin:auto;
  margin-top:15vh;
}
.banner video {
  width: 100%    !important;
  height: auto   !important;
  margin:auto;
  margin-top:5vh;
}
.bot-img{
	margin-top:10vh;
	padding:2em;
}