.tour-guide {
    z-index: 2147483647;
    position: fixed;
    padding: 10px;
    background-color: #FDC134;
    font-size: 16px;
    min-height: 70px;
    min-width: 160px;
    -webkit-box-shadow: 2px 3px 7px 0px gray;
    -moz-box-shadow: 2px 3px 7px 0px gray;
    box-shadow: 2px 3px 7px 0px gray;
    -moz-transition: 1s ease-in-out, 1s 1s ease-in-out;
    -o-transition: 1s ease-in-out, 1s 1s ease-in-out;
    -webkit-transition: 1s ease-in-out, 1s 1s ease-in-out;
    transition: 1s ease-in-out, 1s 1s ease-in-out;
}

    .tour-guide .close {
        margin-top: -8px;
    }

    .tour-guide.maplayers {
        top: 44px;
        right: 50px;
        max-width: 240px;
    }

    .tour-guide :before {
        content: '';
        position: absolute;
        border-style: solid;
    }

    .tour-guide.top {
        -moz-animation: bounceUp 2s infinite;
        -webkit-animation: bounceUp 2s infinite;
        -o-animation: bounceUp 2s infinite;
        animation: bounceUp 2s infinite;
    }

        .tour-guide.top :before {
            left: 110px;
            top: -10px;
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid #FDC134;
            border-top: 0;
        }

    .tour-guide.right {
    }

        .tour-guide.right :before {
        }

    .tour-guide.bottom {
    }

        .tour-guide.bottom :before {
        }

    .tour-guide.left {
    }

        .tour-guide.left :before {
        }

    .tour-guide:hover {
        /*-moz-transform: translate(0, 20px) translate(0, 0);
        -ms-transform: translate(0, 20px) translate(0, 0);
        -o-transform: translate(0, 20px) translate(0, 0);
        -webkit-transform: translate(0, 20px) translate(0, 0);
        transform: translate(0, 20px) translate(0, 0);*/
        -moz-animation: none;
        -o-animation: none;
        -webkit-animation: none;
        animation: none;
    }

@-moz-keyframes bounceUp {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    60% {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@-webkit-keyframes bounceUp {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    60% {
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
}

@keyframes bounceUp {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }

    60% {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
}