body{
  position: relative;
  height: 100vh;
  width: 100vw;
  background: url(../images/ic_background_1_new.jpg) no-repeat center top;
  background-size: cover;
  overflow: hidden;
}

/*Footer*/
footer{background: #28a7451f url(../images/footer-bg.png) repeat; }
footer .top-footer-bar{ background: #20ce6a; /*border-bottom: 1px solid #72b027;*/ text-align: center; padding: 0.1rem 0}
footer nav.footer-menu{}
footer nav.footer-menu ul{ list-style: none; padding: 0px; margin: 0px}
footer nav.footer-menu ul li{ display: inline-block}
footer nav.footer-menu ul li a{ color: #fff !important; padding: .2rem .5rem; display: inline-block; font-size: 0.875rem}
footer nav.footer-menu ul li.divider{ width: 1px; height: 10px; background: #fff}

footer .footer{ padding: 0.8rem 1rem 0.0rem 0px; color: #fff}
footer .footer-logo{ padding: 0.5rem 1rem 0.5rem 0; border-right: 1px solid #f8f8f8; display: inline-block; float: left}
footer .footer-logo img{ _width: 100px}

footer .footer-line{ display: inline-block; float: left; padding: 0.3rem 0 0.3rem 0rem}

footer .credit{ display: block}
footer .credit-title{ font-size: 0.85rem; display: inline-block; margin-right: 5px}
footer .credit img{ padding: 0 0.2rem .5rem 0.2rem}

footer .social{ list-style: none; margin: 7px 0 0 0; padding: 0px; width: auto; height: 45px; display: block}
footer .social li{ display: inline-block; text-align: center; margin: 10px 3px; float: right; cursor: pointer; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out}
footer .social li:hover{ margin-top: 5px}
footer .social li i{ color: #fff; width: 35px; height: 35px; border-radius: 50%; padding-top: 9px; font-size: 1rem}
footer .social li i.fa-facebook{ background: #3b5998}
footer .social li i.fa-twitter{ background: #55acee}
footer .social li i.fa-google-plus{ background: #dc4e41}
footer .social li i.fa-linkedin{ background: #0077b5}

footer .developer-corner{ margin-top: 0px; display: block}
footer .developer-title{ font-size: 0.85rem; display: inline-block}
footer .developer{ display: block; margin-left: 10px}
footer .developer img{ height: 17px}

.logo-link{ position: absolute; top:0px; bottom: 0px}
.a2i-link{ left: 0px; width: 58px}
.cabinet-link{ left: 58px; width: 98px}
.ictd-link{ left: 155px; width: 73px}
.undp-link{ left: 226px; width: 37px}


footer .copy-right{ font-size: 0.8rem; font-size: 0.7rem; background: none; padding-left: 0px}

/*Footer*/



.loader h1 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 4em;
  color: rgb(255, 255, 255, 0.1);
  background-image: url(../img/water__.jpg);

  background-repeat: repeat-x;
  background-clip: text;
  -webkit-background-clip: text;

    /*-webkit-text-fill-color: white;  Will override color (regardless of order) */
  /* -webkit-text-stroke-width: 2px; */
  -webkit-text-stroke-color: black;
  animation: animate 15s linear infinite;

  position: absolute;
  top: 25%;
  left: 20%;
  width: 60%;
  font-weight: 900;

}


.titles h1 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 2.5rem;
  color: rgb(255, 255, 255, 0.1);
  background-image: url(../img/water__.jpg);

  background-repeat: repeat-x;
  background-clip: text;
  -webkit-background-clip: text;

    /*-webkit-text-fill-color: white;  Will override color (regardless of order) */
  /* -webkit-text-stroke-width: 2px; */
  -webkit-text-stroke-color: black;
  animation: animate 15s linear infinite;

  position: absolute;
  top: 8%;
  left: 20%;
  width: 60%;
  font-weight: 900;

}
.titles_images h1 {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 2.5rem;
  color: rgb(255, 255, 255, 0.1);
  background-image: url(../img/water__.jpg);

  background-repeat: repeat-x;
  background-clip: text;
  -webkit-background-clip: text;

    /*-webkit-text-fill-color: white;  Will override color (regardless of order) */
  /* -webkit-text-stroke-width: 2px; */
  -webkit-text-stroke-color: black;
  animation: animate 15s linear infinite;

  position: absolute;
  top: 1%;
  left: 20%;
  width: 60%;
  font-weight: 900;

}

.heading_center{

  text-transform: uppercase;
  font-size: 5vh;
  color: #ffffff;
  /* background-image: url(../img/water__.jpg); */

  /* background-repeat: repeat-x; */
  background-clip: text;
  -webkit-background-clip: text;

    /*-webkit-text-fill-color: white;  Will override color (regardless of order) */
  /* -webkit-text-stroke-width: 2px; */
  -webkit-text-stroke-color: black;
  animation: animate 15s linear infinite;

  font-weight: 900;
  text-align: center;
}
.heading_center_w{

  text-transform: uppercase;
  font-size: 6.5vh;
  color: rgb(255, 255, 255, 0.1);
  background-image: url(../img/water__.jpg);

  background-repeat: repeat-x;
  background-clip: text;
  -webkit-background-clip: text;

    /*-webkit-text-fill-color: white;  Will override color (regardless of order) */
  /* -webkit-text-stroke-width: 2px; */
  -webkit-text-stroke-color: black;
  animation: animate 15s linear infinite;

  font-weight: 900;
  text-align: center;

}

@keyframes animate {
  0% {
    background-position: left 0px top 20px;
  }
  40% {
    background-position: left 800px top -60px;
  }
  80% {
    background-position: left 1800px top -20px;
  }
  100% {
    background-position: left 2400px top 20px;
  }
}

		#carbonads {
				position: relative;
				display: block;
				overflow: hidden;
				/*max-width: 600px;*/
				/*margin: 40px auto 0;*/
				padding: 12px;
				border-radius: 5px;
				background: rgba(0,0,0,.3);
				/*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;*/
				width: 70%;
        margin-left:15%;
        max-height: 70vh;
			}
			#carbonads > span { position: relative; display: block; }
			#carbonads a { color: inherit; text-decoration: none; }
			#carbonads a:hover { color: inherit; }
			.carbon-wrap { display: flex; align-items: center; }
			.carbon-img { display: block; margin: 0; line-height: 1; }
			.carbon-img img { display: block; }
			.carbon-text {
				position: relative; display: 
				flex; margin-bottom: 12px; 
				padding: 8px 1em; 
				/*max-width: 500px;*/
				text-align: left; 
				font-size: 1.6rem; 
				line-height: 1.2; 
				align-items: center;
				color:white;

			}
			.display-text {
        position: relative; display: 
        flex; margin-bottom: 12px; 
        padding: 8px 1em; 
        /*max-width: 500px;*/
        text-align: center; 
        font-size: 1.6rem; 
        line-height: 1.2; 
        align-items: center;
        color:white;

      }
			.carbon-poweredby {
				position: absolute; bottom: 0; left: 146px; color: #cacaca !important; text-transform: uppercase;
				white-space: nowrap; letter-spacing: .5px; font-weight: 500; font-size: 10px;
			}
			@import url('https://fonts.googleapis.com/css?family=Orbitron');
			.clock {
				  font-family: 'Orbitron', sans-serif;
				  
				}
/*loaders*/
.preloader-wrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0; 
  bottom: 0;
  background: rgba(0,0,0,1);
  z-index : 2; 
}

.percentage {
  z-index: 100;
  border: 1px solid #ccc;
  text-align:center;
  color: #fff;
  line-height: 30px;
  font-size : 15px;
}

.loaders,
.percentage{
  height: 30px;
  max-width: 500px; 
  border: 2px solid #69AF23;
  border-radius: 20px;
  font-weight: 300;
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0;
  margin : auto; 
}
.loaders:after,
.percentage:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.trackbar {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  overflow: hidden;
  position: relative;
  opacity: 0.99;
}

.loadbar {
  width: 0%;
  height: 100%;
  background: repeating-linear-gradient(
  45deg, 
    #008737, 
    #008737 10px, 
    #69AF23 10px,
    #69AF23 20px
  ); /* Stripes Background Gradient */
  box-shadow: 0px 0px 14px 1px #008737; 
  position: absolute;
  top: 0;
  left: 0;
  animation: flicker 5s infinite;
  overflow: hidden;
}

.glow {
  width: 0%;
  height: 0%;
  border-radius: 20px;
  box-shadow: 0px 0px 60px 10px #008737;
  position: absolute;
  bottom: -5px;
  animation: animation 5s infinite;
}

@keyframes animation {
  10% {
    opacity: 0.9;
  }
  30% {
    opacity: 0.86;
  }
  60% {
    opacity: 0.8;
  }
  80% {
    opacity: 0.75;
  }
}


.card-header{
  background-color: #563d7c;
  color:white;
  /*box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);*/

}
.card-footer{
  background-color: #563d7c;z-index: 1422;
  border:none !important;
  /*box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1);*/

}
.carousel-control-next,
.carousel-control-prev {
    filter: invert(100%);
}
/*.sl-title{
  position: absolute;
    top: 0;
    left: 25%;
    font-size: 31px;
    background: #343a408a;
    color: white;
    font-weight: bolder;
    width: 50%;
    z-index: 1245;
}
.sl-content{
position: absolute;
    right: -1%;
    width: 20%;
    top: 10%;
    z-index: 1234;
    height: 50vh;
    background: #563e7b8c;
    border: 5px solid #563e7b;
    border-radius: 5px;
    color: white;
}*/
.sl-foo{
    position: absolute;
    bottom: 5%;
    left: 0px;
    width: 100%;
    z-index: 1234;
   background-color: #563d7c;
    color: white;
    font-size: 1.4rem;padding: 10px;
}


.card{
  border: none !important;
}

.slide_1footer_logo{
  background: #ffffff;
  opacity: 0.7;
}