@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');

/* comman css */ 
body, button, input, select, textarea {color: #212121; font-size: 15px;line-height: 1.5;font-family: 'Open Sans', sans-serif;font-weight: 400; position:relative;}

h1, h2, h3, h4, h5, h6 { color: #0B9444; line-height: 1.4; padding-bottom: 15px; font-weight: bold; font-family: 'Roboto', sans-serif;margin: 0px;
}
.btn.btn-default {

    background: #0b9444 !important;

}
h2{font-size: 28px;}
p {color: #212121;font-size: 15px;line-height: 1.5;margin-bottom: 15px;font-weight: 400;}
.margin-75{margin:75px 0px;}
.margin-35{margin:35px 0px;}
.information p strong{ color: #0B9444;}
/* background-section */ 
.ser-bg{background:url(../img/ser-bg.jpg) center no-repeat; width:100%; height:100%; background-size:cover;}
.home-bg{background:url(../img/hme-bg.jpg) center no-repeat; width:100%; height:100vh; background-size:cover;}
.home-bg-height{height:100vh; background-size:auto;}
.about-bg{background:url(../img/about-bg.jpg) center no-repeat; width:100%; height:100%; background-size:cover;}
.career-bg{background:url(../img/career-bg.jpg) center no-repeat; width:100%; height:100%; background-size:cover;}
.contact-bg{background:url(../img/contact-bg.jpg) center no-repeat; width:100%; height:100%; background-size:cover;}

.carousel-indicators {

    position: absolute;
    bottom: -21px;
    left: 0%;
    z-index: 15;
    width: 100%;
    padding-left: 0;
    margin-left: auto;
    text-align: center;
    list-style: none;

}

/* nav bar */
.navbar-default .navbar-brand { color: #777;width: 70%;height: 100% !important;}
.navbar-default{background: rgba(11,148,68,0.8); border:0px solid transparent;}
.nav li a span {display: block; text-align:center;}
.nav li a span img{margin:10px auto;}
.img-org{}
.img-hover{display:none;}
.nav li a:hover .img-hover{display:block;}
.nav li a:hover .img-org{display:none;}
.nav li a{text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: 600;font-size: 14px;display: block;position: relative;white-space: nowrap;box-sizing: border-box; color:#fff !important; padding: 18px 21px;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {color: #000 !important; background-color: transparent;}
.navbar-default .navbar-nav > .active > a{background:none !important;}
.navbar-default .navbar-nav > .active > a .img-org{display:none;}
.navbar-default .navbar-nav > .active > a .img-hover{display:block;}
.navbar-default .navbar-nav > .active > a{color: #14175e !important;}

/* index css */ 
.home-content{z-index: 10000;position: absolute; width:100%; float:left; height:100%;}
.home-logo{position: absolute;top: 75px;right: 0;background-color: rgba(255,255,255,0.8) !important;}
.home-logo a{padding: 0 15%; box-sizing: border-box; display:block;}
.home-nav{position:absolute; bottom:60px; left:0px;width: 100%; padding: 20px 0px;}
.news{width: 100%;float: left;position: relative;padding-top: 5px;}
.news h3{padding-bottom: 0;text-transform: uppercase;font-size: 22px; font-weight:normal; color:#fff;}
.news h3 span b,.date b{font-weight:normal; display:inline;}
element {

}
.date { font-size: 22px;
   
    color: #fff;
    float: right;
    margin-left: 10px;

}
.home-footer{background:none !important; position:absolute; bottom:0px;}

/* about page */ 
.information{padding: 50px 45px;background: rgba(253, 252, 252,0.85 );width: 100%;box-sizing: border-box;}
.information h2{text-transform:uppercase;}
.information strong{font-weight:bold; display:block;}
.information p{margin-bottom:40px; text-align:justify;}

/* career */ 
.career p{margin-bottom:15px; text-align:justify;}

/*africa */
.carousel-indicators .active{background:#000;}
.carousel-indicators li{border:1px solid #000;}
.carousel-indicators{}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
} 


/* contact us */
.add-box p{text-align:center;}
.form-control{padding:19px 15px; border:1px solid #000;}
.form textarea{ width:100%; padding:19px 15px; border:1px solid #000; border-radius:3px;}
.btn-default{color: #FFFFFF;display: inline-block;margin-bottom: 30px;padding: 5px 25px;cursor: pointer;background-color: #13175d;border: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;font-size: 16px; float:right;}
.btn-default:hover{background-color:#0b9444; color:#fff;}

/* footer */
footer{background: #0b9444;color: #FFF;height: 80px;width: 100%;padding: 0;}
footer p{font-size:13px; color:#fff;line-height: 80px; font-weight: 600; margin: 0px;}


@media screen and (max-width: 768px) {
  .nav li a span{display:none;}
  .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: none; position: absolute;z-index: 11111111;float: left;
    width: 100%;background:rgba(0,0,0,0.5);}
	.news h3{font-size:18px;}
	.date { font-size: 18px;}
}