/*!
*  anchor hover effect plugin ( Make your anchor tag fancy and animated)
* Original author: Satinder Singh 
* Blog: http://codepedia.info
* Demo: 
* Further changes, comments: 
* Licensed under the MIT license
*/
/* Flip effect   */

.flip {
    height: 1em;
    padding: 0 4px;
    position: relative;
}
.flip a {
    overflow: hidden;
   /* padding: 2px 4px;*/
    /*  height: 1em;*/
    
    position: relative;
    display: inline-block;
    color: #ffffff;
}
.flip a span {
    padding: 0px 4px;
    position: relative;
    display: inline-block;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}
.flip a span::before {
    position: absolute;
    top: 100%;
    content: attr(data-txt);
    font-weight: 700;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.flip a:hover span,
.flip a:focus span {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
    color: #ffffff;
}