/* Place Your Custom Styles Here */

#respect svg svg.built path,
#respect svg svg.P path,
#respect svg svg.design path {
    fill: #fff
}

#respect svg svg.built,
#respect svg svg.design {
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity .75s ease, filter .75s ease;
    -moz-transition: opacity .75s ease, filter .75s ease;
    -ms-transition: opacity .75s ease, filter .75s ease;
    -o-transition: opacity .75s ease, filter .75s ease;
    transition: opacity .75s ease, filter .75s ease
}

#respect {
    opacity: 0;
    position: absolute;
    padding: 0;
    overflow: hidden;
    display: block;
    top: 15%;
    right: 0%;
    width: 177px;
    height: 27px;
    max-width: 80px;
    -webkit-transition: max-width .75s ease, opacity .5s ease-in;
    -moz-transition: max-width .75s ease, opacity .5s ease-in;
    -ms-transition: max-width .75s ease, opacity .5s ease-in;
    -o-transition: max-width .75s ease, opacity .5s ease-in;
    transition: max-width .75s ease, opacity .5s ease-in;
    z-index: 99999
}

#respect svg {
    height: 100%;
    position: absolute;
    left: 0;
    right: auto
}

#respect>a {
    display: block;
    position: relative;
    margin: 0!important;
    padding: 0!important;
    height: 27px;
    width: 177px;
    -webkit-transform: translateX(-22px);
    -moz-transform: translateX(-22px);
    -ms-transform: translateX(-22px);
    -o-transform: translateX(-22px);
    transform: translateX(-22px);
    -webkit-transition: transform .75s ease;
    -moz-transition: transform .75s ease;
    -ms-transition: transform .75s ease;
    -o-transition: transform .75s ease;
    transition: transform .75s ease
}

#respect:hover {
    max-width: 187px
}

#respect:hover>a {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px)
}

#respect:hover svg svg.built,
#respect:hover svg svg.design {
    opacity: 1;
    filter: alpha(opacity=100)
}