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

html {
	scroll-behavior: smooth;
}

body {
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
	color: #505962;
}

.offset:before {
	height: 3.8rem;
	margin-top: -3.8rem;
	content: "";
	display: block;
}
/*--- Navbar ---*/

.navbar {
	text-transform: uppercase;
	font-weight: 700;
	font-size: .9rem;
	letter-spacing: .1rem;
	background: rgba(0,0,0,.6) !important;
}
.navbar-brand img{
	height: 2rem;
}
.navbar-nav li {
	padding-right: .7rem;
}
.navbar-dark .navbar-nav .nav-link {
	color: white;
	padding-top: .8rem;
}
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link:hover {
	color: #1ebba3;
}

/*--- Slider ---*/

.carousel-item {
	height: 100vh, 50vh;
	background-position: center;
	background-size: cover;
}
.carousel-caption {
	top: 50%;
	transform: translateY(-50%);
	bottom: initial!important;
}
.carousel-caption h1 {
	font-size: 40px;
	font-weight: 800;
	letter-spacing: .1rem;
	text-shadow: .1rem .1rem .8rem black;
	padding-bottom: 1rem;
}
.carousel-caption h1 span {
	color: #edbb00;
}
.carousel-caption p {
	font-size: 20px;
	text-shadow: .1rem .1rem .5rem black;
	padding-bottom: 1rem;
}

/*--- About Us ---*/

#about
{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #555;
}


/*--- our services ---*/
#services
{
	background-image: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.8)),url(services2.jpg);
	background-size: cover;
	background-position: center;
	color: #efefef !important;
	background-attachment: fixed;
	padding-top: 50px;
	padding-bottom: 50px;
}
#services h2
{
	text-align: center;
	color: #efefef !important;
	padding-bottom: 10px;
	font-size: 2.5rem;
}
#services h2::after
{
	content: '';
	background: #1ebba3;
	display: block;
	height: 3px;
	width: 170px;
	margin: 20px auto 5px;
}
.icon
{
	position: initial;
	margin: 20px auto;
	padding: 9px;
	height: 100px;
	width: 100px;
	border: 1px solid #fff;
	border-radius: 100%;
}
.services .col-md-3:hover
{
	background: #b3b3b3;
	cursor: pointer;
	transition: 0.7s;
}	


/*--- our people---- */

.jumbotron {
	border-radius: 0;
	padding: 5rem 0 5rem;
}

#our people
{
	padding-top: 50px;
	padding-bottom: 50px;
	color: #555;
}
h4
{
	text-align: center;
	color: #555 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.5rem;
}
h4::after
{
	content:'';
	background: #ff9900;
	display: block;
	height: 3px;
	width: 300px;
	margin: 20px auto 5px;
}
.img-info p {
	padding: 0px 30px 20px;
	font-family: arial;
	font-size: 13px;
	color: #111;
	line-height: 20px;
}
.img-op {
	width: 100%;
}
@media only screen and (min-width: 768px) {
	.img-info p {
		padding: 10px 0px 0px;
	}
	
}

/*--- Get in Touch ---*/

#contact
{
	background: #f2f2f2;
	padding-top: 0px;
	padding-bottom: 40px;
	color: #777
}
h6
{
	text-align: center;
	color: #555 !important;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 2.5rem;
}
h6::after
{
	content:'';
	background: #ff9900;
	display: block;
	height: 3px;
	width: 300px;
	margin: 20px auto 5px;
}

.contact-form
{
	padding: 15px;
}
.form-control
{
	border-radius: 0 !important;
	border: none ! important;
}
::placeholder
{
	color: #999 ! important;
}
.follow
{
	background: #fff;
	padding: 10px;
	margin: 15px;
}
.contact-info .fa
{
	margin: 10px;
	color: #007bff;
	font-weight: bold;
}

/*--------footer--------*/
#footer
{
	background: #333;
	color: #fff;
	padding: 1px;
}

/========== BOOTSTRAP BREAK POINTS:

@media only screen and (max-width: 1600px) {
    .carousel-caption {
    margin-bottom: 10%;
    width: 70%;
}
}

@media only screen and (max-width: 1300px) {
    .carousel-caption {
    margin-bottom: 5%;
}
    .carousel-caption h1{
    font-size:30px;
}

.carousel-caption p{
    font-size:15px;
}
}

@media only screen and (max-width: 960px) {
    .carousel-caption {
    margin-bottom: 0%;
}
    .c3 {
        margin-bottom:-5%;
    }
}

@media only screen and (max-width: 767px) {
    .btn-lg {
        display:none;
    } 
    .carousel-caption {
    margin-bottom: 5%;
    padding:20px;
}
     .carousel-caption h1{
    font-size:11px;
}

.carousel-caption p{
    font-size:7px;
}
}

@media only screen and (max-width: 400px) {
    .carousel-caption {
    margin-bottom: 0%;
}
}