#main {
    margin: 50px;
    font-family: Geneva, sans-serif;
    font-size: 10px;
}

.mapcontainer {
    background-color: #828282;
    height: 400px;
    margin-top: 201px;
    width: 980px;
}

.mapcontainer img {
    display: none;
}

#canvas {
    position: absolute;
    top: 70px;
    width: 648px;
    height: 640px;
}

.line {
    height: 6px;
    background-color: #041293;
    position: absolute;
    z-index: 777;
}

#line-425 {
    top: 383px;
    left: 120px;
    width: 304px;
    display: none;

}

#line-423 {
    top: 383px;
    left: 165px;
    width: 259px;
    display: none;

}

#line-421 {
    top: 383px;
    left: 265px;
    width: 157px;
    display: none;
}

#line-419 {
    top: 383px;
    left: 450px;
    width: 69px;
    display: none;
}

#line-417 {
    top: 383px;
    left: 450px;
    width: 119px;
    display: none;
}

#line-415 {
    top: 383px;
    left: 450px;
    width: 177px;
    display: none;
}

#line-413 {
    top: 383px;
    left: 450px;
    width: 228px;
    display: none;
}

#line-411 {
    top: 383px;
    left: 450px;
    width: 270px;
    display: none;
}

#line-410 {
    top: 387px;
    left: 450px;
    width: 297px;
    display: none;
}

#line-412 {
    top: 387px;
    left: 450px;
    width: 280px;
    display: none;
}

#line-414 {
    top: 387px;
    left: 450px;
    width: 225px;
    display: none;
}

#line-416 {
    top: 387px;
    left: 450px;
    width: 170px;
    display: none;
}

#line-418 {
    top: 387px;
    left: 450px;
    width: 117px;
    display: none;
}

#line-420 {

    top: 388px;
    left: 354px;
    width: 74px;
    display: none;
}

#line-422 {
    top: 388px;
    left: 305px;
    width: 123px;
    display: none;
}

#line-424 {
    top: 388px;
    left: 251px;
    width: 176px;
    display: none;
}

#line-426 {
    top: 388px;
    left: 191px;
    width: 237px;
    display: none;
}

#line-428 {
    top: 388px;
    left: 140px;
    width: 288px;
    display: none;
}

#line-429 {
    top: 387px;
    left: 448px;
    width: 62px;
    display: none;
}

#line-1 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 54px;
    transform: rotate(-150deg);
    transform-origin: top left;
    -webkit-transform: rotate(-150deg);
    -moz-transform: rotate(-150deg);
    -ms-transform: rotate(-150deg);
    -o-transform: rotate(-150deg);
    display: none;
}

#line-2 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 30px;
    transform: rotate(-127deg);
    transform-origin: top left;
    -webkit-transform: rotate(-127deg);
    -moz-transform: rotate(-127deg);
    -ms-transform: rotate(-127deg);
    -o-transform: rotate(-127deg);
    display: none;
}

#line-3 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 24px;
    transform: rotate(-84deg);
    transform-origin: top left;
    -webkit-transform: rotate(-84deg);
    -moz-transform: rotate(-84deg);
    -ms-transform: rotate(-84deg);
    -o-transform: rotate(-84deg);
    display: none;
}

#line-4 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 65px;
    transform: rotate(-16deg) !important ;
    transform-origin: top left;
    -webkit-transform: rotate(-16deg) !important ;
    -moz-transform: rotate(-16deg) !important ;
    -ms-transform: rotate(-16deg) !important ;
    -o-transform: rotate(-16deg) !important ;
    display: none;
}

#line-5 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 94px;
    transform: rotate(-8deg);
    transform-origin: top left;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    display: none;
}

#line-6 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 118px;
    transform: rotate(-4deg);
    transform-origin: top left;
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    display: none;
}

#line-7 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 186px;
    transform: rotate(0deg);
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    display: none;
}

#line-8 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 120px;
    transform: rotate(0deg);
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    display: none;
}

#line-9 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 92px;
    transform: rotate(0deg);
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    display: none;
}

#line-10 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 67px;
    transform: rotate(0deg);
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    display: none;
}

#line-11 {
    top: 375px;
    left: 460px;
    position: relative;
    height: 6px;
    width: 2px;
    transform: rotate(0deg);
    transform-origin: top left;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    display: none;
}

#line-12 {
    top: 375px;
    left: 460px;
    height: 6px;
    width: 33px;
    transform: rotate(-180deg);
    transform-origin: top left;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    display: none;
}

#line-13 {
    top: 375px;
    left: 460px;
    height: 6px;
    width: 60px;
    transform: rotate(-180deg);
    transform-origin: top left;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    display: none;
}

#line-14 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-14::before,
#line-14::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-14::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-14::after {
    width: 220px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -220px; /* Start aligned with the left edge of the vertical line */
}

#line-15 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-15::before,
#line-15::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-15::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-15::after {
    width: 190px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -190px; /* Start aligned with the left edge of the vertical line */
}

#line-16 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-16::before,
#line-16::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-16::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-16::after {
    width: 150px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -150px; /* Start aligned with the left edge of the vertical line */
}

#line-17 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-17::before,
#line-17::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-17::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-17::after {
    width: 125px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -125px; /* Start aligned with the left edge of the vertical line */
}

#line-18 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-18::before,
#line-18::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-18::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-18::after {
    width: 100px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -100px; /* Start aligned with the left edge of the vertical line */
}

#line-19 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-19::before,
#line-19::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-19::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-19::after {
    width: 70px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -70px; /* Start aligned with the left edge of the vertical line */
}

#line-20 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-20::before,
#line-20::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-20::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-20::after {
    width: 40px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -40px; /* Start aligned with the left edge of the vertical line */
}

#line-21 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-21::before,
#line-21::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-21::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-21::after {
    width: 10px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -10px; /* Start aligned with the left edge of the vertical line */
}

#line-40 {
    top: 375px;
    left: 370px;
    width: 70px;
    display: none;
}

/* Vertical and additional segments */
#line-40::before,
#line-40::after {
    content: '';
    position: absolute;
    background-color: #041293; /* Match the main line color */
}

/* Vertical part: Downward line */
#line-40::before {
    width: 6px; /* Thickness matches the horizontal line */
    height: 75px; /* Vertical length */
    top: 0;
    left: 0; /* Start directly below the left end */
}

/* Second horizontal part: Line to the right */
#line-40::after {
    width: 25px; /* Horizontal width */
    height: 6px; /* Thickness */
    top: 70px; /* Position at the bottom of the vertical part */
    left: -20px; /* Start aligned with the left edge of the vertical line */
}

#washroom {
    position: absolute;
    top: 398px;
    left: 486px;
    height: 42px;
    width: 54px;
    background-color: #ff000042;
    display: none;
}

#mpouter {
    width: 1011px;
}

#mapcontainer img {
    display: block;
    width: 973px;
    top: 256px;
    position: absolute;
}

.washroom-ico {
    width: 21px;
    height: 18px;
    background-image: url(../img/washroom-ico.jpg);
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

.extra-icos .actives {
    -webkit-animation: glowico 2s infinite;
    -moz-animation: glowico 2s infinite;
    -o-animation: glowico 2s infinite;
    animation: glowico 2s infinite;
}

@keyframes glowico {
    0% {
        box-shadow: 0 0 1px #f00, inset 0 0 1px #f00;
    }

    25% {
        box-shadow: 0 0 30px #f00, inset 0 0 0px #f00;
    }

    100% {
        box-shadow: 0 0 1px #f00, inset 0 0 1px #f00;
    }
}

.foodcourt-ico {
    /*width: 90px;
    height: 18px;*/
    position: absolute;
    text-align: center;
}

.foodcourt-ico-active {
    /*color: #fff !important;*/
    opacity: 1 !important;
    border: 1px solid;
    padding: 5px;
    font-weight: bold;
    background: #fff;
}

.security-ico {
    width: 18px;
    height: 18px;
    background-image: url(../img/security-ico.jpg);
    position: absolute;
    background-size: contain;
}

.point {
    position: absolute;
    height: 1px;
    width: 1px;
    background-color: #c00;
}

.blockm_container {
    position: absolute;
    padding: 1px;
    padding: 1px;
}

.blockm {
    font-size: 9px;
    text-align: center;
    position: relative;
    height: 27px;
    width: 27px;
    /*background-color:rgba(0, 0, 0, 0.4);*/
    border-radius: 1px;
    float: left;
    padding-top: 7px;
    /*margin:12px -3px 0 0 ;*/
    color: #000;
}

.kiosk {
    display: none;
}

.kiosk i.r0 {
    top: -8px;
    font-size: 12px;
    left: -2px;
}

.kiosk i.r90 {
    top: -8px;
    font-size: 12px;
    left: 0px;
}

.kiosk i.r180 {
    top: -9px;
    font-size: 12px;
    left: 1px;
}

.kiosk i.r270 {
    top: -11px;
    font-size: 12px;
    left: -1px;
}

@keyframes bouncer0 {
    0% {
        top: -13px;
    }

    25% {
        top: -30px;
    }

    100% {
        top: -13px;
    }
}

.bouncer0 {
    -webkit-animation: bouncer0 2s infinite;
    -moz-animation: bouncer0 2s infinite;
    -o-animation: bouncer0 2s infinite;
    animation: bouncer0 2s infinite;
    left: 0px !important;
    font-size: 20px !important;
    color: blue;
    padding: 1px;
    padding-left: 0;
    border-radius: 34%;
    padding-top: 2px;
    z-index: 400;
}

@keyframes bouncer90 {
    0% {
        left: -10px;
    }

    25% {
        left: -27px;
    }

    100% {
        left: -10px;
    }
}

.bouncer90 {
    -webkit-animation: bouncer90 2s infinite;
    -moz-animation: bouncer90 2s infinite;
    -o-animation: bouncer90 2s infinite;
    animation: bouncer90 2s infinite;
    top: -4px;
    font-size: 20px !important;
    color: blue;
    z-index: 400;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
}

@keyframes bouncer180 {
    0% {
        top: 5px;
    }

    25% {
        top: 22px;
    }

    100% {
        top: 5px;
    }
}

.bouncer180 {
    -webkit-animation: bouncer180 2s infinite;
    -moz-animation: bouncer180 2s infinite;
    -o-animation: bouncer180 2s infinite;
    animation: bouncer180 2s infinite;
    left: 0px !important;
    font-size: 20px !important;
    color: blue;
    z-index: 400;
    transform: rotate(180deg);
}

@keyframes bouncer270 {
    0% {
        left: 11px;
    }

    25% {
        left: 28px;
    }

    100% {
        left: 11px;
    }
}

.bouncer270 {
    -webkit-animation: bouncer270 2s infinite;
    -moz-animation: bouncer270 2s infinite;
    -o-animation: bouncer270 2s infinite;
    animation: bouncer270 2s infinite;
    top: -4px;
    font-size: 20px !important;
    color: blue;
    z-index: 400;
    transform: rotate(90deg);
}

.wsr .bouncer0 {
    left: -4px !important;
}

.wsr .bouncer90 {
    top: -8px !important;
}

.wsr .bouncer180 {
    left: -2px !important;
}

.wsr .bouncer270 {
    top: -10px !important;
}

.sc .bouncer90 {
    top: 0 !important;
}

.sc .bouncer180 {
    left: -2px !important;
}

.sc .bouncer270 {
    top: 0 !important;
}

.fc .bouncer0 {
    left: 5px !important;
}

.fc .bouncer90 {
    top: 0px !important;
}

.fc .bouncer180 {
    left: 12px !important;
}

.fc .bouncer270 {
    top: -5px !important;
}

@keyframes bounce0 {
    0% {
        top: -50px;
        color: #FF7F00;
    }

    25% {
        top: -75px;
        color: #fff;
    }

    100% {
        top: -50px;
        color: #FF7F00;
    }
}

.bounce0 {
    -webkit-animation: bounce0 2s infinite;
    -moz-animation: bounce0 2s infinite;
    -o-animation: bounce0 2s infinite;
    animation: bounce0 2s infinite;
    left: -12px !important;
    font-size: 30px !important;
    color: #FF7F00;
    padding: 1px;
    padding-left: 0;
    border-radius: 34%;
    padding-top: 2px;
    z-index: 400;
}

@keyframes bounce90 {
    0% {
        left: -15px;
        color: #FF7F00;
    }

    25% {
        left: -40px;
        color: #fff;
    }

    100% {
        left: -15px;
        color: #FF7F00;
    }
}

.bounce90 {
    -webkit-animation: bounce90 2s infinite;
    -moz-animation: bounce90 2s infinite;
    -o-animation: bounce90 2s infinite;
    animation: bounce90 2s infinite;
    top: -19px;
    font-size: 30px !important;
    color: #FF7F00;
    z-index: 400;
}

@keyframes bounce180 {
    0% {
        top: -15px;
        color: #FF7F00;
    }

    25% {
        top: 5px;
        color: #fff;
    }

    100% {
        top: -15px;
        color: #FF7F00;
    }
}

.bounce180 {
    -webkit-animation: bounce180 2s infinite;
    -moz-animation: bounce180 2s infinite;
    -o-animation: bounce180 2s infinite;
    animation: bounce180 2s infinite;
    left: 10px !important;
    font-size: 30px !important;
    color: #FF7F00;
    z-index: 400;
}

@keyframes bounce270 {
    0% {
        left: 15px;
        color: #FF7F00;
    }

    25% {
        left: 40px;
        color: #fff;
    }

    100% {
        left: 15px;
        color: #FF7F00;
    }



}

.bounce270 {
    -webkit-animation: bounce270 2s infinite;
    -moz-animation: bounce270 2s infinite;
    -o-animation: bounce270 2s infinite;
    animation: bounce270 2s infinite;
    top: -42px;
    font-size: 30px !important;
    color: #FF7F00;
    z-index: 400;
}

.pathway, .corners, .underspot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.extra {
    height: 21px;
    width: 21px;
    border-radius: 5px;
}

#extra_11 .extra {
    width: 76px;
}

.blockm_number {
    position: relative;
    float: left;
}

.pathnumbers {
    color: white;
    font-size: 8px;
    background: green;
    margin-left: -8px;
}

.line {
    height: 5px;
    border-radius: 2px;
    position: absolute;
    background-color: #041293;
    z-index: 1;
}

.pathway, .pathnumbers, .corners, .underspot {
    display: none;
}

/*store*/
#store_container_1, #store_container_2, #store_container_3, #store_container_4, #store_container_5, #store_container_6 {
    /*transform: rotate(8deg);*/
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 8px #f00, inset 0 0 8px #f00;
    }

    50% {
        box-shadow: 0 0 26px #000, inset 0 0 24px #000;
    }

    100% {
        box-shadow: 0 0 8px #f00, inset 0 0 8px #f00;
    }
}

@-webkit-keyframes pulsex {
    0% {
        box-shadow: 0 0 8px #fff, inset 0 0 8px #fff;
    }

    50% {
        box-shadow: 0 0 26px #fff, inset 0 0 24px #fff;
    }

    100% {
        box-shadow: 0 0 8px #fff, inset 0 0 8px #fff;
    }
}

#kiosk_container_1 .blockm,
#kiosk_container_2 .blockm,
#kiosk_container_3 .blockm,
#kiosk_container_4 .blockm,
#kiosk_container_5 .blockm,
#kiosk_container_6 .blockm,
#kiosk_container_7 .blockm,
#kiosk_container_8 .blockm,
#kiosk_container_9 .blockm,
#kiosk_container_10 .blockm,
#kiosk_container_11 .blockm,
#kiosk_container_12 .blockm,
#kiosk_container_13 .blockm,
#kiosk_container_14 .blockm,
#kiosk_container_15 .blockm,
#kiosk_container_16 .blockm,
#kiosk_container_17 .blockm,
#kiosk_container_18 .blockm,
#kiosk_container_19 .blockm {
    height: 10px;
    width: 10px;
    background-color: #fff;
    border-radius: 50%;
}

.kiosk {
    border: 1px solid #000;
}

#store_container_25 .blockm {
    width: 30px;
}

#store_container_255 .blockm, #store_container_167 .blockm {
    width: 32px;
}

#store_container_338 .blockm, #store_container_359 .blockm {
    height: 31px;
}

/*store*/
.hidden_image {
    opacity: 0;
    position: absolute;
    width: 635px;
    height: 841px;
}

#img_left {
    background: url(../images/scissors_left.png) no-repeat 28px 10px;
}

#img_right {
    background: url(../images/scissors_right.png) no-repeat 184px 28px;
}

/* active dot */
.active .kiosk, .kactive .kiosk {
    box-shadow: 0 0 20px #f00, inset 0 0 20px #f00;
    -webkit-animation: pulse 2s linear 2s infinite;
    z-index: 1900;
}

.extra-ico .active, .foodcourt-ico-active {
    box-shadow: 0 0 20px #fff, inset 0 0 20px #fff;
    -webkit-animation: pulsex 2s linear 2s infinite;
    z-index: 1900;
}

.active .blockm_number {
    -webkit-animation: numberColor .7s linear infinite alternate;
    -moz-animation: numberColor .7s linear infinite alternate;
    -o-animation: numberColor .7s linear infinite alternate;
    animation: numberColor .7s linear infinite alternate;
    color: #f00;
}

/* active dot pulse */
/*@-webkit-keyframes dotBackgroundColor{ from{background-color:rgba(0, 0, 0, 0.4);}to{background-color:rgba(255, 0, 0, 0.6);}}
@-moz-keyframes dotBackgroundColor{ from{background-color:rgba(0, 0, 0, 0.4);}to{background-color:rgba(255, 0, 0, 0.6);}}
@-o-keyframes dotBackgroundColor{ from{background-color:rgba(0, 0, 0, 0.4);}to{background-color:rgba(255, 0, 0, 0.6);}}
@keyframes dotBackgroundColor{ from{background-color:rgba(0, 0, 0, 0.4);}to{background-color:rgba(255, 0, 0, 0.6);}}*/

@-webkit-keyframes numberColor {
    from {
        color: #f00;
    }

    to {
        color: #000;
    }
}

@-moz-keyframes numberColor {
    from {
        color: #f00;
    }

    to {
        color: #000;
    }
}

@-o-keyframes numberColor {
    from {
        color: #f00;
    }

    to {
        color: #000;
    }
}

@keyframes numberColor {
    from {
        color: #f00;
    }

    to {
        color: #000;
    }
}

/* animate image rotate */
#img_left.animate {
    -moz-transform-origin: 342px 382px;
    -moz-animation: imgRotateLeft .7s linear infinite alternate;
    -webkit-animation: imgRotateLeft .7s linear infinite alternate;
    -o-animation: imgRotateLeft .7s linear infinite alternate;
    animation: imgRotateLeft .7s linear infinite alternate;
}

@-webkit-keyframes imgRotateLeft {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-21deg);
    }
}

@-moz-keyframes imgRotateLeft {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(-21deg);
    }
}

@-o-keyframes imgRotateLeft {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(-21deg);
    }
}

@keyframes imgRotateLeft {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-21deg);
    }
}


#img_right.animate {
    -moz-transform-origin: 342px 382px;
    -webkit-animation: imgRotateRight .7s linear infinite alternate;
    -moz-animation: imgRotateRight .7s linear infinite alternate;
    -o-animation: imgRotateRight .7s linear infinite alternate;
    animation: imgRotateRight .7s linear infinite alternate;
}

@-webkit-keyframes imgRotateRight {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(21deg);
    }
}

@-moz-keyframes imgRotateRight {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(21deg);
    }
}

@-o-keyframes imgRotateRight {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(21deg);
    }
}

@keyframes imgRotateRight {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(21deg);
    }
}

.blockm:hover {
    background-color: #f00;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
    cursor: pointer;
}

.active:hover .blockm {
    background-color: #f00;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.active:hover .blockm_number {
    color: #f00;
    -moz-animation: none;
    -webkit-animation: none;
    -o-animation: none;
    animation: none;
}

.active:hover {
    cursor: pointer;
}

.active .blockm.kiosk, .kactive .blockm.kiosk {
    color: #fff;
}

/*highlight colors*/
.active.c_ef7823 .blockm, .c_ef7823 .blockm {
    background: #ef7823;
}

.active.c_988fc5 .blockm, .c_988fc5 .blockm {
    background: #988fc5;
}

.active.c_54c2b7 .blockm, .c_54c2b7 .blockm {
    background: #54c2b7;
}

.active.c_f7cf1f .blockm, .c_f7cf1f .blockm {
    background: #f7cf1f;
}

.active.c_8cc641 .blockm, .c_8cc641 .blockm {
    background: #8cc641;
}

.active.c_ef3e2d .blockm, .c_ef3e2d .blockm {
    background: #ef3e2d;
}

/*highlight colors*/
/*
#store_container_402.active .spinner,#store_container_403.active .spinner,#store_container_404.active .spinner{
    border-left: 1.1em solid red !important;
}


.active .spinner,
.active .spinner:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.active .spinner {
    margin: -5px auto;
    margin-left: -5px;
    font-size: 3px;
    position: absolute; 
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8{
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100%{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load8 {
  0%{
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100%{
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
*/