body{
	/*font-family: 'Open Sans', sans-serif;*/

	
	
}
h1,h2,h3,h4,h5,h6{
	/*font-family: 'Thasadith', sans-serif;*/
	font-family: 'Quicksand', sans-serif;

	/*color: #011212;*/
}
p{
	/*font-family: 'Open Sans Condensed', sans-serif;*/
	font-family: 'PT Sans Narrow', sans-serif;
	letter-spacing: .5px;
	font-size: 18px;
}

h4{
	text-transform: uppercase;
}
.navbar a{
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
}
.carousel-item{
	height: 35vh;
	min-height: 550px;
	background-repeat: no-repeat;
	background-position: bottom;
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
  	position: relative;
}

.myAnimation{
	animation-name: fade;
	animation-duration: 2s;
	animation-timing-function: ease-out;
}
@keyframes fade{
	from {opacity: .4}
	to {opacity: 1}
}
.carousel-caption{
	position: absolute;
	/*top: 50%;*/
	bottom: 10%;
	height: 120px;
	/*background: rgba(0, 66, 66, 0.5);*/
	background: rgba(1, 18, 18, 0.7);
}
.navbar{
	background: #011212;
}

#about{
	background: #007F80;
}
#about-btn{
	border: 1px solid #011212;
	color: #011212;
}
#about-btn:hover{
	background-color: #011212;
	color: #fff;
}

#services{
	background: #011212;
}
#services-btn{
	border: 1px solid #007F80;
	color: #007F80;
}
#services-btn:hover{
	background: #007F80;
	color: #fff;
}

#team{
	background: #007F80;
}
#team-btn{
	border: 1px solid #fff;
	color: #fff;
}

#team-btn:hover{
	background-color: #011212;
	border: none;
	color: #007F80;
}

#industries-btn{
	background-color: #007F80;
	color: #fff;
}

#industries-btn:hover{
	background: #011212;
}

@media screen and (max-width: 600px) {
 	.carousel-item{
 		min-height: 300px;
 	}
 	.carousel-caption{
 		bottom: 20%;
        height: 180px;
 	}
 	.navbar-collapse{
 		text-align: center;
 	}
 	footer li{
		margin-left: 0px !important;
		text-align: center;
	}
}

@media screen and (max-width: 991px) {
	footer li{
		margin-left: 5px !important;
		text-align: center;
	}

}

@media screen and (max-width: 530px) {
	footer ul{
		padding-left: 0px;
	}

}

@media screen and (max-width: 468px) {
	footer li{
		margin-left: 4px !important;
	}

}
@media screen and (max-width: 448px) {
	.footer-nav{
		display: none;
	}
}
footer{
	background: #011212;
	background-size: cover;
	background-position: bottom center;
	font-size: 14px;
}
#footer-content-wrapper{
	background-color: rgba(1, 18, 18, 0.7);
	height: 100%;
}
#footer-credits-wrapper{
	background-color: rgba(1, 18, 18, 1);
}

footer li{
	margin-left: 15px;
	text-decoration: none;
	list-style: none;
	text-decoration: none;
}
footer a{
	color: #007F84;
	text-decoration: none;
}
footer p{
	font-size: 14px;
}

footer li a:hover{
	color: #fff;
	text-decoration: none;
}

.about-us-page-wrapper,.our-clients-wrapper{
	background-color: #007F80;
}
.team-email{
	color: #011212;
	font-size: 18px;
}
#team-black-email{
	color: #007F84;
}
.team-name{
	font-size: 25px;
}

.active{
	/*background: #007F80;*/
	background: #25496c;
	border-radius: 2px;
}
ul{
	list-style: none;
}
.our-services-page-banner{
	background-image: url('../../assets/images/services/banner-1.jpeg');
	background-position: center;
}
.our-services-page-wrapper{
	background: #007F84;
}

.our-services-page-wrapper h4{
	/*color: #fff;*/
	color: #011212;
}
.our-services-page-wrapper p{
	color: #fff;
	text-align: justify;
}
.fab, .fas{
	color: #011212;
}

.dark-bg{
	background-color: #011212;
}

.our-clients-wrapper img{
	margin: 5px 0px 5px 0px;
}