@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic);

body{
font-family: 'Dosis', sans-serif;

}
						
						/*  Header   */
		
			.header{
       background:#09242b;
	  border-bottom:5px solid #49bbd7;
	  min-height:55px;
      }
	.logo span{
	font-size:15px;
	color:#eaf7fa;
	line-height:30px;
	
	}
	.logo img {
		margin-top:10px;
		
	}
.nav-bar ul{
	float:right;
	margin-top:25px;
	
}


.nav-bar ul li{
	display:inline-block;
	position:relative;
}
.nav-bar ul li:after{
	content: '.';
	color: #eaf7fa;
	font-size: 20px;
	margin: 0 5px 0 9px;
	position: relative;
	top: -4px;
}
.nav-bar ul li:last-child:after { content: ""; }
.nav-bar ul li a{
	text-decoration:none;
	color:#eaf7fa;
	font-size:15px;
	line-height:55px;
	-webkit-transition:all 400ms ease-in-out;
	-moz-transition:all 400ms ease-in-out;
	-o-transition:all 400ms ease-in-out;
	transition:all 400ms ease-in-out;
}
.nav-bar ul li a:hover{

	color:#2dadcc;
	
	
}
.nav-bar ul li a img{

	height:100px;
	width:100px;
	
	
}
.active{
	color:#2dadcc!important;
}
 portfolio-img{
 background:#1a1b2b;
 }
 
						/* end of header */
						
							/*video*/	
							
				.vedio {
			display: block;
			margin: 0 auto;
			background:#06171b;
			
			}	
			.vedio .our-story{
				margin-top:30px;
				text-align:center;
				font-size:50px;
				color:#fafdfe;
			}
			.vedio .our-story1{
				margin-top:10px;
				text-align:center;
				font-size:25px;
				color:#eaf7fa;
			}
			.vedio .our-story2{
				margin-top:10px;
				text-align:center;
				font-size:18px;
				color:#eaf7fa;
			}
			
			.vedio .our-video {
				margin-top:20px;
				margin-bottom:20px;
			}
								
					
						/*END OF video*/
	
					
								/* how to use app */
									.use-app{
									background:#06171b;

									
									}
									.use-app h1 {
										margin-top:10px;
										color:#fafdfe;
										text-align:center;
										margin-bottom:18px;
									}

								
										/*hover*/							
									.container {
									position: relative;
									width: 25%;
									}

									.image {
									  opacity: 1;
									  display: block;
									  width: 100%;
									  height: auto;
									  transition: .5s ease;
									  backface-visibility: hidden;
									  
									}

									.middle {
									  transition: .5s ease;
									  opacity: 0;
									  position: absolute;
									  top: 50%;
									  left: 50%;
									  transform: translate(-50%, -50%);
									  -ms-transform: translate(-50%, -50%);
									  text-align: center;
									}

									.container:hover .image {
									  opacity: 0.3;

									}

									.container:hover .middle {
										
									  opacity: 1;

									}

									.text {
									  color: fff;
									}
									  .container {
										position: relative;
										width: 25%;
									}

									.image {
									  opacity: 1;
									  display: block;
									  width: 100%;
									  height: auto;
									  transition: .5s ease;
									  backface-visibility: hidden;
									  
									}

									.middle {
									  transition: .5s ease;
									  opacity: 0;
									  position: absolute;
									  top: 50%;
									  left: 50%;
									  transform: translate(-50%, -50%);
									  -ms-transform: translate(-50%, -50%);
									  text-align: center;
									}

									.container:hover .image {
									  opacity: 0.3;

									}

									.container:hover .middle {
										
									  opacity: 1;

									}

									.text {
									  color: #fff;
									  font-size: 20px;
									  padding: 16px 32px;
									      letter-spacing: 2px;

									}

								/*end of how to use app */
								
							
								
								
								/*download app*/
								
								
								.dow{
							background:#06171b;
							min-height:400px;
							border-bottom:2px solid #8d9293;
							 }
							.downl h1{
							margin-top:50px;
							font-size:50px;
							color:#ecf0f1;
							text-align:center;
							 }
							 
							.downl p{
							font-size:30px;
							color:#989898;
							text-align:center;
							margin-top:10px;
							margin-bottom:20px;

							}
							.downl img {
						    display: block;
							margin-left: auto;
							margin-right: auto;
							}
								
								
								
								
						
								/*end of download app*/
								
								
								
								/*footer*/
							
								.footer{
							background:#06171b;
							min-height:200px;
							 }
							.foot h1 {
								
								text-align:center;
								color:#49bbd7;
								margin-top :15px;

							}
							.foot p {
								
								text-align:center;
								color:#fafdfe;
								margin-top :10px;

							}
							
							.foot h2 {
								
								text-align:center;
								color:#fafdfe;
								margin-top :40px;
								font-size:15px;

							
							/*
							.foot ul li {
							text-decoration:none;
							color: white;
							font-size:40px;
							width:40px;
							
							line-height:30px;
							text-align:center;
								display:inline-block;
height:20px;
							}
							.facebook {
background-color: #4a6d9d;
color: #fff;
}
.youtube {
background-color: #bf2f29;
color: #fff;
}
/*
								ter*/