*{
	font-family: 'Titillium Web', sans-serif;
}

a {	transition: 1s;}

.header {
	background-color: #86509C;

	background-image: url(images/belai.jpg);
	-webkit-background-size: cover;
	background-size: cover;
}

.mid{
	width: 90%;
	margin: auto;
}

.top-header:after{
	content:'';
	display: block; 
	clear: both;
}

.logo {
	width: 30%;
	float: left;
}
.menu {
	width: 70%;
	float: left;
}

.menu  ul{
	text-align: right;
}

.menu  ul li{
	display: inline-block;
}

.menu  ul li a{
	color: #FFF;
	font-size: 16px;
	display: block; 
	padding: 10px 20px;
	text-transform: uppercase;
}

.menu  ul li i{display:none;
}

.bottom-header {
	margin-top: 270px;
}

 h1, h2 { margin:auto;
 text-align:center;}

.bottom-header h1{
	color: #FFF;
	width: 80%;
	font-weight: 900;
}


.bottom-header h1{
	text-align: center;
	width: 80%;
	color: #FFF;
	font-weight: 900;
}

.bottom-header a{
	width: 200px;
	display: block; 
	padding:15px;
	text-align: center;
	background-color: #EB7D4C;
	color: #FFF;
	font-weight: bold;
	margin: auto;
	margin-top: 50px;
	border-bottom: 5px solid #CA6841;
	border-radius: 5px;
}

.blr {
	background-color: rgba(0, 0, 0, .4);
	height: 100%;
	width: 100%;
	padding: 50px 0px 150px 0px;
}

.service{
	background-color: #18C2A5;
	padding: 100px 0px;
}

.service h2{ 
	font-size: 36px;
	color: #FFF;
	text-align: center;
}

.service hr{
	width: 70px;height: 5px;
	background-color: #13A68C;
	border: none;
	margin:20px auto;
}

.service  p{
 	font-size: 18px;
	color: #FFF;
	text-align: center;
	width: 60%;
	margin: auto;  
}

.service-area {
	margin-top: 50px;
	text-align: center;
}

.service-box {
	width: 23%;
	display: inline-block;
}

.service-box img{
	margin: auto; 
	display: block;
}

.service-box h3{
	font-size: 20px;
	color: #FFF;
	margin: 10px 0px;
	text-transform: uppercase;
}

.service-box p{
	width: 80%;
	font-size: 16px;
}