@font-face {
    font-family: '1pager-icomoon';
    src:  url('icomoon.eot');
    src:  url('icomoon.eot#iefix') format('embedded-opentype'),
    url('icomoon.ttf') format('truetype'),
    url('icomoon.woff') format('woff'),
    url('icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
.boo_onepage_toggle:after{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: '1pager-icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.wsite-section-wrap{
    position:relative;
}
.showSectionID{
    position:absolute;
    left:10px;
    top:10px;
    z-index:5;
    background:#77bb58;
    padding:2px;
    opacity: 0.5;
    transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.35);
    -moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.35);
    box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.35);
}
.showSectionID input{
    background:#fff;
    padding:5px 10px;
    color:#666;
    font-size:15px;
    display:block;
    width: 100px;
}
.wsite-section-wrap:hover .showSectionID{
    opacity:1;
}