/*body{overflow-x: unset !important;}*/
.map-cordinate{position: absolute;left: 20px;top: 20px;z-index: 1}
.map-wrapper{height: 100vh;width: 100vw;transform: scale(.6)}
.map-viewport{width: 4000px;height: 3000px;transition: 8s linear;position: relative;}
.map-img{width: 100%}
.map__location{position: absolute;z-index: 1;cursor: pointer;}
.location__link{position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 1}
.location__name{font-weight: 550;letter-spacing: 1px;font-size: 1rem;color: #fff;width: 200px;height: 0;background: url(../images/pan-map/text_bg.png) no-repeat;background-size: 100%;display: flex;justify-content: center;align-items: center;margin-top: -1.5rem;text-transform: uppercase;overflow: hidden;position: relative;z-index: -1;}

.location__media{margin: auto;}
.location__img{width: 100%;}

@media(min-width:577px){
   .map-viewport{width: 4000px;height: 3000px;transition: 8s linear;position: relative;}
   .map-viewport{transform: translate(-28%,-28%);} 
}

/*LOCATION LIST*/
.location--debrigarh{top: 27.3%;left: 40.5%;}
.location--debrigarh__media{width: 155px;}

.location--samaleswari{top: 25%;left: 45.5%;z-index: 11;}
.location--samaleswari__media{width: 130px;position: relative;overflow: hidden;padding-bottom: 0%;}
.location--samaleswari__media img{position: absolute;}
.location--samaleswari__media .animate{background: url('../images/pan-map/somaleswari-animate.png') top center; width: 100%;height: 145px;}
.location--samaleswari__media .animate.playframe{animation: samaleswariplay .8s steps(15) infinite;}
@keyframes samaleswariplay {
            0% { background-position:0px 0; }
            100% { background-position:0 -2175px;}
         }


.location--khandadhar{top: 26%;left: 50.5%;}
.location--khandadhar__media{width: 175px;}

.location--badaghagra{top: 27%;left: 55%;}
.location--badaghagra__media{width: 175px;}



.location--khiching{top: 23%;left: 61%;z-index: 3;}
.location--khiching{width: 135px;}
.location--khiching__media img{position: absolute;}
.location--khiching__media .animate{background: url('../images/pan-map/khiching-animate.png') top center; width: 100%;height: 165px;}
.location--khiching__media .animate.playframe{animation: khichingplay .8s steps(18) infinite;}
@keyframes khichingplay {
            0% { background-position:0px 0; }
            100% { background-position:0 -2970px;}
         }



.location--ratnageri{top: 32%;left: 48%;z-index: 2;}
.location--ratnageri__media{width: 103px;position: relative;overflow: hidden;padding-bottom: 0%;}
.location--ratnageri__media img{position: absolute;}
.location--ratnageri__media .animate{background: url('../images/pan-map/ratnageri-animate.png') top center; width: 100%;height: 116px;}
.location--ratnageri__media .animate.playframe{animation: ratnagiriplay .8s steps(25) infinite;}
@keyframes ratnagiriplay {
            0% { background-position:0px 0; }
            100% { background-position:0 -2900px;}
         }


.location--satkosia{top: 36.8%;left: 41.8%;}
.location--satkosia__media{width: 460px;}
.location--satkosia .location__name{margin: -1.5rem auto 0 auto;}

.location--similipal{top: 33%;right: 33.4%;z-index: 5}
.location--similipal__media{width: 125px;}
.location--similipal__media img{width: 46%;display: inline-block;}

.location--bhitarkanika{top: 31%;right: 26%;z-index: 6;}
.location--bhitarkanika__media{width: 230px;}

.location--chandipur{top: 35.5%;right: 25%;}
.location--chandipur__media{width: 75px;}
.location--chandipur .location__name{font-size: .8rem}

.location--biraja{top: 36%;right: 33.7%;z-index: 4}
.location--biraja__media{width: 100px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--biraja__media img{position: absolute;}
.location--biraja__media .animate{background: url('../images/pan-map/biraja-animate.png') top center; width: 100%;height: 115px;float: left;}
.location--biraja__media .animate.playframe{animation: birajaplay .8s steps(15) infinite;}
@keyframes birajaplay {
            0% {background-position:0px 0;}
            100% {background-position:0 -1725px;}
         }

.location--dhauli{top: 41%;right: 35.5%;z-index: 3}
.location--dhauli__media{width: 123px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--dhauli__media img{position: absolute;}
.location--dhauli__media .animate{background: url('../images/pan-map/dhauli-animate.png') top center; width: 100%;height: 100px;float: left;background-size: 100%;}
.location--dhauli__media .animate.playframe{animation: dhauliplay .8s steps(25) infinite;}
@keyframes dhauliplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -2500px;}
         }

/* 
.location--konark{top: 41.7%;right: 32%;}
.location--konark__media{width: 80px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--konark__media img{position: absolute;}
.location--konark__media .animate{background: url('../images/pan-map/konark-animate.png') top center; width: 100%;height: 137px;float: left;background-size: 100%;}
.location--konark__media .animate.playframe{animation: konarkplay .8s steps(21) infinite;}
@keyframes konarkplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -2837px;}
         } */

         
.location--konark{top: 44%;right: 33%;}
.location--konark__media{width: 90px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--konark__media img{position: absolute;}
.location--konark__media .animate{background: url('../images/pan-map/konark-animate.png') top center; width: 100%;height: 148px;float: left;}
.location--konark__media .animate.playframe{animation: konarkplay 1.0s steps(21) infinite;}
@keyframes konarkplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -3108px;}
         }


.location--paradeepbeach{top: 44.5%;right: 27%;}
.location--paradeepbeach__media{width: 75px;}
.location--paradeepbeach .location__name{font-size: .8rem}

.location--ganjam{top: 50%;right: 48%;}
.location--ganjam__media{width: 70px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--ganjam__media img{position: absolute;}
.location--ganjam__media .animate{background: url('../images/pan-map/ganjam-animate.png') top center; width: 100%;height: 176px;float: left;background-size: 100%;}
.location--ganjam__media .animate.playframe{animation: ganjamplay .8s steps(17) infinite;}
@keyframes ganjamplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -2992px;}
         }

  
  

.location--chandrabhaga{top: 49%;right: 31.5%;z-index: 0;}
.location--chandrabhaga__media{width: 75px;}
.location--chandrabhaga .location__name{font-size: .7rem}

.location--mukteswar{top: 43%;right: 38%;z-index: 2}
.location--mukteswar__media{width: 70px;}

.location--puri{top: 46%;right: 37%;z-index: 1;}
.location--puri__media{width: 136px; padding-bottom: 0%;position: relative;overflow: hidden;}
.location--puri__media img{position: absolute;}
.location--puri__media .animate{background: url('../images/pan-map/puri-animate.png') top center; width: 100%;height: 120px;float: left;background-size: 100%;}
.location--puri__media .animate.playframe{animation: puriplay .8s steps(15) infinite;}
@keyframes puriplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -1800px;}
         }

 
.location--puribeach{top: 50%;right: 36%;z-index: 0;}
.location--puribeach__media{width: 75px;}
.location--puribeach .location__name{font-size: .8rem}          


.location--chilika{top: 51%;left: 50.5%;}
.location--chilika__media{width: 175px;}


.location--raghurajpur{top: 49%;left: 53.5%;z-index: 11;}
.location--raghurajpur__media{width: 72px;}

.location--gpbeach{top: 57%;right: 47%;z-index: 0;}
.location--gpbeach__media{width: 75px;}
.location--gpbeach .location__name{font-size: .8rem}  

.location--pipli{top: 46.1%;right: 39.92%;}
.location--pipli__media{width: 69px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--pipli__media img{position: absolute;}
.location--pipli__media .animate{background: url('../images/pan-map/pipli-animate.png') top center; width: 100%;height: 58px;float: left;background-size: 100%;}
.location--pipli_media .animate.playframe{animation: pipliplay .8s steps(20) infinite;}
@keyframes pipliplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -1160px;}
         }


.location--lingaraj{top: 42.1%;right: 42%;}
.location--lingaraj__media{width: 65px;padding-bottom: 0%;position: relative;overflow: hidden;}
.location--lingaraj__media img{position: absolute;}
.location--lingaraj__media .animate{background: url('../images/pan-map/lingaraj-animate.png') top center; width: 100%;height: 110px;float: left;background-size: 100%;}
.location--lingaraj__media .animate.playframe{animation: lingarajplay .8s steps(15) infinite;}
@keyframes lingarajplay {
            0% {background-position:0px 0; }
            100% {background-position:0 -1650px;}
         }





.location--khandagiri{top: 40.8%;right: 39.5%;z-index: 4}
.location--khandagiri__media{width: 115px;}
.location--khandagiri .location__name{font-size: .65rem}

.location--nandankanan{top: 36.3%;right: 39%;z-index: 5}
.location--nandankanan__media{width: 115px;}

.location--jirang{top: 50%;left: 39.5%;}
.location--jirang__media{width: 125px;padding-bottom:0%;position: relative;overflow: hidden;}


.location--malkangiri{top:64%;left: 17.8%;}
.location--malkangiri__media{width: 125px;padding-bottom:0%;position: relative;overflow: hidden;}

.location--daringbadi{top:45%;left: 42%;}
.location--daringbadi__media{width: 125px;padding-bottom:0%;position: relative;overflow: hidden;}



/*Boat, Bird, Cloud Animation*/
.animate-cloud img{width: 100%}
.animate-cloud{position: absolute;top: 25%;left:20%;z-index: 10;width: 180px;opacity : .7;
   animation-name: cloud1;
   animation-duration: 220s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
@keyframes cloud1 {
   0% {left:20%;}
   100% {left:70%;}
  }
  

.animate-cloud2{position: absolute;top: 20%;left:30%;z-index: 10;width: 110px;opacity : .6}
.animate-cloud3{position: absolute;top: 25%;right:18%;z-index: 10;width: 160px;opacity : .5}
.animate-bird{position: absolute;top: 20%;left:30%;z-index: 12;width: 180px;opacity : .7;
   animation-name: bird;
   animation-duration: 220s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
   @keyframes bird {
   0% {left:40%;}
   100% {left:80%;}
  }
  .animate-bird1{position: absolute;top: 38%;left:30%;z-index: 12;width: 180px;opacity : .7;
   animation-name: bird1;
   animation-duration: 220s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
   @keyframes bird1 {
   0% {left:20%;}
   100% {left:80%;}
  }
  .animate-bird2{position: absolute;top: 30%;left:30%;z-index: 12;width: 180px;opacity : .7;
   animation-name: bird2;
   animation-duration: 220s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
   @keyframes bird2 {
   0% {left:30%;}
   100% {left:80%;}
  }
.static-bird{position: absolute;top: 48%;left:18%;z-index: 12;width: 160px;/*opacity : .5*/}
.hill1{position: absolute;top: 43%;left:32%;z-index: 12;width: 160px;}
.hill2{position: absolute;top: 50%;left:44%;z-index: 1;width: 160px;}
.tree-3-0{position: absolute;top: 40%;left:38%;z-index: 1;width: 80px;}
.tree-3-0 img{width: 80px;}
.tree-2-0{position: absolute;top: 48%;left:29%;z-index: 1;width: 80%;}
.tree-2-0 img{width: 140px;}
.tree-3-1{position: absolute;top: 33%;left:32%;z-index: 1;width: 100%;}
.tree-3-1 img{width: 100px;}
.tree-1-0{position: absolute;top: 45%;left:39%;z-index: 1;width: 80%;}
.tree-1-0 img{width: 140px;}
.tree-1-1{position: absolute;top: 45.8%;left:40%;z-index: 2;width: 80%;}
.tree-1-1 img{width: 140px;}
.tree-1-2{position: absolute;top: 45%;left:41%;z-index: 1;width: 80%;}
.tree-1-2 img{width: 140px;}
.tree-1-3{position: absolute;top: 33%;left:38%;z-index: 1;width: 80%;}
.tree-1-3 img{width: 140px;}


.static-cloud1{position: absolute;top: 45%; left: 27%; z-index: 10; width: 160px; opacity: .8; transform: scale(.5);animation-name: cloud3;
   animation-duration: 220s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
   @keyframes cloud3 {
      0% {left: 27%;}
      100% {left:50%;}
     }


.static-cloud2{position: absolute;top: 20%;left:50%;z-index: 10;width: 160px;opacity : .5;
   animation-name: cloud2;
   animation-duration: 220s; 
   animation-timing-function: ease-out; 
   animation-delay: 15s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
@keyframes cloud2 {
   0% {left:50%;}
   100% {left:90%;}
  }


.static-cloud3{position: absolute;top: 33%; left: 35%; z-index: 10; width: 160px; opacity: .8; transform: scale(.5);}
  



.static-boat1{position: absolute;bottom: 32%;right: 40%;z-index: 10;width: 80px;transform: rotateY(180deg);}
.static-boat1 img{width: 100%;}

/*.static-boat2{position: absolute;bottom: 47%;right: 34%;z-index: 10;width: 80px;transform: rotateY(180deg);
   animation-name: boat2alternate;
   animation-duration: 100s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
.static-boat2 img{width: 100%;}
@keyframes boat2alternate {
   0% {right:34%;}
   100% {right:10%;}
  }*/
  .static-boat3{position: absolute;bottom: 50%;right: 25%;z-index: 10;width: 170px;transform: rotateY(180deg);
   animation-name: boat3alternate;
   animation-duration: 100s; 
   animation-timing-function: ease-out; 
   animation-delay: 0s;
   animation-direction: alternate;
   animation-iteration-count: infinite;}
.static-boat3 img{width: 100%;}
@keyframes boat3alternate {
   0% {right:24%;}
   100% {right:10%;}
  }

/*.static-boat3{position: absolute;top: 50%;right: 25%;z-index: 10;width: 170px;}
.static-boat3 img{width: 100%;}*/

.static-boat4{position: absolute;top: 40%;right: 15%;z-index: 10;width: 200px;}
.static-boat4 img{width: 100%;}

.animate-boat1{position: absolute;bottom: 40%;right: 30%;z-index: 10;width: 250px;transform: rotateY(180deg);}
.animate-boat1 img{width: 100%;}




.animate-boat2{position: absolute;bottom: 36%;right: 43%;z-index: 1;width: 130px;transform: rotateY(180deg);}
.animate-boat2 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 170px;animation: animateboat2 2s steps(30) infinite;}
@keyframes animateboat2 {
   0% {background-position:0px 0; }
   100% {background-position:0 -5131px;}
  }

.animate-boat3{position: absolute;bottom: 43%;right: 37%;width: 80px;transform: rotateY(180deg);}
.animate-boat3 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 107px;animation: animateboat3 2s steps(30) infinite;background-size: 100%;}
@keyframes animateboat3 {
   0% {background-position:0px 0; }
   100% {background-position:0 -3157px;}
  }


.animate-boat4{position: absolute;top: 40%;right: 25.5%;width: 130px;transform: rotateY(180deg);}
.animate-boat4 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 170px;animation: animateboat4 2s steps(30) infinite;background-size: 100%;}
@keyframes animateboat4 {
   0% {background-position:0px 0; }
   100% {background-position:0 -5131px;}
  }


  .animate-boat5{position: absolute;top: 33%;right: 15%;width: 80px;transform: rotateY(180deg);}
  .animate-boat5 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 107px;animation: animateboat5 2s steps(30) infinite;background-size: 100%;}
  @keyframes animateboat5 {
     0% {background-position:0px 0; }
     100% {background-position:0 -3157px;}
    }

    .animate-boat6{position: absolute;bottom: 33%;right: 37%;width: 80px;animation-name: boat6alternate;z-index: 12;
      animation-duration: 90s; 
      animation-timing-function: ease-out; 
      animation-delay: 4s;
      animation-direction: alternate;
      animation-iteration-count: infinite;}
      .animate-boat6 img{width: 100%;}
      @keyframes boat6alternate {
         0% {right:37%;}
         100% {right:10%;}
        }

/* 
    .animate-boat6 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 53px;background-size: 100%;
      animation: animateboat6 2s steps(30) infinite;}
      @keyframes animateboat6 {
       0% {background-position:0px 0; }
       100% {background-position:0 -1578px;}
      } */

     

      .animate-boat7{position: absolute;bottom: 32%;right: 52%;width: 40px;transform: rotateY(180deg);}
      .animate-boat7 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 53px;animation: animateboat7 2s steps(30) infinite;background-size: 100%;}
      @keyframes animateboat7 {
         0% {background-position:0px 0; }
         100% {background-position:0 -1578px;}
        }


        .animate-boat8{position: absolute;top: 33%;right: 20%;width: 40px;transform: rotateY(180deg);}
      .animate-boat8 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 53px;animation: animateboat8 2s steps(30) infinite;background-size: 100%;}
      @keyframes animateboat8 {
         0% {background-position:0px 0; }
         100% {background-position:0 -1578px;}
        }


        .animate-boat9{position: absolute;bottom: 17%;right: 48%;width: 130px;transform: rotateY(180deg);}
.animate-boat9 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 170px;animation: animateboat9 2s steps(30) infinite;}
@keyframes animateboat9 {
   0% {background-position:0px 0; }
   100% {background-position:0 -5131px;}
  }


  .animate-boat10{position: absolute;bottom: 20%;right: 25%;width: 100px;transform: rotateY(180deg);}
      .animate-boat10 .animate{background: url('../images/pan-map/boat-animate2.png') top center; width: 100%;height: 132px;animation: animateboat10 2s steps(30) infinite;background-size: 100%;}
      @keyframes animateboat10 {
         0% {background-position:0px 0; }
         100% {background-position:0 -3946px;}
        }

/* Fish Animation */
.animate-fish1{position: absolute;bottom: 33%;right: 45%;z-index: 10;width: 232px;transform: rotateY(180deg);}
.animate-fish1 .animate{background: url('../images/pan-map/fish-animate1.png') top center; width: 100%;height:90px;animation: animatefish1 1s steps(20) infinite;animation-iteration-count: 3; animation-delay: 5s;}
@keyframes animatefish1 {
   0% {background-position:0px 0; }
   100% {background-position:0 -1800px;}
  }

.animate-fish2{position: absolute;bottom: 45%;right: 17%;z-index: 10;width: 232px;transform: rotateY(180deg);}
.animate-fish2 .animate{background: url('../images/pan-map/fish-animate1.png') top center; width: 100%;height:90px;animation: animatefish2 1s steps(20) ;animation-iteration-count: 2; animation-delay: 3s;}
@keyframes animatefish2 {
   0% {background-position:0px 0; }
   100% {background-position:0 -1800px;}
  }


.animate-fish3{position: absolute;bottom: 35%;right: 47%;z-index: 10;width: 179px;transform: rotateY(180deg);}
.animate-fish3 .animate{background: url('../images/pan-map/fish-animate2.png') top center; width: 100%;height:68px;animation: animatefish3 1s steps(20) ;animation-iteration-count: 2; animation-delay: 4s;}
@keyframes animatefish3 {
   0% {background-position:0px 0; }
   100% {background-position:0 -1360px;}
  }


  .animate-fish4{position: absolute;bottom: 35%;right: 34%;z-index: 10;width: 115px;opacity: .4;}
.animate-fish4 .animate{background: url('../images/pan-map/fish-animate3.png') top center; width: 100%;height:50px;animation: animatefish4 2s steps(15) infinite;}
@keyframes animatefish4 {
   0% {background-position:0px 0; }
   100% {background-position:0 -750px;}
  }

.animate-fish5{position: absolute;bottom: 33%;right: 33%;z-index: 10;width: 115px;opacity: .4;transform: scale(.7)}
.animate-fish5 .animate{background: url('../images/pan-map/fish-animate3.png') top center; width: 100%;height:50px;animation: animatefish5 2s steps(15) infinite;}
@keyframes animatefish5 {
   0% {background-position:0px 0; }
   100% {background-position:0 -750px;}
}

.animate-fish6{position: absolute;top: 48%;right: 20%;z-index: 10;width: 115px;opacity: .4;}
.animate-fish6 .animate{background: url('../images/pan-map/fish-animate3.png') top center; width: 100%;height:50px;animation: animatefish4 2s steps(15) infinite;}
@keyframes animatefish4 {
   0% {background-position:0px 0; }
   100% {background-position:0 -750px;}
}
    
.animate-fish7{position: absolute;top: 47%;right: 18%;z-index: 10;width: 115px;opacity: .4;transform: scale(.7)}
.animate-fish7 .animate{background: url('../images/pan-map/fish-animate3.png') top center; width: 100%;height:50px;animation: animatefish5 2s steps(15) infinite;}
@keyframes animatefish5 {
   0% {background-position:0px 0; }
   100% {background-position:0 -750px;}
   }


/* olive Animation */
  .animate-olive1{position: absolute;bottom: 42%;right: 46%;;width: 90px;}
  .animate-olive1 .animate{background: url('../images/pan-map/olives-animate.png') top center; width: 100%;height: 73px;}
  @keyframes animateolive1 {
     0% {background-position:0px 0; }
     100% {background-position:0 -1190px;}
    }

 .animate-olive2{position: absolute;bottom: 39%;right: 45.5%;width: 90px;transform: scale(.7);}
 .animate-olive2 .animate{background: url('../images/pan-map/olives-animate.png') top center; width: 100%;height: 73px;animation: animateolive1 2s steps(17) infinite;}

 .animate-olive3{position: absolute;bottom: 39%;right: 47%;width: 90px;transform: scale(.5);}
 .animate-olive3 .animate{background: url('../images/pan-map/olives-animate.png') top center; width: 100%;height: 73px;animation: animateolive1 2s steps(17) infinite;}

 .animate-olive4{position: absolute;bottom:40.5%;right: 51%;width: 89px;transform: scale(.7)}
 .animate-olive4 .animate{background: url('../images/pan-map/olives-animate2.png') top center; width: 100%;height: 40px;animation: animateolive4 2s steps(17) infinite;}
 @keyframes animateolive4 {
   0% {background-position:0px 0;}
   100% {background-position:0 -680px;} 
  }


.static-bird1{position: absolute;bottom: 45%;right: 44%; z-index:10; width: 80px;transform: rotateY(180deg);}
.static-bird1 img{width: 80%;}

.static-bird2{position: absolute;bottom: 45%;right: 46%;width: 80px;z-index: 10; transform: rotateY(180deg);}
.static-bird2 img{width: 80%;}

@media(max-width:576px){
  .map-wrapper{overflow: scroll !important;transform: scale(1);    background: #06263f;}
  /* .map-viewport{width: 4000px;height: 3000px;transition: 8s linear;position: relative;transform: scale(.3);
   top: -130%;left: -480%;} */
  /* .map-viewport{transform: translate(-55%, -30%);transition: all 2s ease-in-out;}  */
  .map-viewport{transform: translate(-20%, -20%);transition: all 2s ease-in-out;} 
  .map-viewport.zoomin{transform: scale(1);transition: all 2s ease-in-out;} 
  .location__name{height: auto;margin-top: 0px;transform: scale(.7);}
  .explore-map{background: url("../images/pan-map/map-mob-bg.png") no-repeat center center;background-size: cover;height: 100vh;}
  .animate-cloud2{display: none;}
}