@import url('https://fonts.googleapis.com/css?family=Open+Sans');
body { font-family: 'Open Sans', sans-serif;}

.svg-icon { width: 30px; height: 40px;}
.svg-icon path, .svg-icon polygon, .svg-icon rect { fill: #0a4698; stroke: #0a4698;}
.svg-icon circle { stroke: #1569a5; fill: #198aea; stroke-width: 1;}

.dogras-world-map { position: relative;}
.dogras-world-map img { max-width: 100%;}
.map-location { position: absolute; margin-left: -12px; color: #323232;}
.map-location .dogras-location-bubble { position: absolute; top: -45px; left: 50%; width: 120px; margin-left: -65px; padding: 5px; background: rgba(255,255,255,1); border-radius: 4px; box-shadow: 0 0 20px rgba(0,0,0,.15);}
.map-location .dogras-location-bubble.active { animation: a 1s cubic-bezier(.58,.1,.58,.7) infinite alternate; backface-visibility: hidden;}
@keyframes a{0%,5%{transform:translate3d(0,2px,0) scale(1)}to{box-shadow:0 0 1px rgba(0,0,0,.2),0 5px 6px rgba(0,0,0,.2);transform:translate3d(0,-3px,0) scale(1)}}
.map-location .dogras-location-bubble:before { content: ""; position: absolute; top: 100%; right: auto; bottom: auto; left: 50%; width: 0; height: 0; border-style: solid; margin-left: -8px; border-width: 8px 8px 0; border-color: rgba(255,255,255,1) transparent;} 
.map-location .dogras-location-bubble:after { margin-left: -6px; border-width: 6px 6px 0; border-color: #fff transparent;}
.map-location .dogras-location-bubble.active { background: rgba(255,255,255,1);}
.map-location .dogras-location-bubble.active svg path { fill: #198aea; stroke: #1569a5;}
.map-location .dogras-location-name { font-size: 12px; font-weight: 600;}
.map-location .dogras-location-desc { font-size: 10px; font-weight: 300;}

.pin-india-chandigarh { top: 220px; left: 748px;}
.pin-usa { top: 226px; left: 162px;}
.pin-uk { top: 126px; left: 452px;}
.pin-australia { top: 388px; left: 896px;}
.pin-china { top: 135px; left: 800px;}
.pin-africa { top: 401px; left: 569px;}
.pin-uae { top: 183px; left: 657px;}
.pin-russia { top: 99px; left: 993px;}
.pin-canada { top: 58px; left: 159px;}
.dogras-location-name img{
   /* height: 24px; */
   width: 34px;
   height: 34px;
   padding: 3px;
}