div > .tooltip, li > .tooltip, a > .tooltip, span > .tooltip {
        opacity: 0;
        margin-top: 10px;
        visibility: hidden;
        margin-left: -100px;
        overflow:hidden;
        position: absolute;

        -webkit-transition-property:opacity, margin-top, visibility, margin-left;
        -webkit-transition-duration:0.7s, 0.7s, 0.7s, 0.3s;
        -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

        -moz-transition-property:opacity, margin-top, visibility, margin-left;
        -moz-transition-duration:0.57, 0.7s, 0.5s, 0.7s;
        -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

        -o-transition-property:opacity, margin-top, visibility, margin-left;
        -o-transition-duration:0.7s, 0.7s, 0.5s, 0.3s;
        -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

        transition-property:opacity, margin-top, visibility, margin-left;
        transition-duration:0.7s, 0.7s, 0.5s, 0.7s;
        transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in;
}

        div:hover > .tooltip, li:hover > .tooltip, a:hover > .tooltip, span:hover > .tooltip,
        a .tooltip:hover, span .tooltip:hover, li .tooltip:hover, div .tooltip:hover {
                opacity: 1;
                visibility: visible;
                overflow: visible;
                margin-top: 50px;
                display: inline;
                margin-top: -1px;
                position: absolut;


                -webkit-transition-property:opacity, margin-top, visibility, margin-left;
                -webkit-transition-duration:0.7s, 0.5s, 0.7s, 0.5s;
                -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

                -moz-transition-property:opacity, margin-top, visibility, margin-left;
                -moz-transition-duration:0.7s, 0.5s, 0.7s, 0.5s;
                -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;

                -o-transition-property:opacity, margin-top, margin-left;
                -o-transition-duration:0.7s, 0.5s, 0.5s;
                -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out;

                transition-property:opacity, margin-top, visibility, margin-left;
                transition-duration:0.7s, 0.5s, 0.7s;
                transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        }

.tooltip {
        background: #2F2F2F;
        background: -moz-linear-gradient(top, #FFFBCF 0%, #2F2F2F 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2F2F2F), color-stop(100%,#2F2F2F));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFBCF', endColorstr='#FFFCDF',GradientType=0 );

        border: 4px solid rgba(255,255,0,1.00);
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        -o-border-radius: 10px;
        border-radius: 10px;

        padding: 7px;
        margin-left: -10px;

        position: absolute;

        font-family: Exo;
        font-size: 18px;
        text-decoration: none;
        font-style: bold;
        color: #FFFFFF;
        text-shadow: ;


        z-index: 30;
}

                .tooltip:before { /* Triangle */
                        content: "";
                        background: #FB7D00;

                        border: 0;
                        border-top: 1px solid #FB7D00;
                        border-left: 1px solid #FB7D00;

                        width: 0px;
                        height: 0px;
                        margin-left: 0px;
                        margin-top: 15px;

                        display: block;
                        position: absolute;

                        -webkit-transform: rotate(-45deg);
                        -moz-transform: rotate(-45deg);
                        -o-transform: rotate(-45deg);
                        transform: rotate(-45deg);

                        -webkit-box-shadow: inset -1px 1px 0 #fff;
                        -moz-box-shadow: inset 0 1px 0 #fff;
                        -o-box-shadow: inset 0 1px 0 #fff;
                        box-shadow: inset 0 1px 0 #fff;

                        display /*\**/: none\9;
                        *display: none !important;
                        *display: none;
                }