@charset "utf-8";

.bg-drk-red {
            background-color: #6E001F;
            color: #FFFFFF;
        }
  
.text-orange {
    color: #e86424;
    background: transparent;
}

.bg-orange {
    background-color: #e86424;
}


.stats {
font-family: "Gill Sans MT", Helvetica, Arial, "sans-serif";
font-size: 80pt;
font-weight: bolder;
}

/* timeline styles */
 @import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

.timeline{
	width:/*800px*/100%;
	/*background-color:#072736;
	color:#fff;*/
	padding:30px 20px;
	/*box-shadow:0px 0px 10px rgba(0,0,0,.5);*/
}
.timeline ul{
	list-style-type:none;
	border-left:2px solid #e86424;
	padding:10px 5px;
}
.timeline ul li{
	padding:20px 20px;
	position:relative;
	/*cursor:pointer;*/
	transition:.5s;
}
.timeline ul li span{
	display:inline-block;
	background-color:#e86424;
	border-radius:25px;
	padding:4px 10px 2px 10px;
	font-size:20px;
    font-weight: bolder;
	text-align:center;
    color:#fff;
}
.timeline ul li span.incomp{
	display:inline-block;
	background-color:#FFFFFF;
	border-radius:25px;
    border-color:#B05C34;
	padding:4px 10px 2px 10px;
	font-size:20px;
    font-weight: bolder;
	text-align:center;
    color:#B05C34;
    cursor: default;
}
span.incomp.btn.disabled {
    opacity:.90            
        }     
.timeline ul li .content h4 h3{
	color:#000;
	font-size:20px;
	padding-top:7px;
}
.timeline ul li .content p{
	padding:5px 0px 15px 15px;
	font-size:16px;
}
.timeline ul li:before{
	position:absolute;
	content:'';
	width:15px;
	height:15px;
	background-color:#925600 /*#34ace0*/;
	border-radius:50%;
	left:-13px;
	top:28px;
	transition:.5s;
}
.timeline ul li:hover{
	background-color:#E8E8E8;
    box-shadow:0px 0px 10px rgba(0,0,0,.5);
}
.timeline ul li:hover:before{
	background-color:#e85f09 /*#0F0*/;
	box-shadow:0px 0px 10px 2px #e86424 /*#0F0*/;
}
.timeline ul li.incomp:hover, .timeline ul li .incomp:hover:before{
	background-color:#ffffff;
    box-shadow:none;
}        
@media (max-width:300px){
	.timeline{
		width:100%;
		padding:30px 5px 30px 10px;
	}
	.timeline ul li .content h3{
		color:#34ace0;
		font-size:15px;
	}

}
/* end timeline */


/*Clean drinking water */
.btn-trk {cursor: default;}
.wb-tabs.carousel-s2 figure {background-color:#6E001F; }
.prm-flpr .wb-tabs.carousel-s2 figure figcaption { font-size: 0.8em;}

.txt-overlay {
  position: relative;
  text-align: center;
 
}
		
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}
		
.centered-left {
  position: absolute;
  top: 50%;
  left: 35%;
  transform: translate(-50%, -50%);
  color: white;
}
		
.centered-right {
  position: absolute;
  top: 50%;
  right: -12%;
  transform: translate(-50%, -50%);
  color: white;
}

.wtrbg-dk_red, .wtrbg-dk_red button, .wtrbg-dk_red a {
	background-color:#6E001F;
	color:#FFF;
}
.wtrbg-dk_red .btn-default {
	background-color:#6E001F;
	color:#FFF;
}

.wtrbg-dk_grey, .wtrbg-dk_grey button, .wtrbg-dk_grey a {
	background-color:#333333;
	color:#FFF;
}

.wtrbg-dk_grey .btn-default {
	background-color:#333333;
	color:#FFF;
}

.wtrbg-teal, .wtrbg-teal button, .wtrbg-teal a {
	background-color:#006366;
	color:#FFF;
}
.wtrbg-teal .btn-default {
	background-color:#006366;
	color:#FFF;
}

/* end water */