body{margin: 0;padding: 0;font: 14px 'Muli',Sans-Serif;}
a {text-decoration:none;color:#111;transition: all 500ms ease;}
a:hover, a:focus {text-decoration:none;outline:none;color:#000;transition: all 200ms ease;}
img {max-width:100%;}
ul,ol {margin: 0;padding: 0;}
.gbutton{padding: 15px;display: inline-block;background: linear-gradient(to right, #e65c18 0%,#eb8122 100%);font: 16px;text-transform: uppercase;color: #fff;border: none;border-radius: 5px;transition: all 200ms ease;}
.gbutton:hover,.gbutton:focus{background: linear-gradient(to right, #eb8122 0%, #e65c18 100%);color: #fff;transition: all 200ms ease;}
.readmore{display: inline-block;padding: 15px 20px;font: 14px 'Muli',Sans-Serif;border: 2px solid #fb6120;border-radius: 5px;}
.readmore:hover{background: linear-gradient(to right, #eb8122 0%, #e65c18 100%);color: #fff;border-color: #e65c18;transition: all 200ms ease;}
.heading{font: 400 40px/50px 'Roboto',Sans-Serif;color: #222;padding-bottom: 30px;display: inline-block;position: relative;margin-bottom: 40px;}
.heading:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -20px;background: url("images/icon.png") no-repeat;width: 5px;height: 38px;}
.menubar{display: none;}
/********* Header ***********/

header{background: #fff;padding-bottom: 15px;overflow: hidden;}
header ul{padding-top: 15px;}
header ul li{display: inline-block;position: relative;}
header ul li a{display: block;padding-left: 25px;font-family: 'Muli',Sans-Serif;font-size: 14px;line-height: 12px;font-weight: 500;color: #2a313a;text-transform: uppercase;border-left: 1px dashed #000;transition: all 200ms ease;}
header ul li:first-child a{border-left: none;}
header ul li a:hover{color: #007e8d;transition: all 200ms ease;}
header .text-right li a{margin-left: 15px;}
header .top_menu{background-color: #e65c18;margin: 0;padding: 10px;display: inline-block;float: right;}
.tmenu:after{content: '';position: absolute;right: -1880px;background-color: #e65c18;margin: 0;width: 1900px;height: 34px;}
.tmenu p{display: inline-block;margin-right: 15px;padding: 8px 0;}
header .top_menu{padding: 3px 3px 3px 10px;}
header .top_menu li a{color: #fff;padding: 8px 5px;border-left: none;}
.logo{position: absolute;top: -30px;left: 15px;}
header .top_menu li:last-child a{padding-right: 0;}
header .top_menu li a:hover{color: #fff;}
/********* Slider ***********/
.slider img{width: 100%;}
.slider .carousel-caption{width: 50%;left: 8%;bottom: 35%;text-align: left;text-shadow: none;}
.slider .carousel-caption p{font: 400 30px 'Muli',Sans-Serif;color: #000;margin: 5px 0 0;}
.slider .carousel-caption h2{font: 700 40px 'Muli',Sans-Serif;color: #000;margin: 0;}
.slider .carousel-caption h2 span{color: #007e8b;display: inline-block;padding: 0 5px;}
.slider .carousel-caption a{display: inline-block;padding: 15px 30px;background-color: #000;color: #fff;font: 400 14px 'Muli',Sans-Serif;margin-top: 20px;border-radius: 5px;transition: all 200ms ease;}
.slider .carousel-caption a:hover{background-color: #007e8b;transition: all 200ms ease;}
.slide .carousel-indicators .active{background-color: #007e8b;border-color: #007e8b;}
.slide .carousel-indicators li{border-color: rgba(0,0,0,0.1);background-color: rgba(0,0,0,0.2);}
/********* Service ***********/
.gslide{height: 535px;}
.service{padding: 30px 0;}
.service img{width: 100%;margin-bottom: 30px;}
/********* About ***********/
/*.about{background: #fff;padding: 30px 0;position: relative;z-index: 1;}*/
.about:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);top: 0;width: 600px;height: 600px;background-color: #f1f8ff;z-index: -1}
.about .col-xs-12.col-lg-4:before{content: "";position: absolute;left: -10%;transform: translateX(-10%);top: -70px;width: 125px;height: 125px;background-color: #DBF2EA;z-index: -1}
.about p{font: 400 16px/24px 'Muli',Sans-Serif;margin-bottom: 20px;color: #666;}


/********* Product ***********/
.product{background: #f1f8ff;padding: 30px 0 50px;}
.product .item{text-align: center;}
.product .item img{width: auto;max-width: inherit !important;display: inline-block;}
.product .item p{font: 500 18px 'Muli',Sans-Serif;margin-top: 25px;text-transform: uppercase;}
.product .owl-dots{display: block;width: 100%;text-align: center;padding-top: 50px;}
.product .owl-dot{display: inline-block;}
.product .owl-dot > span{width: 12px;height: 12px;display: inline-block;background-color: #bce0fa;border-radius: 50%;margin: 0 5px;}
.product .owl-dot.active > span{background-color: #11315a;}
/********* Comming ***********/
.comming{position: relative;}
.comming img{width: 100%;}
.comming .overlay{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 55%;}
.comming .overlay h2{font: 600 30px 'Muli',Sans-Serif;margin-top: 0;text-transform: uppercase;color: #334569;}
.comming .overlay p{font: 400 20px 'Muli',Sans-Serif;margin-top: 0;text-transform: uppercase;color: #000;margin-bottom: 40px;position: relative;}
.comming .overlay p:after{content: "";position: absolute;left: 0;bottom: -15px;width: 90px;height: 4px;background-color: #122f5b;}
.countdown > div{display: inline-block;width: 18%;text-align: left;position: relative;}
.countdown > div:after{content: "";position: absolute;right: 30px;top: 0;width: 1px;height: 100%;background-color: #afb8c7;}
.countdown > div:last-child:after{display: none;}
.countdown > div > span{display: block; text-align: left;width: 100%;}
.countdown-container .countdown-heading{font: 400 20px 'Muli',Sans-Serif;text-transform: capitalize;color: #334569;padding: 0;}
.countdown-container .countdown-value{font: 500 40px 'Muli',Sans-Serif;text-transform: capitalize;color: #334569;text-align: left;padding: 0;}

/********* header Us ***********/
.hdr{padding: 10px 0;background: #9d3838;}

.hdr .heading{color: #fff;}
    .hdr .p {
        text-align: right;
        font-weight: bold;
        color:white
    }
/********* Contact Us ***********/
.contact{padding: 30px 0;background: linear-gradient(to right, #39ccde 0%, #598be4 100%);}
.contact .heading{color: #fff;}
.contact input[type="text"],.contact input[type="email"],.contact textarea{width: 100%;padding: 15px 25px;border-radius: 30px;font: 300 18px 'Muli',Sans-Serif;color: #fff;border: 1px solid #ade0ff;margin-bottom: 30px;background: transparent;}
.contact input[type="text"]::-moz-placeholder{opacity: 1;color: #fff;}
.contact input[type="text"]::-ms-placeholder{opacity: 1;color: #fff;}
.contact input[type="text"]::-webkit-input-placeholder{opacity: 1;color: #fff;}
.contact input[type="email"]::-moz-placeholder{opacity: 1;color: #fff;}
.contact input[type="email"]::-ms-placeholder{opacity: 1;color: #fff;}
.contact input[type="email"]::-webkit-input-placeholder{opacity: 1;color: #fff;}
.contact textarea::-moz-placeholder{opacity: 1;color: #fff;}
.contact textarea::-ms-placeholder{opacity: 1;color: #fff;}
.contact textarea::-webkit-input-placeholder{opacity: 1;color: #fff;}
.contact input[type="submit"]{padding: 15px 50px;border: 1px solid #ade0ff;border-radius: 30px;font: 500 18px 'Muli',Sans-Serif;color: #fff;transition: all 200ms ease;background-color: transparent;}
.contact input[type="submit"]:hover{background-color: #fff;color: #000;transition: all 200ms ease;}
.contact ul{padding: 0;margin: 0;}
.contact ul li{display: block;padding: 0 15px 30px 45px;font: 300 20px/24px 'Muli',Sans-Serif;color: #fff;transition: all 200ms ease;position: relative;}
.contact ul li label{font: 300 18px/24px 'Muli',Sans-Serif;text-transform: capitalize;}
.contact ul li i{position: absolute;left: 0;top: 5px;font-size: 30px;}
.contact .heading:after{content: "";position: absolute;left: 50%;transform: translateX(-50%);bottom: -20px;background: url("images/wicon.png") no-repeat;width: 5px;height: 38px;}
/********* Modal  ***********/
#prodmodal .modal-header{border-bottom: none;position: relative;z-index: 1;}
#prodmodal .modal-header .modal-title{text-align: center;text-transform: uppercase;color: #1f223e;font-size: 24px;font-weight: 600;margin-bottom: 15px;}
#prodmodal .modal-header p{text-align: center;font-weight: 600;line-height: 20px;margin-bottom: 15px;}
#prodmodal .close{position: absolute; right: 0px; z-index: 99; width: 25px; height: 25px; background: #007e8b; opacity: 1; text-shadow: none; top: -25px;color: #fff;transition: all 500ms ease;}
#prodmodal .close:hover{background: #046670;color: #fff;transition: all 500ms ease;}
#prodmodal .modal-content{background-image: url('images/shopping.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;padding: 30px 50px 30px;} 
#prodmodal .modal-content:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);} 
#prodmodal .modal-body{z-index: 1;text-align: center;padding: 0;}
#prodmodal .modal-body a{display: block;width: 100%;background-color: #f1f8ff;text-align: center;padding-bottom: 15px;font: 600 18px 'Muli',Sans-Serif;margin-bottom: 20px;color: #007e8b;transition: all 500ms ease;}
#prodmodal .modal-body a:hover{color: #000;transition: all 500ms ease;}
#prodmodal .modal-body a img{width: 150px;}

/********* Footer ***********/
footer{background: #000;padding: 30px 0;}
footer ul{padding: 0;margin: 0;}
footer ul li{display: inline-block;}
footer ul li a{display: block;padding: 0 15px;font: 500 14px/12px 'Muli',Sans-Serif;color: #ffffff;font-weight:bold;transition: all 200ms ease;border-right: 1px solid #6e6e6e;}
footer ul li:last-child a{border-right: none;}
footer ul li a:hover{color: #fff;transition: all 200ms ease;}
footer p{font: 500 18px/auto 'Muli',Sans-Serif;color: #6e6e6e;margin: 0;padding: 7px 0 0;}
/*
|-------------------------------------------------------------------|
| Extra large devices (large desktops, 1200px)                      | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0) and (max-width:991px)
{
.logo {position: inherit;top: inherit;left: inherit;text-align: left;}
header .col-xs-12.col-sm-12.col-lg-12.text-right{text-align: center;}
header ul li a{padding-left: 0;border-left: none;}
}
@media screen and (min-width:992px) and (max-width:1199px)
{
.slider .carousel-caption{bottom: 45px;}
.slider .carousel-caption h2,.slider .carousel-caption p{font-size: 32px;}

}
/*
|-------------------------------------------------------------------|
| Large devices (desktops, 992px)                                   | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:768px) and (max-width:991px)
{
.logo{text-align: center !important;}	
.slider .carousel-caption{bottom: 0;}
.slider .carousel-caption h2,.slider .carousel-caption p{font-size: 32px;}
.comming .overlay {position: inherit;right: inherit;top: inherit;transform: inherit;width: 100%;padding: 15px;}

}
/*
|-------------------------------------------------------------------|
| Small devices (tablets, 768px)                                    | 
|-------------------------------------------------------------------|
*/
@media screen and (min-width:0) and (max-width:768px)
{
.menu{display: none;}
.menubar{position: absolute;right: 15px;top: 42px;font-size: 32px;cursor: pointer;z-index: 1;display: block;transition: all 500ms ease;}
.menubar:hover{color: #007e8b;transition: all 500ms ease;}
.gslide{height: auto;}
.slider .carousel-caption{width: 100%;position: inherit;left: inherit;right: inherit;padding: 15px;}
.slider .carousel-caption h2,.slider .carousel-caption p{font-size: 22px;}
.about{background: #f1f8ff;margin-bottom: 30px;}	
.about:after{display: none;}
.comming .overlay {position: inherit;right: inherit;top: inherit;transform: inherit;width: 100%;padding: 15px;}

}

@media screen and (min-width:0) and (max-width:567px)
{

.tmenu p{text-align: center;display: block;}
header .top_menu{float: inherit;display: block;width: 100%;margin-bottom: 15px; }
.tmenu::after{display: none;}
header ul li,.top_menu li{display: block;padding-bottom: 20px;}
.top_menu li{text-align: center;padding-bottom: 0;}
.countdown > div{width: 100%;}
.countdown > div:after{display: none;}

}
.kkmt{
	margin-top:25px;
}


#newandevent {
    background-color: #f1f8ff;
  width: 300px;
   /*height:250px;*/
  border: 5px solid black;
  color:black;
  padding: 30px;
  margin: 15px;
}

#Notice {
    background-color: #ea5b0c;
  width: 300px;
  /*height:250px;*/
  border: 5px solid black;
  color:white;
  padding: 30px;
  margin: 15px;
}

#Circular {
     /*background-color: #f1f8ff;*/
  /*width: 300px;*/
   /*height:250px;*/
  border: 5px solid black;
  /*color:black;*/
  padding: 30px;
  margin: 15px;
}


.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  /*width: 40%;*/
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container1 {
  padding: 2px 16px;
  color:black;
}


/*.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}

.fa:hover {
    opacity: 0.7;
}*/

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

#about1 {
    background: url(../img/bg/about-bg.jpg) center top no-repeat fixed;
    background-size: cover;
    padding: 60px 0 40px 0;
    position: relative;
}


#call-to-action {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/call-to-action-bg.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#homecount {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1red.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#Profile1 {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/bg.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#Mission {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/bg.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#Vision {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/bg.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#whowe {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/bg.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}


#Leadership {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1grn.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#Gevernance {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1grn.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}
#Advisors {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1grn.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}
#Expert {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1grn.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#OurApproach {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1w.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}
#PARTNERS {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b2w.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#OurActivities {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b2w.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#OurProject {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1blu.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}


#Donations {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1red.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#CSRPartnership {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/call-to-action-bg.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
    color:white;
}

#vidio {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b1br.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}

#SuccessStrories {
    background: linear-gradient(rgba(0, 142, 99, 0.1), rgba(0, 0, 0, 0.1)), url(../img/bg/b2w2.jpg) fixed center center;
    background-size: cover;
    padding: 60px 0;
}