span.country-name {
  white-space: nowrap;
  position: absolute;
  /*bottom: 0;*/
  /*left: 0;*/
  color: #FFF;
  opacity: 0;
}

span.country-name:before,
span.country-name:after {
  content: '';
  position: absolute;
  /*left:0;*/
  /*top:0;*/
}

span.country-border:before,
span.country-border:after {
  content: '';
  position: absolute;
  background: #878787;
  background: #dadada;
}

span.country-border {
  top: 55%;
  left: 5%;
  bottom: auto;
}

.country-border .dot {
  width: 10px;
  height: 10px;
  background: #00608c;
  z-index: 3;
  border-radius: 50%;
  display: block;
  position: absolute;
  opacity: 0;
  transition: all .5s ease-in;
  transform: scale(0);
  cursor: pointer;
}

/*.country-border .dot.active {
    transition: none !important;
}
.country-border .dot.active:hover {
    background: #fff;
}
*/

.country-border .dot:hover {
  background: #fff;
  transition: none;
}

.pin {
  position: absolute;
  width: 0;
  height: 0;
  transform: translate3d(0px, -100px, 200px) scale(1.32);
  opacity: 0;
}

.active-12 .pin {
  width: 20px;
  height: 32px;
}

.active-11 .pin {
  width: 20px;
  height: 32px;
  transition: all .4s cubic-bezier(0.09, 0.51, 1, 1.24);
  transition-delay: .5s;
  z-index: 1000;
  opacity: 1;
  transform: translate3d(00px, 0px, 00px) scale(1);
}

.map-wrap .africa-wrap .pin-img {
  opacity: 1;
  width: 100%;
  height: auto;
}

.pin-popup {
  display: none;
}

.active-11 .pin-active {
  z-index: 1001;
  transition: none;
  transform: none;
}

.pin-active .pin-popup {
  top: 35px;
  display: block;
  position: absolute;
  width: 400px;
  height: auto;
  background: #FFF;
  padding: 20px;
  border-radius: 5px;
  left: -10px;
}

.pin-active .pin-popup {
  top: 42px;
  display: block;
  position: absolute;
  width: 250px;
  height: auto;
  background: #FFF;
  padding: 20px;
  border-radius: 0;
  left: -19px;
  transform: translate(0);
  box-shadow: 0 0 13px #0000007a;
}

.pin-active.pin-burundi .pin-popup {
  top: 26px;
  left: -25px;
}

.pin-rwanda.pin-active .pin-popup {
  top: 23px;
  left: -25px;
}

.pin-benin.pin-active .pin-popup,
.pin-malawi.pin-active .pin-popup {
  top: 33px;
  left: -22px;
}

.pin-popup:before {
  content: "";
  border: 0;
  border-top: 0;
  position: absolute;
  left: 23px;
  top: -5px;
  width: 14px;
  height: 13px;
  transform: rotate(45deg);
  background: #FFF;
}

.pin-active.pos-right .pin-popup {
  top: -80px;
  left: calc(100% + 15px);
}

.pin-active.pos-right .pin-popup:before {
  left: -7px;
  top: 85px;
}

.pin-popup .country {
  font-size: 21px;
  border-bottom: 1px solid #dedede;
  margin-bottom: 6px;
  padding-top: 0;
}

.highlight {
  overflow: hidden;
  border-bottom: 1px solid #dedede;
  width: 100%;
  display: none;
  /* border-top: 1px solid #dedede; */
}

.pin-popup .map-partner {
  display: none;
}

.count {
  padding: 5PX 0;
  border-right: 0px solid #dedede;
  text-align: left;
  font-size: 13px;
}

.map-partnername {
  font-size: 14px;
}

.pin-popup label {
  font-size: 14px;
}

.count.counter-1 {
  padding-top: 0;
}

.count.counter-3 {
  border: 0;
}

.count-head {
  color: #cc103e;
  font-size: 18px;
}

.pin-popup>div {
  padding: 8px 0;
}

.pin-close {
  width: 20px;
  height: 20px;
  /* background: red; */
  position: absolute;
  right: 13px;
  top: 11px;
  cursor: pointer;
}

a.read-more-map {
  font-size: 13px;
  /* float: right; */
  /* color: #42c3fd; */
  font-weight: 500;
}

.pin-close:before,
.pin-close:after {
  content: "";
  height: 1px;
  width: 100%;
  display: block;
  background: #757373;
  transform: rotate(45deg);
  position: absolute;
}

.pin-close:after {
  transform: rotate(-45deg);
}

/* niger */

span.niger-border:before {
  width: 0%;
  top: 8%;
  right: 63%;
  height: 1px;
}

.active-11 .pin-niger,
span.niger-border .dot {
  left: 35.6%;
  /*bottom: 68%;*/
  bottom: 73%;
}

span.niger-border:after {
  width: 1px;
  left: 36.8%;
  height: 0%;
  /*bottom: 68%;*/
  bottom: 75%;
}

span.country-name.niger {
  top: 5.5%;
  right: 102%;
}

.active-1 span.country-name.niger {
  transition-delay: .4s;
}

.active-1 span.niger-border:before,
.active-5 span.niger-border:before,
.active-3 span.niger-border:before,
.active-4 span.niger-border:before,
.active-5 span.niger-border:before,
.active-6 span.niger-border:before,
.active-7 span.niger-border:before,
.active-8 span.niger-border:before,
.active-1 span.niger-border:before {
  width: 35.9%;
  transition-delay: .3s;
}

.active-1 span.niger-border:after,
.active-5 span.niger-border:after,
.active-3 span.niger-border:after,
.active-4 span.niger-border:after,
.active-5 span.niger-border:after,
.active-6 span.niger-border:after,
.active-7 span.niger-border:after,
.active-8 span.niger-border:after,
.active-1 span.niger-border:after {
  /*height: 24%;*/
  height: 17%;
  transition-delay: .2s;
}

.active-1 span.niger-border span {
  opacity: 1;
  transition-delay: .1s;
  transform: scale(1);
}

/* mali */

span.country-name.mali {
  top: 10.5%;
  right: 112%;
}

.active-1 span.country-name.mali {
  transition-delay: 0.7s;
}

span.mali-border:before {
  width: 0%;
  top: 13%;
  right: 78%;
  height: 1px;
}

span.mali-border:after {
  width: 1px;
  left: 21.8%;
  height: 0%;
  bottom: 76%;
}

.active-11 .pin-mali,
span.mali-border .dot {
  bottom: 75%;
  left: 20.8%;
}

.active-1 span.mali-border:before,
.active-5 span.mali-border:before,
.active-3 span.mali-border:before,
.active-4 span.mali-border:before,
.active-5 span.mali-border:before,
.active-6 span.mali-border:before,
.active-7 span.mali-border:before,
.active-8 span.mali-border:before,
.active-1 span.mali-border:before {
  width: 31.6%;
  transition-delay: 0.6s;
}

.active-1 span.mali-border:after,
.active-5 span.mali-border:after,
.active-3 span.mali-border:after,
.active-4 span.mali-border:after,
.active-5 span.mali-border:after,
.active-6 span.mali-border:after,
.active-7 span.mali-border:after,
.active-8 span.mali-border:after,
.active-1 span.mali-border:after {
  height: 11%;
  transition-delay: 0.5s;
}

.active-1 span.mali-border span {
  opacity: 1;
  transition-delay: .4s;
  transform: scale(1);
}

/*mauritania */

span.country-name.mauritania {
  /*top: 23.8%;*/
  top: 20.8%;
  right: 116%;
}

.active-1 span.country-name.mauritania {
  transition-delay: 0.9s;
}

span.mauritania-border:before {
  width: 0%;
  /*    top: 26%;
    right: 89%;*/
  top: 23.5%;
  right: 92%;
  height: 1px;
}

.active-11 .pin-mauritania,
span.mauritania-border .dot {
  /*top: 25%;*/
  top: 22.5%;
  right: 90%;
}

.active-11 .pin-mauritania {
  top: 21%;
  transition-delay: .6s;
}

span.mauritania-border:after {
  content: none;
}

.active-1 span.mauritania-border:before,
.active-5 span.mauritania-border:before,
.active-3 span.mauritania-border:before,
.active-4 span.mauritania-border:before,
.active-5 span.mauritania-border:before,
.active-6 span.mauritania-border:before,
.active-7 span.mauritania-border:before,
.active-8 span.mauritania-border:before,
.active-1 span.mauritania-border:before {
  /*width: 25%;*/
  width: 23%;
  transition-delay: 0.8s;
}

.active-1 span.mauritania-border span {
  opacity: 1;
  transition-delay: 0.7s;
  transform: scale(1);
}

/* senegal */

span.country-name.senegal {
  /*top: 29.8%;*/
  /*top: 26.8%;*/
  top: 27.8%;
  right: 113%;
}

.active-1 span.country-name.senegal {
  transition-delay: 1.2s;
}

span.senegal-border:before {
  width: 0%;
  /*top: 32%;*/
  /*    top: 29%;
    right: 97%;*/
  top: 30%;
  right: 99%;
  height: 1px;
}

span.senegal-border .dot {
  /*    top: 31%;
    right: 97%;*/
  top: 29%;
  right: 98%;
}

.active-11 .pin-senegal {
  top: 26%;
  right: 95%;
  transition-delay: .4s;
}

span.senegal-border:after {
  content: none;
}

.active-1 span.senegal-border:before,
.active-5 span.senegal-border:before,
.active-3 span.senegal-border:before,
.active-4 span.senegal-border:before,
.active-5 span.senegal-border:before,
.active-6 span.senegal-border:before,
.active-7 span.senegal-border:before,
.active-8 span.senegal-border:before,
.active-1 span.senegal-border:before {
  /*width: 14%;*/
  width: 12%;
  transition-delay: 1.1s;
}

.active-1 span.senegal-border span {
  opacity: 1;
  transition-delay: 1s;
  transform: scale(1);
}

/* guinea */

span.country-name.guinea {
  top: 34.6%;
  right: 113%;
}

.active-1 span.country-name.guinea {
  transition-delay: 1.4s;
}

span.guinea-border:before {
  width: 0%;
  top: 37%;
  /*right: 94%;*/
  right: 93%;
  height: 1px;
}

.active-11 .pin-guinea,
span.guinea-border .dot {
  top: 36%;
  /*right: 94%;*/
  right: 91%;
}

.active-11 .pin-guinea {
  top: 31%;
  right: 89%;
  transition-delay: .6s;
}

span.guinea-border:after {
  content: none;
}

.active-1 span.guinea-border:before,
.active-5 span.guinea-border:before,
.active-3 span.guinea-border:before,
.active-4 span.guinea-border:before,
.active-5 span.guinea-border:before,
.active-6 span.guinea-border:before,
.active-7 span.guinea-border:before,
.active-8 span.guinea-border:before,
.active-1 span.guinea-border:before {
  /*width: 17%;*/
  width: 18%;
  transition-delay: 1.3s;
}

.active-1 span.guinea-border span {
  opacity: 1;
  transition-delay: 1.2s;
  transform: scale(1);
}

/* burkina */

span.country-name.burkina {
  top: 39.7%;
  right: 109%;
}

.active-1 span.country-name.burkina {
  transition-delay: 1.7s;
}

span.burkina-border:before {
  width: 0%;
  top: 42%;
  right: 78%;
  height: 1px;
}

span.burkina-border:after {
  width: 1px;
  left: 21.8%;
  height: 0%;
  /*top: 35.2%;*/
  top: 33.2%;
}

.active-11 .pin-burkina,
span.burkina-border .dot {
  left: 20.8%;
  /*top: 35.2%;*/
  top: 32.2%;
}

.active-11 .pin-burkina {
  top: 29.2%;
  transition-delay: .4s;
}

.active-1 span.burkina-border:before,
.active-5 span.burkina-border:before,
.active-3 span.burkina-border:before,
.active-4 span.burkina-border:before,
.active-5 span.burkina-border:before,
.active-6 span.burkina-border:before,
.active-7 span.burkina-border:before,
.active-8 span.burkina-border:before,
.active-1 span.burkina-border:before {
  width: 29%;
  transition-delay: 1.6s;
}

.active-1 span.burkina-border:after,
.active-5 span.burkina-border:after,
.active-3 span.burkina-border:after,
.active-4 span.burkina-border:after,
.active-5 span.burkina-border:after,
.active-6 span.burkina-border:after,
.active-7 span.burkina-border:after,
.active-8 span.burkina-border:after,
.active-1 span.burkina-border:after {
  /*height: 7%;*/
  height: 9%;
  transition-delay: 1.5s;
}

.active-1 span.burkina-border span {
  opacity: 1;
  transition-delay: 1.4s;
  transform: scale(1);
}

/* liberia */

span.country-name.liberia {
  top: 47%;
  right: 113%;
}

.active-1 span.country-name.liberia {
  transition-delay: 2s;
}

span.liberia-border:before {
  width: 0%;
  top: 49.4%;
  right: 90.8%;
  height: 1px;
}

span.liberia-border:after {
  width: 1px;
  /*left: 10.8%;*/
  left: 9.2%;
  height: 0%;
  top: 44.2%;
}

.active-11 .pin-liberia,
span.liberia-border .dot {
  /*    left: 13.8%;
    top: 38.2%;*/
  /*  left: 14.4%;
 top: 39%; */
  left: 8.2%;
  top: 42%;
}

.active-11 .pin-liberia {
  top: 37.2%;
  transition-delay: .6s;
}

.active-1 span.liberia-border:before,
.active-5 span.liberia-border:before,
.active-3 span.liberia-border:before,
.active-4 span.liberia-border:before,
.active-5 span.liberia-border:before,
.active-6 span.liberia-border:before,
.active-7 span.liberia-border:before,
.active-8 span.liberia-border:before,
.active-1 span.liberia-border:before {
  /*width: 22%;*/
  width: 19%;
  transition-delay: 1.9s;
}

.active-1 span.liberia-border:after,
.active-5 span.liberia-border:after,
.active-3 span.liberia-border:after,
.active-4 span.liberia-border:after,
.active-5 span.liberia-border:after,
.active-6 span.liberia-border:after,
.active-7 span.liberia-border:after,
.active-8 span.liberia-border:after,
.active-1 span.liberia-border:after {
  height: 5.4%;
  transition-delay: 1.8s;
}

.active-1 span.liberia-border span {
  opacity: 1;
  transition-delay: 1.7s;
  transform: scale(1);
}

/* cote-divoire */

span.country-name.cote-divoire {
  top: 54.6%;
  right: 113%;
}

.active-1 span.country-name.cote-divoire {
  transition-delay: 2s;
}

span.cote-divoire-border:before {
  width: 0%;
  top: 57.3%;
  right: 84%;
  height: 1px;
}

span.cote-divoire-border:after {
  width: 1px;
  left: 15.8%;
  height: 0%;
  top: 40.2%;
}

.active-11 .pin-cote-divoire,
span.cote-divoire-border .dot {
  /*left: 9.8%;*/
  /*   left: 7.8%;
top: 43.2%; */
  left: 14.3%;
  top: 38.3%;
}

.active-11 .pin-cote-divoire {
  top: 37.2%;
  transition-delay: .6s;
}

.active-1 span.cote-divoire-border:before,
.active-5 span.cote-divoire-border:before,
.active-3 span.cote-divoire-border:before,
.active-4 span.cote-divoire-border:before,
.active-5 span.cote-divoire-border:before,
.active-6 span.cote-divoire-border:before,
.active-7 span.cote-divoire-border:before,
.active-8 span.cote-divoire-border:before,
.active-1 span.cote-divoire-border:before {
  width: 27%;
  transition-delay: 1.9s;
}

.active-1 span.cote-divoire-border:after,
.active-5 span.cote-divoire-border:after,
.active-3 span.cote-divoire-border:after,
.active-4 span.cote-divoire-border:after,
.active-5 span.cote-divoire-border:after,
.active-6 span.cote-divoire-border:after,
.active-7 span.cote-divoire-border:after,
.active-8 span.cote-divoire-border:after,
.active-1 span.cote-divoire-border:after {
  height: 17.2%;
  transition-delay: 1.8s;
}

.active-1 span.cote-divoire-border span {
  opacity: 1;
  transition-delay: 1.7s;
  transform: scale(1);
}

/*End of cote-divoire*/

/* active-7 */

span.country-name.benin {
  top: 60%;
  right: 91%;
}

.active-1 span.country-name.benin {
  transition-delay: 2.3s;
}

span.benin-border:before {
  width: 0%;
  top: 62.5%;
  /*right: 71%;*/
  right: 72.6%;
  height: 1px;
}

span.benin-border:after {
  width: 1px;
  /*left: 28.8%;*/
  left: 27.2%;
  height: 0%;
  top: 41.2%;
}

.active-11 .pin-benin,
span.benin-border .dot {
  /*left: 27.8%;*/
  left: 26.2%;
  top: 40.2%;
}

.active-11 .pin-benin {
  left: 27.8%;
  top: 34.2%;
  width: 15px;
  height: 24px;
}

.active-11 .pin-benin {
  left: 26.8%;
  top: 35.2%;
  transition-delay: .6s;
}

.active-1 span.benin-border:before,
.active-5 span.benin-border:before,
.active-3 span.benin-border:before,
.active-4 span.benin-border:before,
.active-5 span.benin-border:before,
.active-6 span.benin-border:before,
.active-7 span.benin-border:before,
.active-8 span.benin-border:before,
.active-1 span.benin-border:before {
  /*width: 17%;*/
  width: 16%;
  transition-delay: 2.2s;
}

.active-1 span.benin-border:after,
.active-5 span.benin-border:after,
.active-3 span.benin-border:after,
.active-3 span.benin-border:after,
.active-4 span.benin-border:after,
.active-5 span.benin-border:after,
.active-6 span.benin-border:after,
.active-7 span.benin-border:after,
.active-8 span.benin-border:after,
.active-1 span.benin-border:after {
  height: 21.5%;
  transition-delay: 2.1s;
}

.active-1 span.benin-border span {
  opacity: 1;
  transition-delay: 2s;
  transform: scale(1);
}

/* active-7 */

span.country-name.nigeria {
  /*top: 63%;*/
  top: 65.5%;
  right: 76%;
}

.active-1 span.country-name.nigeria {
  transition-delay: 2.6s;
}

span.nigeria-border:before {
  width: 0%;
  /*top: 65%;*/
  top: 68%;
  right: 65%;
  height: 1px;
}

span.nigeria-border:after {
  width: 1px;
  left: 35%;
  height: 0%;
  top: 41.2%;
}

.active-11 .pin-nigeria,
span.nigeria-border .dot {
  left: 33.8%;
  top: 40.2%;
}

.active-11 .pin-nigeria {
  top: 36.2%;
  transition-delay: .4s;
}

.active-1 span.nigeria-border:before,
.active-5 span.nigeria-border:before,
.active-3 span.nigeria-border:before,
.active-4 span.nigeria-border:before,
.active-5 span.nigeria-border:before,
.active-6 span.nigeria-border:before,
.active-7 span.nigeria-border:before,
.active-8 span.nigeria-border:before,
.active-1 span.nigeria-border:before {
  width: 9%;
  transition-delay: 2.5s;
}

.active-1 span.nigeria-border:after,
.active-5 span.nigeria-border:after,
.active-3 span.nigeria-border:after,
.active-4 span.nigeria-border:after,
.active-5 span.nigeria-border:after,
.active-6 span.nigeria-border:after,
.active-7 span.nigeria-border:after,
.active-8 span.nigeria-border:after,
.active-1 span.nigeria-border:after {
  /*height: 25%;*/
  height: 27%;
  transition-delay: 2.4s;
}

.active-1 span.nigeria-border span {
  opacity: 1;
  transition-delay: 2.3s;
  transform: scale(1);
}

/* zambia */

span.country-name.zambia {
  top: 95%;
  left: 77%;
}

.active-1 span.country-name.zambia {
  transition-delay: 2.9s;
}

span.zambia-border:before {
  width: 0%;
  bottom: 2.5%;
  left: 64%;
  height: 1px;
}

span.zambia-border:after {
  width: 1px;
  left: 63.8%;
  height: 0%;
  bottom: 2.5%;
}

.active-11 .pin-zambia,
span.zambia-border .dot {
  /*    left: 61.8%;
    bottom: 27.5%;*/
  left: 62.55%;
  bottom: 24.5%;
}

.active-1 span.zambia-border:before,
.active-5 span.zambia-border:before,
.active-3 span.zambia-border:before,
.active-4 span.zambia-border:before,
.active-5 span.zambia-border:before,
.active-6 span.zambia-border:before,
.active-7 span.zambia-border:before,
.active-8 span.zambia-border:before,
.active-1 span.zambia-border:before {
  width: 11%;
  transition-delay: 2.8s;
}

.active-1 span.zambia-border:after,
.active-5 span.zambia-border:after,
.active-3 span.zambia-border:after,
.active-4 span.zambia-border:after,
.active-5 span.zambia-border:after,
.active-6 span.zambia-border:after,
.active-7 span.zambia-border:after,
.active-8 span.zambia-border:after,
.active-1 span.zambia-border:after {
  height: 23%;
  /*height: 21%;*/
  transition-delay: 2.7s;
}

.active-1 span.zambia-border span {
  opacity: 1;
  transition-delay: 2.6s;
  transform: scale(1);
}

/* zimbabwe */

span.country-name.zimbabwe {
  top: 90.2%;
  left: 79.5%;
}

.active-1 span.country-name.zimbabwe {
  transition-delay: 2.6s;
}

span.zimbabwe-border:before {
  width: 0%;
  bottom: 7.2%;
  left: 68%;
  height: 1px;
}

span.zimbabwe-border:after {
  width: 1px;
  left: 67.8%;
  height: 0;
  top: 81.8%;
}

.active-11 .pin-zimbabwe,
span.zimbabwe-border .dot {
  left: 66.8%;
  /*bottom: 20.5%;*/
  bottom: 17.8%;
}

.active-1 span.zimbabwe-border:before,
.active-5 span.zimbabwe-border:before,
.active-3 span.zimbabwe-border:before,
.active-4 span.zimbabwe-border:before,
.active-5 span.zimbabwe-border:before,
.active-6 span.zimbabwe-border:before,
.active-7 span.zimbabwe-border:before,
.active-8 span.zimbabwe-border:before,
.active-1 span.zimbabwe-border:before {
  width: 10%;
  transition-delay: 2.5s;
}

.active-1 span.zimbabwe-border:after,
.active-5 span.zimbabwe-border:after,
.active-3 span.zimbabwe-border:after,
.active-4 span.zimbabwe-border:after,
.active-5 span.zimbabwe-border:after,
.active-6 span.zimbabwe-border:after,
.active-7 span.zimbabwe-border:after,
.active-8 span.zimbabwe-border:after,
.active-1 span.zimbabwe-border:after {
  height: 11%;
  transition-delay: 2.4s;
}

.active-1 span.zimbabwe-border span {
  opacity: 1;
  transition-delay: 2.3s;
  transform: scale(1);
}

/* malawi */

span.country-name.malawi {
  left: 107%;
  top: 70.4%;
}

.active-1 span.country-name.malawi {
  transition-delay: 2.3s;
}

span.malawi-border:before {
  width: 0%;
  /*left: 74.9%;*/
  left: 76.9%;
  bottom: 27%;
  height: 1px;
}

span.malawi-border:after {
  width: 1px;
  right: 25%;
  height: 0%;
  top: 70%;
}

.active-11 .pin-malawi,
span.malawi-border .dot {
  /*    right: 24%;
    top: 70%;*/
  right: 21%;
  top: 71.68%;
  /*    width: 8px;
    height: 8px;*/
}

.active-11 .pin-malawi {
  right: 24%;
  top: 66%;
  width: 15px;
  height: 24px;
  transition-delay: .6s;
}

.active-1 span.malawi-border:before,
.active-5 span.malawi-border:before,
.active-3 span.malawi-border:before,
.active-4 span.malawi-border:before,
.active-5 span.malawi-border:before,
.active-6 span.malawi-border:before,
.active-7 span.malawi-border:before,
.active-8 span.malawi-border:before,
.active-1 span.malawi-border:before {
  /*width: 30%;*/
  width: 28%;
  transition-delay: 2.2s;
}

.active-1 span.malawi-border:after,
.active-5 span.malawi-border:after,
.active-3 span.malawi-border:after,
.active-4 span.malawi-border:after,
.active-5 span.malawi-border:after,
.active-6 span.malawi-border:after,
.active-7 span.malawi-border:after,
.active-8 span.malawi-border:after,
.active-1 span.malawi-border:after {
  /*height: 3%;*/
  height: 0;
  transition-delay: 2.1s;
}

.active-1 span.malawi-border span {
  opacity: 1;
  transition-delay: 2s;
  transform: scale(1);
}

/* tanzania */

span.country-name.tanzania {
  left: 95%;
  top: 62.4%;
}

.active-1 span.country-name.tanzania {
  transition-delay: 1.9s;
}

span.tanzania-border:before {
  width: 0%;
  bottom: 35%;
  left: 79%;
  height: 1px;
}

.active-11 .pin-tanzania,
span.tanzania-border .dot {
  bottom: 34%;
  left: 78%;
}

span.tanzania-border:after {
  content: none;
}

.active-1 span.tanzania-border:before,
.active-5 span.tanzania-border:before,
.active-3 span.tanzania-border:before,
.active-4 span.tanzania-border:before,
.active-5 span.tanzania-border:before,
.active-6 span.tanzania-border:before,
.active-7 span.tanzania-border:before,
.active-8 span.tanzania-border:before,
.active-1 span.tanzania-border:before {
  width: 15%;
  transition-delay: 1.8s;
}

.active-1 span.tanzania-border span {
  opacity: 1;
  transition-delay: 1.7s;
  transform: scale(1);
}

/* burundi*/

span.country-name.burundi {
  top: 58.5%;
  left: 92%;
}

.active-1 span.country-name.burundi {
  transition-delay: 1.7s;
}

span.burundi-border:before {
  width: 0%;
  /*left: 69%;*/
  left: 71%;
  /*bottom: 40%;*/
  bottom: 39%;
  height: 1px;
}

span.burundi-border:after {
  width: 1px;
  /*right: 30.8%;*/
  right: 28.8%;
  height: 0%;
  /*top: 56.6%;*/
  top: 57.5%;
}

.active-11 .pin-burundi,
span.burundi-border .dot {
  /*right: 29.8%;*/
  right: 27.8%;
  top: 56.6%;
}

.active-11 .pin-burundi {
  right: 29.8%;
  top: 54.3%;
  width: 10px;
  height: 16px;
  transition-delay: .6s;
}

.active-1 span.burundi-border:before,
.active-5 span.burundi-border:before,
.active-3 span.burundi-border:before,
.active-4 span.burundi-border:before,
.active-5 span.burundi-border:before,
.active-6 span.burundi-border:before,
.active-7 span.burundi-border:before,
.active-8 span.burundi-border:before,
.active-1 span.burundi-border:before {
  /*width: 21%;*/
  width: 19%;
  transition-delay: 1.6s;
}

.active-1 span.burundi-border:after,
.active-5 span.burundi-border:after,
.active-3 span.burundi-border:after,
.active-4 span.burundi-border:after,
.active-5 span.burundi-border:after,
.active-6 span.burundi-border:after,
.active-7 span.burundi-border:after,
.active-8 span.burundi-border:after,
.active-1 span.burundi-border:after {
  height: 3.5%;
  transition-delay: 1.5s;
}

.active-1 span.burundi-border span {
  opacity: 1;
  transition-delay: 1.4s;
  transform: scale(1);
}

/* rwanda */

span.country-name.rwanda {
  top: 52.2%;
  left: 97%;
}

.active-1 span.country-name.rwanda {
  transition-delay: 1.4s;
}

span.rwanda-border:before {
  width: 0%;
  top: 54.4%;
  /*left: 69%;*/
  left: 71%;
  height: 1px;
}

span.rwanda-border:after {
  content: none;
}

.active-11 .pin-rwanda,
span.rwanda-border .dot {
  /*left: 69%;*/
  left: 69.5%;
  top: 53.4%;
}

.active-11 .pin-rwanda {
  width: 10px;
  left: 67.5%;
  height: 16px;
  top: 51.5%;
  transition-delay: .4s;
}

.active-1 span.rwanda-border:before,
.active-5 span.rwanda-border:before,
.active-3 span.rwanda-border:before,
.active-4 span.rwanda-border:before,
.active-5 span.rwanda-border:before,
.active-6 span.rwanda-border:before,
.active-7 span.rwanda-border:before,
.active-8 span.rwanda-border:before,
.active-1 span.rwanda-border:before {
  width: 24%;
  transition-delay: 1.3s;
}

.active-1 span.rwanda-border span {
  opacity: 1;
  transition-delay: 1.2s;
  transform: scale(1);
}

/* kenya */

span.country-name.kenya {
  top: 47.8%;
  left: 103%;
}

.active-1 span.country-name.kenya {
  transition-delay: 1.2s;
}

span.kenya-border:before {
  width: 0%;
  top: 50%;
  left: 82%;
  height: 1px;
}

.active-11 .pin-kenya,
span.kenya-border .dot {
  top: 49%;
  left: 81%;
}

span.kenya-border:after {
  content: none;
}

.active-1 span.kenya-border:before,
.active-5 span.kenya-border:before,
.active-3 span.kenya-border:before,
.active-4 span.kenya-border:before,
.active-5 span.kenya-border:before,
.active-6 span.kenya-border:before,
.active-7 span.kenya-border:before,
.active-8 span.kenya-border:before,
.active-1 span.kenya-border:before {
  width: 19%;
  transition-delay: 1.1s;
}

.active-1 span.kenya-border span {
  opacity: 1;
  transition-delay: 1s;
  transform: scale(1);
}

/* active-7 */

span.country-name.uganda {
  top: 43.8%;
  left: 106%;
}

.active-1 span.country-name.uganda {
  transition-delay: 1s;
}

span.uganda-border:before {
  width: 0%;
  top: 46%;
  /*left: 73%;*/
  left: 75%;
  height: 1px;
}

span.uganda-border:after {
  width: 1px;
  /*right: 26.8%;*/
  right: 24.8%;
  height: 0%;
  bottom: 50%;
}

.active-11 .pin-uganda,
span.uganda-border .dot {
  /*right: 25.8%;*/
  right: 23.8%;
  bottom: 49%;
}

.active-1 span.uganda-border:before,
.active-5 span.uganda-border:before,
.active-3 span.uganda-border:before,
.active-4 span.uganda-border:before,
.active-5 span.uganda-border:before,
.active-6 span.uganda-border:before,
.active-7 span.uganda-border:before,
.active-8 span.uganda-border:before,
.active-1 span.uganda-border:before {
  /*width: 31%;*/
  width: 28%;
  transition-delay: 0.9s;
}

.active-1 span.uganda-border:after,
.active-5 span.uganda-border:after,
.active-3 span.uganda-border:after,
.active-4 span.uganda-border:after,
.active-5 span.uganda-border:after,
.active-6 span.uganda-border:after,
.active-7 span.uganda-border:after,
.active-8 span.uganda-border:after,
.active-1 span.uganda-border:after {
  height: 4%;
  transition-delay: 0.8s;
}

.active-1 span.uganda-border span {
  opacity: 1;
  transition-delay: 0.7s;
  transform: scale(1);
}

/* active-7 */

span.country-name.somalia {
  top: 38.8%;
  /*left: 106%;*/
  left: 109%;
}

.active-1 span.country-name.somalia {
  transition-delay: 0.7s;
}

span.somalia-border:before {
  width: 0%;
  top: 41%;
  /*left: 96.6%;*/
  left: 100%;
  height: 1px;
}

.active-11 .pin-somalia,
span.somalia-border .dot {
  top: 40%;
  /*left: 96.6%;*/
  left: 99.6%;
}

.active-11 .pin-somalia {
  top: 33%;
  left: 92.6%;
  transition-delay: .6s;
}

span.somalia-border:after {
  content: none;
}

.active-1 span.somalia-border:before,
.active-5 span.somalia-border:before,
.active-3 span.somalia-border:before,
.active-4 span.somalia-border:before,
.active-5 span.somalia-border:before,
.active-6 span.somalia-border:before,
.active-7 span.somalia-border:before,
.active-8 span.somalia-border:before,
.active-1 span.somalia-border:before {
  width: 7%;
  transition-delay: 0.5s;
}

.active-1 span.somalia-border span {
  opacity: 1;
  transition-delay: 0.4s;
  transform: scale(1);
}

/* active-7 */

span.country-name.south-sudan {
  top: 27.8%;
  left: 101%;
}

.active-1 span.country-name.south-sudan {
  transition-delay: 0.4s;
}

span.south-sudan-border:before {
  width: 0%;
  top: 30%;
  left: 68%;
  height: 1px;
}

span.south-sudan-border:after {
  width: 1px;
  right: 31.8%;
  height: 0%;
  bottom: 58%;
}

.active-11 .pin-south-sudan,
span.south-sudan-border .dot {
  right: 30.5%;
  bottom: 57.3%;
}

.active-1 span.south-sudan-border:before,
.active-5 span.south-sudan-border:before,
.active-3 span.south-sudan-border:before,
.active-4 span.south-sudan-border:before,
.active-5 span.south-sudan-border:before,
.active-6 span.south-sudan-border:before,
.active-7 span.south-sudan-border:before,
.active-8 span.south-sudan-border:before,
.active-1 span.south-sudan-border:before {
  width: 31%;
  transition-delay: 0.3s;
}

.active-1 span.south-sudan-border:after,
.active-5 span.south-sudan-border:after,
.active-3 span.south-sudan-border:after,
.active-4 span.south-sudan-border:after,
.active-5 span.south-sudan-border:after,
.active-6 span.south-sudan-border:after,
.active-7 span.south-sudan-border:after,
.active-8 span.south-sudan-border:after,
.active-1 span.south-sudan-border:after {
  height: 12%;
  transition-delay: 0.2s;
}

.active-1 span.south-sudan-border span {
  opacity: 1;
  transition-delay: 0.1s;
  transform: scale(1);
}

/* active-7 */

span.country-name {
  opacity: 0;
  transform: scale(0);
  transition: all .2s ease-in;
  z-index: 10;
}

.active-1 span.country-name,
.active-5 span.country-name,
.active-3 span.country-name,
.active-4 span.country-name,
.active-5 span.country-name,
.active-6 span.country-name,
.active-7 span.country-name,
.active-8 span.country-name,
.active-1 span.country-name {
  transform: scale(1);
}

span.country-border:before,
span.country-border:after {
  opacity: 0;
  transition: all .2s ease-in;
}

.map-wrap .country-name,
.map-wrap span.country-border:before,
.map-wrap span.country-border:after {
  opacity: 1;
}

.map-wrap.active-5 span.country-name,
.map-wrap.active-3 span.country-name,
.map-wrap.active-4 span.country-name,
.map-wrap.active-5 span.country-name,
.map-wrap.active-6 span.country-name,
.map-wrap.active-7 span.country-name,
.map-wrap.active-8 span.country-name,
.map-wrap.active-5 span.country-border:before,
.map-wrap.active-3 span.country-border:before,
.map-wrap.active-4 span.country-border:before,
.map-wrap.active-5 span.country-border:before,
.map-wrap.active-6 span.country-border:before,
.map-wrap.active-7 span.country-border:before,
.map-wrap.active-8 span.country-border:before,
.map-wrap.active-5 span.country-border span,
.map-wrap.active-3 span.country-border span,
.map-wrap.active-4 span.country-border span,
.map-wrap.active-5 span.country-border span,
.map-wrap.active-6 span.country-border span,
.map-wrap.active-7 span.country-border span,
.map-wrap.active-8 span.country-border span,
.map-wrap.active-5 span.country-border:after,
.map-wrap.active-3 span.country-border:after,
.map-wrap.active-4 span.country-border:after,
.map-wrap.active-5 span.country-border:after,
.map-wrap.active-6 span.country-border:after,
.map-wrap.active-7 span.country-border:after,
.map-wrap.active-8 span.country-border:after {
  transition-delay: 0s;
  transition: none 0s ease-in;
}

.map-wrap.active-2 .country-name,
.map-wrap.active-2 span.country-border:before,
.map-wrap.active-2 span.country-border:after,
.map-wrap.active-2 span.country-border span,
.map-wrap.active-12 .country-name,
.map-wrap.active-12 span.country-border:before,
.map-wrap.active-12 span.country-border:after,
.map-wrap.active-12 span.country-border span,
.map-wrap.active-13 .country-name,
.map-wrap.active-13 span.country-border:before,
.map-wrap.active-13 span.country-border:after,
.map-wrap.active-13 span.country-border span {
  transition-delay: 0s;
  opacity: 0;
}

.map-wrap.active-1 span.country-border:before,
.map-wrap.active-1 span.country-border:after,
.map-wrap.active-5 span.country-border:before,
.map-wrap.active-5 span.country-border:after,
.map-wrap.active-3 span.country-border:before,
.map-wrap.active-3 span.country-border:after,
.map-wrap.active-4 span.country-border:before,
.map-wrap.active-4 span.country-border:after,
.map-wrap.active-5 span.country-border:before,
.map-wrap.active-5 span.country-border:after,
.map-wrap.active-6 span.country-border:before,
.map-wrap.active-6 span.country-border:after,
.map-wrap.active-7 span.country-border:before,
.map-wrap.active-7 span.country-border:after,
.map-wrap.active-8 span.country-border:before,
.map-wrap.active-8 span.country-border:after {
  /*background: #878787;*/
  background: #fff;
}

.anim-dot.map-wrap span.country-border:before,
.anim-dot.map-wrap span.country-border:after,
.anim-dot.map-wrap span.country-border span {
  transition: none;
}

/*
.map-wrap span.no-programs,
.map-wrap span.energy,
.map-wrap span.agriculture,
.map-wrap span.youth-led{
    opacity: 0;
    visibility: hidden;
}


 congo */

span.country-name.congo {
  /*  top: 23%;
  left: 86%;*/
  top: 75%;
  right: 65%;
}

.active-1 span.country-name.congo {
  transform: scale(0);
}

.active-8 span.country-name.congo {
  transform: scale(1);
}

.map-wrap.active-8 span.country-name.congo {
  transition: all .2s ease-in;
  transition-delay: 0.6s;
}

span.congo-border:before {
  width: 0%;
  /*top: 25%;*/
  /*left: 61%;*/
  top: 77%;
  right: 39%;
  height: 1px;
}

span.congo-border:after {
  width: 1px;
  /*right: 38.8%;*/
  height: 0%;
  /*bottom: 47%;*/
  right: 39%;
  /*bottom: 23%;*/
  top: 54%;
  bottom: auto;
}

span.congo-border .dot {
  right: 37.8%;
  bottom: 46%;
}

.active-1 span.congo-border:before,
.active-5 span.congo-border:before,
.active-3 span.congo-border:before,
.active-4 span.congo-border:before,
.active-5 span.congo-border:before,
.active-6 span.congo-border:before,
.active-7 span.congo-border:before,
.active-8 span.congo-border:before {
  width: 22%;
}

.map-wrap.active-8 span.congo-border:before {
  transition: all .2s ease-in;
  transition-delay: 0.4s;
}

.active-1 span.congo-border:after,
.active-5 span.congo-border:after,
.active-3 span.congo-border:after,
.active-4 span.congo-border:after,
.active-5 span.congo-border:after,
.active-6 span.congo-border:after,
.active-7 span.congo-border:after,
.active-8 span.congo-border:after {
  height: 28.8%;
}

.map-wrap.active-8 span.congo-border:after {
  transition: all .2s ease-in;
  transition-delay: 0.2s;
}

/* ethiopia */

span.country-name.ethiopia {
  left: auto;
  top: 32%;
  left: 101%;
}

.active-1 span.country-name.ethiopia,
.active-8 span.country-name.ethiopia,
.active-7 span.country-name.ethiopia {
  transform: scale(0);
}

.active-7 span.country-name.ethiopia {
  transform: scale(1);
}

.map-wrap.active-7 span.country-name.ethiopia {
  transition: all .2s ease-in;
  transition-delay: 0.4s;
}

span.ethiopia-border:before {
  width: 0%;
  top: 34.5%;
  left: 83%;
  height: 1px;
}

span.ethiopia-border:after {
  width: 1px;
  right: 16.8%;
  height: 0%;
  bottom: 57.5%;
}

span.ethiopia-border .dot {
  right: 15.8%;
  bottom: 57.5%;
}

.active-1 span.ethiopia-border:before,
.active-5 span.ethiopia-border:before,
.active-3 span.ethiopia-border:before,
.active-4 span.ethiopia-border:before,
.active-5 span.ethiopia-border:before,
.active-6 span.ethiopia-border:before,
.active-7 span.ethiopia-border:before {
  width: 17%;
}

.map-wrap.active-6 span.ethiopia-border:before {
  transition: all .2s ease-in;
  transition-delay: 0.2s;
}

.active-1 span.ethiopia-border:after,
.active-5 span.ethiopia-border:after,
.active-3 span.ethiopia-border:after,
.active-4 span.ethiopia-border:after,
.active-5 span.ethiopia-border:after,
.active-6 span.ethiopia-border:after {
  height: 8%;
}

.map-wrap.active-7 span.ethiopia-border:after {
  transition: all .2s ease-in;
  transition-delay: 1s;
}

/* Ghana */

span.country-name.ghana {
  top: 52%;
  right: 99%;
}

.active-1 span.country-name.ghana,
.active-8 span.country-name.ghana,
.active-7 span.country-name.ghana {
  transform: scale(0);
}

.active-7 span.country-name.ghana {
  transform: scale(1);
}

.map-wrap.active-7 span.country-name.ghana {
  transition: all .2s ease-in;
  transition-delay: 0.6s;
}

span.ghana-border:before {
  width: 0%;
  top: 54.3%;
  right: 76%;
  height: 1px;
}

span.ghana-border:after {
  width: 1px;
  left: 23.8%;
  height: 0%;
  top: 42.2%;
}

span.ghana-border .dot {
  left: 22.8%;
  top: 42.2%;
}

.active-1 span.ghana-border:before,
.active-5 span.ghana-border:before,
.active-3 span.ghana-border:before,
.active-4 span.ghana-border:before,
.active-5 span.ghana-border:before,
.active-6 span.ghana-border:before,
.active-7 span.ghana-border:before {
  width: 21%;
}

.map-wrap.active-7 span.ghana-border:before {
  transition: all .2s ease-in;
  transition-delay: 0.4s;
}

.active-1 span.ghana-border:after,
.active-5 span.ghana-border:after,
.active-3 span.ghana-border:after,
.active-4 span.ghana-border:after,
.active-5 span.ghana-border:after,
.active-6 span.ghana-border:after,
.active-7 span.ghana-border:after {
  height: 12.2%;
}

.map-wrap.active-7 span.ghana-border:after {
  transition: all .2s ease-in;
  transition-delay: 0.2s;
}

/* Madagascar */

span.country-name.madagascar {
  left: 107%;
  top: 76%;
}

span.madagascar-border:before {
  width: 0%;
  bottom: 22%;
  left: 92%;
  height: 1px;
}

span.madagascar-border .dot {
  bottom: 21%;
  left: 92%;
}

span.madagascar-border:after {
  content: none;
}

.active-1 span.country-name.madagascar,
.active-8 span.country-name.madagascar,
.active-7 span.country-name.madagascar,
.active-6 span.country-name.madagascar {
  transform: scale(0);
}

.active-6 span.country-name.madagascar {
  transform: scale(1);
}

.map-wrap.active-6 span.country-name.madagascar {
  transition: all .2s ease-in;
  transition-delay: 0.4s;
}

.active-1 span.madagascar-border:before,
.active-5 span.madagascar-border:before,
.active-3 span.madagascar-border:before,
.active-4 span.madagascar-border:before,
.active-5 span.madagascar-border:before,
.active-6 span.madagascar-border:before {
  width: 12%;
}

.map-wrap.active-6 span.madagascar-border:before {
  transition: all .2s ease-in;
  transition-delay: 0.2s;
}

/* south-africa */

span.country-name.south-africa {
  top: 97.5%;
  /*right: 63%;*/
  left: 71%;
}

span.south-africa-border:before {
  width: 0%;
  bottom: 0%;
  left: 62%;
  height: 1px;
}

span.south-africa-border .dot {
  bottom: 4%;
  right: 41%;
}

span.south-africa-border:after {
  content: none;
}

span.south-africa-border:after {
  content: "";
  width: 1px;
  bottom: 0;
  height: 0%;
  right: 38%;
}

.active-1 span.country-name.south-africa,
.active-8 span.country-name.south-africa,
.active-7 span.country-name.south-africa,
.active-6 span.country-name.south-africa {
  transform: scale(0);
}

.active-6 span.country-name.south-africa {
  transform: scale(1);
}

.map-wrap.active-6 span.country-name.south-africa {
  transition: all .2s ease-in;
  transition-delay: 0.4s;
}

.active-1 span.south-africa-border:before,
.active-5 span.south-africa-border:before,
.active-3 span.south-africa-border:before,
.active-4 span.south-africa-border:before,
.active-5 span.south-africa-border:before,
.active-6 span.south-africa-border:before {
  width: 7%;
}

.active-1 span.south-africa-border:after,
.active-5 span.south-africa-border:after,
.active-3 span.south-africa-border:after,
.active-4 span.south-africa-border:after,
.active-5 span.south-africa-border:after,
.active-6 span.south-africa-border:after {
  height: 4%;
}

.map-wrap.active-6 span.south-africa-border:before {
  transition: all .2s ease-in;
  transition-delay: 0.2s;
}

.map-wrap.active-6 span.south-africa-border:after {
  transition: all .2s ease-in;
  transition-delay: 0s;
}

/* last */

span.country-name.botswana {
  top: 101%;
  right: 0%;
}

span.botswana-border:before {
  width: 0%;
  bottom: -3.5%;
  right: 21%;
  height: 1px;
}

span.botswana-border .dot {
  bottom: 15%;
  right: 43%;
}

span.botswana-border:after {
  content: "";
  height: 0%;
  width: 1px;
  top: 82.5%;
  right: 42%;
}

.active-1 span.country-name.botswana,
.active-8 span.country-name.botswana,
.active-7 span.country-name.botswana,
.active-6 span.country-name.botswana,
.active-5 span.country-name.botswana,
.active-4 span.country-name.botswana,
.active-3 span.country-name.botswana {
  transform: scale(0);
}

.active-5 span.country-name.botswana {
  transform: scale(1);
}

.map-wrap.active-5 span.country-name.botswana {
  transition: all .2s ease-in;
  transition-delay: .4s;
}

.active-1 span.botswana-border:before,
.active-5 span.botswana-border:before {
  width: 21%;
}

.active-1 span.botswana-border:after,
.active-5 span.botswana-border:after {
  height: 21%;
}

.map-wrap.active-5 span.botswana-border:after {
  transition: all 0.2s ease-in;
  transition-delay: 0s;
}

.map-wrap.active-5 span.botswana-border:before {
  transition: all 0.2s ease-in;
  transition-delay: 0.2s;
}

/* */

span.country-name.namibia {
  top: 82.3%;
  right: 69%;
}

span.namibia-border:before {
  width: 0%;
  bottom: 14.9%;
  right: 51.4%;
  height: 1px;
  transition: none;
}

span.namibia-border .dot {
  bottom: 14%;
  right: 49%;
}

span.namibia-border:after {
  content: none;
}

.active-1 span.country-name.namibia,
.active-8 span.country-name.namibia,
.active-7 span.country-name.namibia,
.active-6 span.country-name.namibia,
.active-5 span.country-name.namibia,
.active-4 span.country-name.namibia,
.active-3 span.country-name.namibia {
  transform: scale(0);
}

.active-5 span.country-name.namibia {
  transform: scale(1);
}

.map-wrap.active-5 span.country-name.namibia {
  transition: all .2s ease-in;
  transition-delay: .2s;
}

.active-1 span.namibia-border:before,
.active-5 span.namibia-border:before {
  width: 14%;
}

.map-wrap.active-5 span.namibia-border:before {
  transition: all .2s ease-in;
  transition-delay: 0s;
}

.active-1 span.country-name.namibia {
  transform: scale(1);
  transition-delay: 3.8s;
}

.active-1 span.namibia-border:before {
  transition-delay: 3.5s;
}

.active-1 span.namibia-border span {
  opacity: 1;
  transition-delay: 3.2s;
  transform: scale(1);
}

/* */

span.country-name.togo {
  top: 56%;
  right: 91%;
}

span.togo-border:before {
  width: 0%;
  top: 58.3%;
  right: 72.5%;
  height: 1px;
}

span.togo-border:after {
  width: 1px;
  left: 27.2%;
  height: 0%;
  top: 43.2%;
}

span.togo-border .dot {
  left: 26.2%;
  top: 43.2%;
}

.active-1 span.country-name.togo,
.active-8 span.country-name.togo,
.active-7 span.country-name.togo,
.active-6 span.country-name.togo,
.active-5 span.country-name.togo,
.active-4 span.country-name.togo,
.active-3 span.country-name.togo {
  transform: scale(0);
}

.active-1 span.country-name.togo {
  transform: scale(1);
}

.map-wrap.active-5 span.country-name.togo {
  transition: all .2s ease-in;
  transition-delay: .4s;
}

.active-1 span.togo-border:before,
.active-5 span.togo-border:before {
  width: 15%;
}

.map-wrap.active-5 span.togo-border:before {
  transition: all .2s ease-in;
  transition-delay: .2s;
}

.active-1 span.togo-border:after,
.active-5 span.togo-border:after {
  height: 15.2%;
}

.map-wrap.active-5 span.togo-border:after {
  transition: all .2s ease-in;
  transition-delay: 0s;
}

/* */

span.country-name.cameroon {
  top: 67.5%;
  right: 89%;
}

span.cameroon-border:before {
  width: 0%;
  top: 69.5%;
  right: 57.9%;
  height: 1px;
}

span.cameroon-border:after {
  width: 1px;
  right: 57.8%;
  height: 0%;
  top: 45.2%;
}

span.cameroon-border .dot {
  right: 55.8%;
  bottom: 54.2%;
}

.active-1 span.country-name.cameroon,
.active-8 span.country-name.cameroon,
.active-7 span.country-name.cameroon,
.active-6 span.country-name.cameroon,
.active-5 span.country-name.cameroon,
.active-4 span.country-name.cameroon,
.active-3 span.country-name.cameroon {
  transform: scale(0);
}

.active-1 span.country-name.cameroon {
  transform: scale(1);
}

.map-wrap.active-5 span.country-name.cameroon {
  transition: all .2s ease-in;
  transition-delay: .4s;
}

.active-1 span.cameroon-border:before,
.active-5 span.cameroon-border:before {
  width: 30%;
}

.map-wrap.active-5 span.cameroon-border:before {
  transition: all .2s ease-in;
  transition-delay: .2s;
}

.active-1 span.cameroon-border:after,
.active-5 span.cameroon-border:after {
  height: 24.5%;
}

.map-wrap.active-5 span.cameroon-border:after {
  transition: all .2s ease-in;
  transition-delay: 0s;
}

/* */

span.country-name.chad {
  top: 71.5%;
  left: 19%;
}

span.chad-border:before {
  width: 0%;
  top: 73.5%;
  right: 48%;
  height: 1px;
}

span.chad-border:after {
  width: 1px;
  right: 47.8%;
  height: 0%;
  top: 30.5%;
}

span.chad-border .dot {
  right: 46.8%;
  bottom: 67.5%;
}

.active-1 span.country-name.chad,
.active-8 span.country-name.chad,
.active-7 span.country-name.chad,
.active-6 span.country-name.chad,
.active-5 span.country-name.chad,
.active-4 span.country-name.chad,
.active-3 span.country-name.chad {
  transform: scale(0);
}

.active-5 span.country-name.chad {
  transform: scale(1);
}

.map-wrap.active-5 span.country-name.chad {
  transition: all .2s ease-in;
  transition-delay: .4s;
}

.active-1 span.chad-border:before,
.active-5 span.chad-border:before {
  width: 22%;
}

.map-wrap.active-5 span.chad-border:before {
  transition: all .2s ease-in;
  transition-delay: .2s;
}

.active-1 span.chad-border:after,
.active-5 span.chad-border:after {
  height: 43%;
}

.map-wrap.active-5 span.chad-border:after {
  transition: all .2s ease-in;
  transition-delay: 0s;
}

/* */

span.country-name.mozambique {
  top: 85%;
  left: 84%;
}

span.mozambique-border:before {
  width: 0%;
  left: 74.8%;
  bottom: 13%;
  height: 1px;
}

span.mozambique-border:after {
  width: 1px;
  right: 25%;
  height: 0%;
  top: 78%;
}

span.mozambique-border .dot {
  right: 24%;
  top: 78%;
}

.active-1 span.country-name.mozambique,
.active-8 span.country-name.mozambique,
.active-7 span.country-name.mozambique,
.active-6 span.country-name.mozambique,
.active-5 span.country-name.mozambique,
.active-4 span.country-name.mozambique,
.active-3 span.country-name.mozambique {
  transform: scale(0);
}

.active-5 span.country-name.mozambique {
  transform: scale(1);
}

.map-wrap.active-5 span.country-name.mozambique {
  transition: all .2s ease-in;
  transition-delay: .4s;
}

.active-1 span.mozambique-border:before,
.active-5 span.mozambique-border:before {
  width: 7.1%;
}

.map-wrap.active-5 span.mozambique-border:before {
  transition: all .2s ease-in;
  transition-delay: .2s;
}

.active-1 span.mozambique-border:after,
.active-5 span.mozambique-border:after {
  height: 9%;
}

.map-wrap.active-5 span.mozambique-border:after {
  transition: all .2s ease-in;
  transition-delay: 0s;
}

/************* how we work ****************/

.mapContent.how-we-work .step-2 {
  opacity: 0 !important;
  transition: all 0.5s ease 1.5s !important;
  transform: none !important;
}

.mapContent.how-we-work .step-1 {
  opacity: 0 !important;
  transition: all 0.5s ease 2s !important;
  transform: none !important;
}

.mapContent.how-we-work.active .step-1,
.mapContent.how-we-work.active .step-2 {
  opacity: 1 !important;
}

.map-wrap.single-step-map.active-4 .pin {
  transition-delay: 1.7s !important;
}

.map-wrap.single-step-map .country-name,
.map-wrap.single-step-map .country-border {
  display: none !important;
}

/*Edits on feedback*/

.active-11 .pin-congo {
  left: 58.5%;
  top: 48.5%;
}

.active-1 span.country-name.congo {
  transform: scale(1);
}

.active-1 span.congo-border:before {
  /*width: 22%;*/
  width: 23%;
  /*transition-delay: .6s;*/
  transition-delay: 2.9s;
}

.active-1 span.country-name.congo {
  transition-delay: 3s;
}

.active-1 span.congo-border:after {
  /*height: 28.8%;*/
  /*height: 27.8%;*/
  height: 23%;
  /*transition-delay: .5s;*/
  transition-delay: 2.8s;
}

.active-1 span.congo-border span {
  opacity: 1;
  /*transition-delay: 0s;*/
  transition-delay: 2.7s;
  transform: scale(1);
}

.active-7 span.country-name.ethiopia,
.active-6 span.country-name.ethiopia,
.active-5 span.country-name.ethiopia,
.active-7 span.country-name.ghana,
.active-6 span.country-name.ghana,
.active-5 span.country-name.ghana,
.active-7 span.country-name.south-africa,
.active-6 span.country-name.south-africa,
.active-5 span.country-name.south-africa,
.active-5 span.country-name.togo,
.active-5 span.country-name.cameroon,
.active-5 span.country-name.chad,
.active-5 span.country-name.namibia,
.active-5 span.country-name.madagascar,
.active-5 span.country-name.mozambique,
.active-5 span.country-name.botswana {
  transform: scale(0);
  display: none;
}

.active-7 span.ethiopia-border,
.active-6 span.ethiopia-border,
.active-5 span.ethiopia-border,
.active-7 span.ghana-border,
.active-6 span.ghana-border,
.active-5 span.ghana-border,
.active-7 span.south-africa-border,
.active-6 span.south-africa-border,
.active-5 span.south-africa-border,
.active-5 span.togo-border,
.active-5 span.cameroon-border,
.active-5 span.chad-border,
.active-5 span.namibia-border,
.active-5 span.madagascar-border,
.active-5 span.mozambique-border,
.active-5 span.botswana-border {
  transform: scale(0);
  display: none;
}

/*End Edits on feedback*/

/*Responsive styles*/

@media screen and (max-width: 1200px) {
  span.country-name {
    font-size: 12px;
    margin-top: -2px;
  }
}

/*.country-name{
  transition-delay:0.5s!important;
}

.country-border:before{
  transition-delay:0.7s!important;
}
.country-border:after{
  transition-delay:0.8s!important;
}
.country-border .dot{
  transition-delay:0.2s!important;
}


.pageUp .country-name{
    transition-delay:0s!important;
}
.pageUp .country-border:before,
.pageUp .country-border:after,
.pageUp .country-border .dot{
  transition-delay:0.2s!important;
}*/

@media screen and (min-width: 1500px) {

  /*bullets*/
  span.niger-border .dot {
    left: calc(36.8% - 5px);
    bottom: calc(73% + 5px);
  }

  span.mali-border .dot {
    left: calc(20.8% + 5px);
  }

  span.mauritania-border .dot {
    right: calc(90% + 5px);
    top: calc(22.3% + 5px);
  }

  span.senegal-border .dot {
    top: calc(30% - 5px);
  }

  span.guinea-border .dot {
    top: calc(37% - 5px);
    right: calc(93% - 5px);
  }

  span.burkina-border .dot {
    top: calc(33.2% - 5px);
    left: calc(21.8% - 5px);
  }

  span.liberia .dot {
    left: calc(9.2% - 5px);
    top: calc(44.2% - 5px);
  }
}

@media screen and (min-width: 1200px) {
  span.country-name.niger {
    top: calc(8% - 10px);
  }

  span.country-name.mali {
    top: calc(13% - 10px);
  }

  span.country-name.mauritania {
    top: calc(23.5% - 10px);
  }

  span.country-name.senegal {
    top: calc(30% - 10px);
  }

  span.country-name.guinea {
    top: calc(37% - 10px);
  }

  span.country-name.burkina {
    top: calc(42% - 10px);
  }

  span.country-name.liberia {
    top: calc(49.3% - 10px);
  }

  span.country-name.cote-divoire {
    top: calc(57.3% - 10px);
  }

  span.country-name.benin {
    top: calc(62.5% - 10px);
  }

  span.country-name.nigeria {
    top: calc(68% - 10px);
  }

  span.country-name.congo {
    /*top: calc(25% - 10px);*/
    top: calc(77% - 10px);
  }

  span.country-name.south-sudan {
    top: calc(30% - 10px);
  }

  span.country-name.somalia {
    top: calc(41% - 10px);
  }

  span.country-name.uganda {
    top: calc(46% - 10px);
  }

  span.country-name.kenya {
    top: calc(50% - 10px);
  }

  span.country-name.rwanda {
    top: calc(54.4% - 10px);
  }

  span.country-name.burundi {
    top: auto;
    bottom: calc(39% - 10px);
  }

  span.country-name.tanzania {
    top: auto;
    bottom: calc(35% - 10px);
  }

  span.country-name.malawi {
    top: auto;
    bottom: calc(27% - 10px);
  }

  span.country-name.zimbabwe {
    top: auto;
    bottom: calc(7.2% - 10px);
  }

  span.country-name.zambia {
    top: auto;
    bottom: calc(2.5% - 10px);
  }
}

.disable-field-events,
.click-to-explore-title {
  pointer-events: none;
}