.noscroll{
    overflow:hidden;
}

/* hoverpage style */
.hoverpage {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: white;
    z-index:200;
    overflow: hidden;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.hoverpage-section{
    position: static;
}

/* Effects */
.hoverpage-slidedown {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out, visibility 0s 0.4s;
    transition: transform 0.4s ease-in-out, visibility 0s 0.4s;
}

.hoverpage-slidedown.open {
    visibility: visible;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: -webkit-transform 0.4s ease-in-out;
    transition: transform 0.4s ease-in-out;
    overflow-y: scroll;
}



.hoverpage-close img{
    cursor:pointer;
}

.hoverpage-close{
    padding:30px;
}