@keyframes tags-appear {
  from {opacity: 0; bottom: 70%;}
  to {opacity: 1; bottom: 0%;}
}

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

.map-container img.map-image {
    width: 100%;
    position: relative;
    z-index: 10;
}

.map-container div.flag-container{z-index: 100; position: absolute; width: 2%}

.map-container div.flag-container img {width: 100%; z-index: 60; position: relative;
    animation-name: tags-appear;
    animation-duration: 1s;
    animation-iteration-count: 1;
    opacity: 0;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out;
    bottom: 10%;
    transform: scale(1.0);
    transition: all .1s ease-in-out;
 }

.map-container div.flag-container .country-name {

    position: absolute;
    top: .2vw;
    left: .4vw;
    display: block;
    background-color: rgba(0,0,0,0.75);
    padding: .3vw 0 .3vw 0;
    color: white;
    z-index: 50;
    border-radius: 2vw 0 0 2vw;
    width: 0;
    overflow: hidden;
    transition: all .1s ease-in-out;
    font-size: 1vw;

}

.map-container div.flag-container .black {

    position: absolute;
    left: 50%;
    bottom: 25%;
    box-shadow: 0 0 4vw 3vw rgba(0,0,0,0);
    width: 1px;
    height: 1px;
    transition: all .2s ease-in-out;
}

.map-container div.flag-container:hover {z-index: 190;}

.map-container div.flag-container:hover img {transform: scale(1.3);}

.map-container div.flag-container:hover .black{box-shadow: 0 0 5vw 6vw rgba(0,0,0,0.7);}

.map-container div.flag-container:hover .country-name {

    padding: .3vw 1.5vw .3vw 2.1vw;
    width: auto;

}

.map-container div.flag-container#guinea img{animation-delay: .1s;}
.map-container div.flag-container#russia img{animation-delay: .24s;}
.map-container div.flag-container#canada img{animation-delay: .364s;}
.map-container div.flag-container#colombia img{animation-delay: .045s;}
.map-container div.flag-container#brazil img{animation-delay: .103s;}
.map-container div.flag-container#bolivia img{animation-delay: .247s;}
.map-container div.flag-container#gabon img{animation-delay: .193s;}
.map-container div.flag-container#congo img{animation-delay: .097s;}
.map-container div.flag-container#drk img{animation-delay: .276s;}
.map-container div.flag-container#uganda img{animation-delay: .1469s;}
.map-container div.flag-container#car img{animation-delay: .1068s;}
.map-container div.flag-container#somalia img{animation-delay: .1521s;}
.map-container div.flag-container#sudan img{animation-delay: .2501s;}
.map-container div.flag-container#sierraleone img{animation-delay: .13231s;}
.map-container div.flag-container#senegal img{animation-delay: .2671s;}
.map-container div.flag-container#mauritania img{animation-delay: .091s;}
.map-container div.flag-container#libya img{animation-delay: .121s;}
.map-container div.flag-container#egypt img{animation-delay: .1981s;}
.map-container div.flag-container#syria img{animation-delay: .2551s;}
.map-container div.flag-container#iraq img{animation-delay: .12251s;}
.map-container div.flag-container#turkey img{animation-delay: .1841s;}
.map-container div.flag-container#iran img{animation-delay: .0591s;}
.map-container div.flag-container#uzbekistan img{animation-delay: .1491s;}
.map-container div.flag-container#kazakhstan img{animation-delay: .0611s;}
.map-container div.flag-container#pakistan img{animation-delay: .1371s;}
.map-container div.flag-container#india img{animation-delay: .0991s;}
.map-container div.flag-container#mianma img{animation-delay: .191s;}
.map-container div.flag-container#australia img{animation-delay: .0271s;}
.map-container div.flag-container#uae img{animation-delay: .031s;}

.map-container div.flag-container#saudi-arabia img {animation-delay: .041s;}
.map-container div.flag-container#belarus img {animation-delay: .381s;}
.map-container div.flag-container#ukraine img {animation-delay: .211s;}
.map-container div.flag-container#azerbaijan img {animation-delay: .311s;}
.map-container div.flag-container#turkmenistan img {animation-delay: .511s;}
.map-container div.flag-container#saudi-arabia img {animation-delay: .211s;}
.map-container div.flag-container#qatar img {animation-delay: .51s;}
.map-container div.flag-container#china img {animation-delay: .0211s;}
.map-container div.flag-container#algeria img {animation-delay: .4211s;}
.map-container div.flag-container#rwanda img {animation-delay: .26s;}
.map-container div.flag-container#nigeria img {animation-delay: .42s;}
.map-container div.flag-container#sierra-leone img {animation-delay: .07s;}
.map-container div.flag-container#england img {animation-delay: .65s;}
.map-container div.flag-container#germany img {animation-delay: .2522s;}
.map-container div.flag-container#austria img {animation-delay: .00987s;}
.map-container div.flag-container#switzerland img {animation-delay: .278s;}
.map-container div.flag-container#usa img {animation-delay: .611s;}
.map-container div.flag-container#venezuela img {animation-delay: .917s;}

.map-container div.flag-container#vietnam img{animation-delay: .0576s;}



.map-container div.flag-container#guinea{left: 44%; top:42%; z-index: 110;}
.map-container div.flag-container#russia{left: 62%; top:13%;}/*Done*/
.map-container div.flag-container#canada{left: 25%; top:15%;}/*Done*/
.map-container div.flag-container#colombia{left: 25%; top:47%;}/*Done*/
.map-container div.flag-container#brazil{left: 32%; top:57%;}/*Done*/
.map-container div.flag-container#bolivia{left: 27%; top:60%;}/*Done*/
.map-container div.flag-container#gabon{left: 52.5%;top: 52%;}
.map-container div.flag-container#congo{left: 54%; top:52%;}
.map-container div.flag-container#drk{left: 56%; top:55%;}
.map-container div.flag-container#uganda{left: 56%; top:47%;}
.map-container div.flag-container#car{left: 54%; top:43%;}
.map-container div.flag-container#cameroon{left: 52%; top:48%;}
.map-container div.flag-container#somalia{left: 64.5%; top:46%;}
.map-container div.flag-container#sudan{left: 57%; top:40%;}/*Done*/
.map-container div.flag-container#sierraleone{left: 46%; top:46%;}
.map-container div.flag-container#senegal{left: 44%; top:38%;}
.map-container div.flag-container#mauritania{left: 45%; top:32%;}
.map-container div.flag-container#libya{left: 54%; top:31%;}/*Done*/
.map-container div.flag-container#egypt{left: 58%; top:32%;}/*Done*/
.map-container div.flag-container#syria{left: 61%; top:26%;}
.map-container div.flag-container#iraq{left: 63%;top: 27%;}/*Done*/
.map-container div.flag-container#turkey{left: 59%;top: 23%;}/*Done*/
.map-container div.flag-container#iran{left: 68%; top:27%;}/*Done*/
.map-container div.flag-container#uzbekistan{left: 67%;top: 20%;}/*Done*/
.map-container div.flag-container#kazakhstan{left: 70%; top:16%;}/*Done*/
.map-container div.flag-container#pakistan{left: 71%; top:28%;}
.map-container div.flag-container#india{left: 74%; top:36%;}/*Done*/
.map-container div.flag-container#mianma{left: 80%; top:36%;}
.map-container div.flag-container#australia{left: 88%; top:67%;}/*Done*/
.map-container div.flag-container#uae{left: 66.5%; top:34%;}/*Done*/

.map-container div.flag-container#belarus {left: 58%; top: 13%;}
.map-container div.flag-container#ukraine {left: 59%; top: 15%;}
.map-container div.flag-container#azerbaijan {left: 64%;top: 22%;}
.map-container div.flag-container#turkmenistan {left: 66.5%;top: 22%;}
.map-container div.flag-container#saudi-arabia {left: 63.8%; top: 36%;}
.map-container div.flag-container#qatar {left: 65.5%; top: 33%;}
.map-container div.flag-container#china {left: 85%;top: 30%;}
.map-container div.flag-container#algeria {left: 49%;top: 29%;}
.map-container div.flag-container#rwanda {left: 58.5%;top: 53%;}
.map-container div.flag-container#nigeria {left: 51%;top: 47%;}
.map-container div.flag-container#sierra-leone {left: 46%; top: 46%;}
.map-container div.flag-container#england {left: 48.5%;top: 13%;}
.map-container div.flag-container#germany {left: 53%; top: 14%;}
.map-container div.flag-container#austria {left: 55%; top: 17%;}
.map-container div.flag-container#switzerland {left: 51.5%; top: 17%;}
.map-container div.flag-container#usa {left: 16%; top: 23%;}
.map-container div.flag-container#venezuela {left: 29%; top: 45%;}

.map-container div.flag-container#vietnam {left: 83.5%;top: 43%;}