/* our framework */
body{
	
	font-family:sans-Serif;

	
}
.container{
	width:1200px;
	margin:auto;
}
.text-center{
	text-align:center;
}
.upper{
	
	text-transform:uppercase;
}
.main-color{
	
	color:#99ceff;
}

/* end our framework */

.header{
	
	
	background-image:url(../image/arrow.jpg);
	background-size:100% 100%;

}






.navbar{
	
	transition:.3s;
	
	overflow:hidden;
	color:#ffffff;
}
.nav-black{
	background-color:rgba(0, 184, 230,.8);
	height:100px;
}
.navbar span{
	padding:10px;
	float:left;
	transition:.3s;
	text-transform:capitalize;
	font-size:20px;
	color:#99ceff;
}
.navbar ul{
	
	list-style:none;
	float:right;
	
	
}
.navbar ul li{
	
	list-style:none;
	display:inline;
}
	
.navbar ul li a {
	text-decoration:none;
	padding:5px 20px;
	line-height:20px;
	transition:.3s;
	font-size:15px;
	color:#ebebe0;

}
.intro{
	margin-top:10%;
	
}
.intro h2{
	font-weight:800;
	font-size:50px;
	color:#ffffff;
	margin-bottom:10px;
}
.intro p{
	    margin-bottom: 30px;
    margin-top: 5px;
	line-height:20px;
	color:#ebebe0;
}


.button button{
	text-transform: none;
    background-color: transparent;
    border-radius: 5px;
    width: 180px;
	
    font-size: 20px;
    padding: 3px;
	border:1px solid;
	transition:all .3s ease-in-out;
}
.button button:hover{
   background-color:#00b8e6;
   border:1px solid #00b8e6;
   	


}


.features{
	padding:40px 0px;
	overflow:hidden;
}

.box{
	width:30%;
	float:left;
}
.box h3{
	color:#99ceff;
}