/* ------------------------------------------------------
# Animate  
------------------------------------------------------ */

/* links
--------------------------------------------- */
a:hover,
a:focus,
a:active {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

a img {
-webkit-transition: opacity .5s ease;
-moz-transition: opacity .5s ease;
-o-transition: opacity .5s ease;
transition: opacity .5s ease; 
}

/* underline 
--------------------------------------------- */
.underline-anim {
    position: relative;
}

.underline-anim:before,
.underline-anim:after {
    content: '';
    display: block;
    position: absolute;
    height: 1px;
    width: 0;
}

.underline-anim:before {
    left: 0;
    bottom: 0;
    -webkit-transition: width 0s ease, background .5s ease;
    -moz-transition: width 0s ease, background .5s ease;
    -o-transition: width 0s ease, background .5s ease;
    transition: width 0s ease, background .5s ease;
}

.underline-anim:hover:before {
    width: 100%;
    background: #C9B69B;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.underline-anim:after {
    background: #C9B69B; 
    left: 0;
    bottom: 0;
    -webkit-transition: width .5s ease;
    -moz-transition: width .5s ease;
    -o-transition: width .5s ease;
    transition: width .5s ease;
}

.underline-anim:hover:after {
    width: 100%;
    background: 0 0;
    -webkit-transition: all 0s ease;
    -moz-transition: all 0s ease;
    -o-transition: all 0s ease;
    transition: all 0s ease
}