.footer_map{
  position:relative;
}
.footer_map .map{
    width:100%;
    height:100%;
}

.country_list{
  position: absolute;
  line-height: 0.88;
  -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.country_list .icon{
    cursor:pointer;
}
.country_list:hover .country_info{
   visibility: visible;
   opacity:1;
   transition-delay: .5s;
}

.country_list:hover .line{
    visibility: visible;
    opacity:1;
    height:40px;
}
.country_info{
   position: absolute;
   z-index:9;
   min-width: 160px;
   max-width:160px;
   background-color: #FFF;
   border-radius: 10px;
   padding:10px 18px;
   filter: drop-shadow(0px 3.01px 15.427px rgba(20, 0, 66, 0.02)) drop-shadow(0px 6.838px 27.93px rgba(20, 0, 66, 0.03)) drop-shadow(0px 11.902px 36.949px rgba(20, 0, 66, 0.03)) drop-shadow(0px 18.908px 41.854px rgba(20, 0, 66, 0.04)) drop-shadow(0px 29.173px 42.286px rgba(20, 0, 66, 0.04)) drop-shadow(0px 45.522px 40.192px rgba(20, 0, 66, 0.04)) drop-shadow(0px 75.574px 49.098px rgba(20, 0, 66, 0.05)) drop-shadow(0px 151px 98px rgba(20, 0, 66, 0.07));
   visibility: hidden;
   opacity: 0;
    transform: translate(-47%, 55%);
      -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
}
.line {
    position: absolute;
    content: "";
    visibility: hidden;
   opacity: 0;
    width: 2px;
    height: 0;
    background-color: #fff;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}
.country_list.left{
  top: 66px;
  left: 25px;
}
.country_list.right{
    top: 58px;
    left: 80px;
}
.country_list.center{
    top: 84px;
    left: 53px;
}
.country_list.last{
    top: 94px;
    left: 232px;
}
.country_info h6{
   color: #113757;
   font-family: Verdana;
   font-size: 12px;
   font-weight: 700;
   line-height: 150%;
   margin:0;
}

.country_info p{
   color: #113757;
   font-family: Verdana;
   font-size: 12px;
   font-weight: 400;
   line-height: 150%;
   margin:0;
}
@media only screen and (max-width: 1199px){
    .country_list.left{
      top: 51px;
      left: 19px;
    }
    .country_list.right{
        top: 45px;
        left: 61px;
    }
    .country_list.center{
        top: 64px;
        left: 42px;
    }
    .country_list.last{
      top: 73px;
      left: 182px;
    }
}
@media only screen and (max-width: 767px){
    
    .country_info{
        min-width: 110px;
    max-width: 110px;
    }
    
    .country_list .country_info{
        transform: translate(-28px, 55%);
    }
    
    .country_list .line{
        left: 5px;
        right: auto;
    }
}