@font-face{
   font-family: 'OpenSans-Regular';
   src:url('../fonts/OpenSans-Regular.ttf') format('truetype');
}

@font-face{
   font-family: 'OpenSans-Semibold';
   src:url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}

body{
	  font-family: 'OpenSans-Regular';
	  color: #444444;
}

.logo{
	width: 170px;
}

.nav{}
.nav li a{color:#555555; font-family: 'OpenSans-Semibold'; }
.nav li a:hover{
	background: none; 
	color:#000000;
}


.dropdown:hover .dropdown-menu{display: block;}
.dropdown-menu{border:0;}
.dropdown-menu  li a{
padding: 7px 20px;
}

.soc{
	padding-top: 10px;
}

.top a{
	color: #365c65;
	
	text-decoration: none;
}

.banner{
	padding: 0;
}

.banner img{width: 100%;}

.services{margin-top: 50px;}
.services h3{
	margin-top: 0; 
	font-family: 'OpenSans-Semibold';
}

.services h4{font-family: 'OpenSans-Semibold';}
.services p{
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.5px;
}

.services li{
	font-size: 15px;
}

.sers{
	list-style: none; 
	padding-left: 0;
	text-transform: capitalize;
}
.sers li{padding-bottom: 8px;}
.sers li i{color: #239b5b; margin-right: 10px;}
.services i{color: #239b5b; margin-right: 10px;}

.head{
	color: #365c65;
	font-family: 'OpenSans-Semibold';
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	margin-bottom: 50px;
}

.head span{display: block;
	width: 70px;
	height: 5px;
	background: #239b5b;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

.shade{
	box-shadow: 7px 7px 5px #dddddd;
}


.footer{
	background: #365c65;
	color:#ffffff;
	padding-top: 40px;
	padding-bottom: 40px;
	margin-top: 50px;
}

.footer h4{font-family: 'OpenSans-Semibold';}
.footer a{color:#ffffff; text-decoration: none; padding: }
.footer img{
	width: 130px;
	padding: 5px;
	border:2px solid #ffffff;
}

.footer .nav{}
.footer .nav li a{color:#ffffff; padding: 5px; font-family: 'OpenSans-Regular'; font-size: 14px;}


.whats{
	background: #365c65;
	color:#ffffff;
	display: inline-block;
	font-size: 18px;
	font-family: 'OpenSans-Semibold';
	padding: 10px 20px;
	margin-top: 30px;
	border-radius: 30px;
}

.whats:hover{
 color: #ffffff;
 text-decoration: none;
}

.whats img{width: 35px;}

.form input[type="text"]{
	width: 100%;
	height: 35px;
	padding-left: 5px;
}

.form select{
	width: 100%;
	height: 35px;
	padding-left: 5px;
	background: #ffffff;
	border:1px solid #999;
}

.form textarea{
	width: 100%;
	height: 100px;
	padding-left: 5px;
}


.form label{
	font-size: 13px; 
	margin-bottom: 0; 
	font-weight: normal; 
	font-family: 'OpenSans-Semibold';
}

.ic{padding-left: 40px; 
	position: relative;
	margin-bottom: 25px;
}

.ic i{
	position: absolute;
	font-size: 26px;
	left: 0;
}
.pro{margin-top: 20px;}
.pro a{color:#444444;
 text-decoration: none; 
 display: block;
 border: 1px solid #ccc;
 padding: 7px;
}

.pro a:hover img{
	transform: rotateY(180deg);
}

.pro a:hover h4{
	color: #239b5b;
}

.port{
   margin-bottom: 30px;
}
.port img{
	width: 100%;
	max-height: 233px;

}

.testimonial a{color:#444; text-decoration: none;}
.testimonial h4{
font-family: 'OpenSans-Semibold';
letter-spacing: 1px;
}
.testimonial p{ color:#444; letter-spacing: 0.5px; }
.testimonial i{
	color: #ffd43b;
	margin-bottom:10px;
}



@media(max-width: 768px)
{
	.navbar{margin-bottom: 0;}
}

@media(max-width: 480px)
{
	.navbar{margin-bottom: 0;}
	.soc{display: none;}
	.logo{width: 150px;}
}