body {
	font-weight: 400;
	line-height: 1.75;
	color: #070708;
}
/**********************
Navbar
***********************/
.navbar {
	background-color: #fff;
	box-shadow: 0px 10px 5px rgba(0,0,0,0.15);
	height: 90px;
}
.navbar img {
	max-width: 120px;
	height: 70px;
	margin-top: 0px;
}
.navbar-collapse {
	    justify-content: flex-end;
}
.navbar-toggler-icon {
	border: 2px solid #F50212;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
}
.navbar-toggler-icon .fa {
	color: #F50212;
}
.nav-item a {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	color: #2b2c3c;
	margin-left: 15px;
	margin-right: 15px;
}
.nav-item .active {
	border-bottom: 3px solid #F50212;
	color: #F50212;
	border-radius: 2px;
	padding-bottom: 0px;
	border-radius: 0;
}

/**********************
Carousel
***********************/
.carousel-item {
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.45), rgba(16, 20, 97,0.45)), url(../images/eagle_watch/edited/Dog_Deployment_1_3.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 670px;
	background-position:  100% 80%;
}
.carousel-item.second-img {
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.45), rgba(16, 20, 97,0.5)), url(../images/eagle_watch/edited/Patrol_Fleet_1_2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 670px;
	background-position:  100% 80%;
	
}
.carousel-item.third-img{
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.45), rgba(16, 20, 97,0.45)), url(../images/eagle_watch/edited/Parade_Inspection_1_2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: ;
	background-position: 100% 20%;
}
.carousel-item.fourth-img{
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.45), rgba(16, 20, 97,0.45)), url(../images/eagle_watch/Batian_Office_Karatina_edited.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: ;
	background-position: 100% 0%;
}
.carousel-item.fifth-img{
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.45), rgba(16, 20, 97,0.45)), url(../images/eagle_watch/edited/Nairobi_Office_1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: ;
	background-position: 100% 0%;
}

.carousel-caption {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	bottom: 16%;
	
}
.carousel-caption h1, .jumbotron-fluid h1 {
	font-size: 3.5em;
}
.carousel-caption p, .jumbotron-fluid p {
	font-weight: 400;
	font-size: 1.3em;
	width: 80%;
	padding: 10px;
	color: #fff;

}
/**********************
Jumbotron
***********************/
.jumbotron-fluid {
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.55), rgba(16, 20, 97,0.55)), url(../images/eagle_watch/Guard_on_Radio_Call_1_2.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 670px;
	background-position:  50% 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.jumbo-about {
	background: -webkit-linear-gradient(left, rgba(16, 20, 97,0.55), rgba(16, 20, 97,0.55)), url(../images/eagle_watch/edited/Group_Photo_After_Training_1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 670px;
	background-position:  50% 40%;
	
}
.jumbotron-fluid h1 {
	font-size: 3em;
	color: #fff;
}
.jumbotron-fluid .container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

/**********************
Typography
***********************/

p, li {
	font-family: 'Open Sans', sans-serif;
	font-size: 0.96em;
}
h1,h2,h3,h4 {
	font-family: 'Merriweather', serif;
}

h1, h2, h3, h4 {
  font-weight: inherit;
  line-height: 1.2;
	margin-bottom: 0
}

h1 {
	
  margin-top: 0;
  font-size: 2em;
}

h2 {font-size: 1.6em;}

h3 {font-size: 1.4em;}

h4 {font-size: 1.2em;}

ul {
	list-style: none;
	padding-left: 0;
}
li, .customer-list p, .commitment-list, .training-list p, 
.organization-list p, .going-list p {
	font-weight: 600;
}
.branch-numbers ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.branch-numbers ul li {
	font-weight: 400;
	margin: 5px 0;
}
.branch-numbers h3 {
	margin: 10px 0;
}
.quote .section-heading, .quote blockquote  {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.quote .section-heading, .quote blockquote  {
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.quote blockquote {
	font-family: 'Open Sans'. sans-serif;
	font-style: italic;
	font-size: 2.3em;
	font-weight: 700;
	margin: 0 0px 50px;
}
.quote p {
	font-size: 1.1em
}
.core-text h3 {
	margin-bottom: 14px;
}
/**********************
Colors
***********************/
section.customers, .commitment, .affiliations, .training, .going,
.core-values, .organization, body.about-page, body.services-page, footer .navbar-expand-md, footer{
	background-color: #FAFafa;
}
.who-we-are,.contacts, .our-team, .navbar-collapse {
	background-color: #fff;
	z-index: 1000;
	padding-bottom: 10px;
}
.navbar-collapse li {
	display: flex;
}
ul.services-list .fa, .customer-list .fa, .commitment .fa, .training-list .fa, 
.going-list .fa, .organization-list .fa {
	padding-right: 10px;
	color: #C3020E;
	font-size: 1.2em;
}
.core-text {
	background-color: #fff;
	min-height: auto;
	padding: 50px 20px;
	text-align: center;
}
hr {
	border-color: #DFDFDF;
}
/**********************
Buttons
***********************/
.btn {
	background-color: #F50212;
	color: #fff;
	font-family: 'Open Sans'. sans-serif;
	font-weight: 600;
	border-radius: 2px;
	box-shadow: 0 7px 14px rgba(50,50,93,.1),0 3px 6px rgba(0,0,0,.08);
	padding: 10px 15px; 
	min-width: 40%;
}
.quote .quote-btn button{
	min-width: 250px;
}
/**********************
Spacing
***********************/
.services, .customers, .quote, .commitment, .cost, 
.affiliations, .contacts, .our-team, .training, .going,
.vision,.core-values, .organization, .quote, .who-we-are{
	padding: 70px 0;
}
.customers .section-heading, .commitment .section-heading,
 .affiliations .section-heading, .contacts .section-heading, 
.training .section-heading, .going .section-heading, .core-values .section-heading,
.organization .section-heading, 
.sub-heading{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.sub-heading, .services-list {
	margin-bottom: 40px;
}
.section-heading p {
	width: 79.0321929825%;
	padding: 20px 0;
}
.section-sub-heading p, .who-we-are .who-we-are-text{
	padding: 20px 0px;
}
p.section-heading-p, .vision .section-heading p  {
	width: 100%;
}
footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	box-shadow: none;
}
footer .navbar-expand-md {
	box-shadow: none;
}
.services-list li, .customer-list, .commitment-list, .training-list, .going-list, .organization-list {
	margin-bottom: 10px;
}
.cost .section-heading, .section-sub-heading,
.organization_completion{
	margin-top: 60px;
}
.organization_completion, .training_completion, .row.going_completion{
	margin-top: 14.0350877193%;
}
.our-team .section-heading {
	margin-top: 30px;
}
div.quote-btn {
	display: flex;
	justify-content: center;
	align-items: center;
}
.training .row.Training_completion, .going_completion {
	margin-top: 70px;
}
.contacts img {
	margin-bottom: 20px;
}
footer p {
	margin-bottom: 0;
	padding-bottom: 10px;
	display: flex;
	justify-content: center;
	font-size: 0.8em;
	color: rgb(43, 44, 60, 0.7);
}
.no-gutters {
  margin-right: 0px;
  margin-left: 0px;

  > .col,
  > [class*="col-"] {
    padding-right: 0px;
    padding-left: 0px;
  }
}
/**********************
Images
***********************/
img {
	max-width: 100%;
}
.services img {
	position: relative;
	height: auto;
	box-shadow: 0px 3px 10px rgba(0,0,0,0.2);
	border-radius: 2px;
	z-index: 1;
}
.quote {
	background: #101461;
}
.affiliations-logos .img-box {
	box-shadow: 0 15px 35px rgba(50,50,93,.01),0 5px 15px rgba(0,0,0,.07);
	background-color: #fff;
	min-height: 100%;	
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	padding: 30px;
}
.who-we-are-pics img, .core-cards img{
	min-height: auto;
}
.our-team img {
	height: 370px;
	margin-top: 10px;
}
/**********************
Cards and Shadows
***********************/
.customer-list p , .commitment-list p, .training-list p, 
.going-list p, .organization-list p {
	box-shadow: 1px 1px 15px rgba(50,50,93,.07), 1px 1px 15px rgba(0,0,0,.07);
	background-color: #fff;
	display: flex;	
	align-items: baseline;
	padding: 25px 25px;
	border-radius: 2px;
  height: 85%;
	transition: .3s;
}
.core-cards, .vision .section-heading, .organization_completion .section-sub-heading,
.training_completion .section-sub-heading, .going_completion .section-sub-heading{
	position: relative;
	z-index: 1000;
	box-shadow: 0 15px 35px rgba(50,50,93,.1),0 5px 15px rgba(0,0,0,.07);
	transition: .3s;
}
.vision .section-heading, .organization_completion .section-sub-heading, .training_completion .section-sub-heading,
.going_completion .section-sub-heading{
	background-color: #fff;
	padding: 40px;
	height: auto;
	transition: .3s;
}

.vision .section-heading {
	top: 15.0526315789%;
	right: 20.3684210526%;
}
.organization_completion .section-sub-heading {
	top: -21.0526315789%;
	right: 1%;
}
.training_completion .section-sub-heading {
	top: -20.8947368421%;
	right: 10%;
}
.going_completion .section-sub-heading {
	top: -21.0526315789%;
	right: 10%;
}
.cost .col-lg-4 img {
	height: 470px;
	width: auto;
}

/**********************
Transitions
***********************/
.nav-item a{
	transition: .3s;
}

.nav-item .nav-link:hover {
	border-bottom: 3px #f50211;
	color: #f50211;

}

.btn {
	box-shadow: 5px 5x 5px rgba(50,50,93,.2), 5px 5px 5px rgba(0,0,0,.2);
	transition: .3s;
}

.btn:hover {
  box-shadow: none;
	background-color: #dc020f;
	
}
.customer-list p:hover , .commitment-list p:hover, .training-list p:hover, 
.going-list p:hover, .organization-list p:hover {
	box-shadow: 1px 15px 15px rgba(50,50,93,.1), 1px 15px 15px rgba(0,0,0,.1);
	transform: scale(1.05);
}
.vision .section-heading:hover, .organization_completion .section-sub-heading:hover, .training_completion .section-sub-heading:hover,
.going_completion .section-sub-heading:hover, .core-cards:hover {
	transform: translateY(-10px);
	box-shadow: 1px 25px 15px rgba(50,50,93,.2), 1px 25px 15px rgba(0,0,0,.2);
	
} 
/**********************
Media Queries
***********************/
@media only screen  and (max-width: 992px) {
	
	.carousel-caption h1, .jumbotron-fluid h1 {
	font-size: 3em;
}
	.carousel-caption p, .jumbotron-fluid p {
	font-weight: 400;
	font-size: 1.1em;
	width: 100%;
	color: #fff;
}
	.section-heading p {
		width: 100%;
	}
	.services .btn, .section-heading button {
		margin-bottom: 40px;
	}
	.quote blockquote {
	font-family: 'Open Sans'. sans-serif;
	font-style: italic;
	font-size: 2em;
	font-weight: 700;
	margin: 0 0px 50px;
}
	.our-team img {
		height: auto;
	}
	.customer-list p , .commitment-list p, .training-list p, 
	.going-list p, .organization-list p {
		flex-wrap: wrap;
		padding: 15px;
	}
	ul.services-list .fa, .customer-list .fa, .commitment .fa, .training-list .fa, 
	.going-list .fa, .organization-list .fa {
		padding-bottom: 5px;
	}
	.training_completion .section-sub-heading, .going_completion .section-sub-heading,
	.vision .section-heading, .organization_completion .section-sub-heading{
		top: -100px;
		left: 2.5%;
		width: 95%;
  }
	.core-cards {
		width: 95%;
		margin: 0 auto;
		margin-bottom: 20px;
		
	}
	.branch-numbers ul {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}
@media only screen  and (max-width: 768px) {
	.carousel-caption h1, .jumbotron-fluid h1 {
	font-size: 2.5em;
  }
		.carousel-caption p, .jumbotron-fluid p {
	font-weight: 400;
	font-size: 1em;
	width: 100%;
	color: #fff;
  }
	.quote blockquote {
	font-size: 1.6em;
}
	h1 {
	
  margin-top: 0;
  font-size: 1.8em;
}

h2 {font-size: 1.4em;}

h3 {font-size: 1.2em;}

h4 {font-size: 1.1em;}
}
@media only screen  and (max-width: 576px) {
	.carousel-caption h1, .jumbotron-fluid h1 {
	font-size: 2em;
  }
	.core-cards {
		width: 90%;
	}
	.vision .section-heading, .organization_completion .section-sub-heading, .training_completion .section-sub-heading,
.going_completion .section-sub-heading{
	background-color: #fff;
	padding: 40px 20px;
}
}

@media only screen  and (max-width: 440px) {
	.carousel-item {
	background-position:  50% 80%;
}
	.carousel-item.second-img {
	background-position:  50% 80%;
  }
	.carousel-item.third-img {
	background-position:  40% 80%;
  }
}