/*.world-map{ background-image:url(../images/world-map.jpg); background-repeat: no-repeat; background-size:cover; height: 55vh;  }*/
.world-map{height: 55vh;  }
.world-map iframe{height: 55vh; width:100%;  }
.tooltip {
    position: relative;
    display: inline-block;
 /*   border-bottom: 1px dotted black;*/
    opacity: 1;
    font-size: 14px;
    font-family: 'Raleway', sans-serif; 
}

.tooltip a{
   color:#808080;
}

.tooltip a:hover{
   color:#337ab7;
}

.mumbai { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 233px; right: 315px;}
.mumbai .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.mumbai .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}

.mumbai:hover .tooltiptext {visibility: visible; opacity: 1;}

.mumbai1 { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 225px; right: 310px;}
.mumbai1 .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.mumbai1 .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}

.mumbai1:hover .tooltiptext {visibility: visible; opacity: 1;}

.mumbai-vasai { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 230px; right: 310px;}
.mumbai-vasai .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.mumbai-vasai .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}

.mumbai-vasai:hover .tooltiptext { visibility: visible; opacity: 1;}

.london { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 145px; right: 0px; left:153px;}
.london .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.london .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}
.london:hover .tooltiptext { visibility: visible; opacity: 1;}

.delhi { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 125px; right: 255px;}
.delhi .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.delhi .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}
.delhi:hover .tooltiptext { visibility: visible; opacity: 1;}

.bhopal { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 186px; right: 257px;}
.bhopal .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.bhopal .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}

.bhopal:hover .tooltiptext { visibility: visible; opacity: 1;}

.telangana { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top:257px; right:247px;}
.telangana .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.telangana .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}

.telangana:hover .tooltiptext { visibility: visible; opacity: 1;}


.pune { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 235px; right: 301px;}
.pune .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.pune .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}
.pune:hover .tooltiptext { visibility: visible; opacity: 1;}


.kkr { position: absolute; display: inline-block; opacity: 1; background-image: url(../images/location-ico.png); background-repeat: no-repeat; height: 21px; width: 13px; top: 196px; right: 126px;}
.kkr .tooltiptext { visibility: hidden; width: 200px; background-color: #4e65a3; color: #fff;  text-align: center; border-radius: 0px; padding: 5px 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -85px; opacity: 1; transition: opacity 1s;}
.kkr .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #4e65a3 transparent transparent transparent;
}
.kkr:hover .tooltiptext { visibility: visible; opacity: 1;}

.tooltiptext a{color:#fff;}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 150px;
    background-color: rgba(58, 58, 58, 0.9);
    color: #fff;
    text-align: center;
    border-radius: 0px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 1;
    transition: opacity 1s;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #3a3a3a transparent transparent transparent;
    opacity: 0.9;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 475px) {

    .world-map{height:29vh;}
    .mumbai{top: 56%; left: 45%;}
}

@media screen and (min-width:300px) and (max-width: 360px) {
    
    .mumbai{top: 43%;  left: 39%;}
}