/* map wrap */
.flicker-lights {
    position: relative;
    overflow: hidden;
}
/* map image */
.flicker-lights {
    overflow: hidden;
    width: 100%;
}
.flicker-lights .img {
    width: 100%;
    vertical-align: bottom;
}
.flicker-lights .lady {
    position: absolute;
    vertical-align: bottom;
    width: 83.85%;
    bottom: -0.7%;
    right: .05%;
}
.flicker-lights .lights-over-lady {
    width: 10%;
    opacity: 1;
    position: absolute;
    vertical-align: bottom;
    bottom: -6%;
    right: 15.8%;
}
/* map pinpoints */
.flicker-lights .light {
    display: inline-block;
    position: absolute;
    width: 3vw;
    height: 4vw;
    margin-top: -.5vw;
    margin-left: -.5vw;
    animation: 10s infinite ease light_animation_1;
    opacity: 0;
}

.flicker-lights .light.a1 {animation: 10s infinite ease light_animation_1;}
.flicker-lights .light.a2 {animation: 10s infinite ease light_animation_2;}
.flicker-lights .light.a8 {animation: 10s infinite ease light_animation_3;}

.flicker-lights .light.a4 {animation: 10s infinite ease light_animation_4;}
.flicker-lights .light.a5 {animation: 10s infinite ease light_animation_5;}
.flicker-lights .light.a3 {animation: 10s infinite ease light_animation_6;}

.flicker-lights .light.a6 {animation: 10s infinite ease light_animation_7;}
.flicker-lights .light.a7 {animation: 10s infinite ease light_animation_8;}
.flicker-lights .light.a9 {animation: 10s infinite ease light_animation_9;}

.flicker-lights .type2.light {
    /* type2 light */
    background: radial-gradient(50% 50% at 50% 50%, #B5EBEB 13.14%, rgba(142, 142, 142, 0) 100%);
    mix-blend-mode: normal;
    transform: rotate(22.44deg);
}

/* Glow-Orange */
.flicker-lights .type1.light {
    background: radial-gradient(50% 50% at 50% 50%, #FDE3B7 23.96%, rgba(221, 221, 221, 0) 100%);
    mix-blend-mode: normal;
    transform: rotate(22.44deg);
}
@keyframes light_animation_1 {
  0%  {opacity: 0%}
  10% {opacity: 100%}
  20% {opacity: 0%}
}
@keyframes light_animation_2 {
  10%  {opacity: 0%}
  20% {opacity: 100%}
  30% {opacity: 0%}
}
@keyframes light_animation_3 {
  20% {opacity: 0%}
  30% {opacity: 100%}
  40%{opacity: 0%}
}
@keyframes light_animation_4 {
  30% {opacity: 0%}
  40% {opacity: 100%}
  50%{opacity: 0%}
}
@keyframes light_animation_5 {
  40% {opacity: 0%}
  50% {opacity: 100%}
  60%{opacity: 0%}
}
@keyframes light_animation_6 {
  50% {opacity: 0%}
  60% {opacity: 100%}
  70%{opacity: 0%}
}
@keyframes light_animation_7 {
  60% {opacity: 0%}
  70% {opacity: 100%}
  80%{opacity: 0%}
}
@keyframes light_animation_8 {
  70% {opacity: 0%}
  80% {opacity: 100%}
  90%{opacity: 0%}
}
@keyframes light_animation_9 {
  80% {opacity: 0%}
  90% {opacity: 100%}
  100%{opacity: 0%}
}