.navi a:hover .arrow:after, .navi a:hover .arrow:before{
    opacity:1;
    transition: all linear 0.1s;
}

.arrow{ 
    position:relative;
    margin-bottom:-15px;
    padding-top:5px;
    width:45px;
    font-size:8px;
    line-height:10px;
    text-align:center;
    text-transform:uppercase;
    letter-spacing:1px;
} 


.arrow:after, .arrow:before{ 
    opacity:0;
    top:-1px; 
    left:50%; 
    border:solid transparent; 
    content:" "; 
    height:0; 
    width:0; 
    position:absolute; 
    pointer-events:none; 
    transition: all linear 0.1s;
}

.arrow:after{ 
    border-width:5px; 
    margin-left:-5px; 
} 

.arrow:before{ 
    border-width:7px; 
    margin-left:-7px; 
}


#s-m-t-tooltip{
        letter-spacing:1px;
        max-width:200px;
        margin:0px 15px;
        padding:2px 5px;
        z-index:999;
        font-size:8px;
        text-transform:uppercase;
}

#btt{
    z-index:999;
    position:fixed;
    bottom:5px;
    right:10px;
    transition: all 0s;
}

#btt img{
    display:block;
    width:15px;
}

.btt1{
    width:15px;
    height:15px;
    opacity:1;
}

.btt2{
    width:15px;
    height:19px;
    margin-left:0px;
    margin-top:-19px;
    opacity:0;
}

#btt:hover .btt1{
    opacity:0;
}

#btt:hover .btt2{
    opacity:1;
}