html {
    position:relative;
    height:100%;
}

body {
    position:relative;
    width:100%;
    min-height:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;

    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
        display:flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
        flex-direction: column;
}

.wrapper {
    -webkit-flex: 1;
    -ms-flex: 1;
        flex: 1;
    display: -webkit-flex;
    display: -ms-flexbox;
        display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
        flex-direction: column;
    overflow-x:hidden;
}

**HEADER HIDDEN FROM VIEW**

.transform-container .header {
    position:fixed;
    width:100%;
    height:55px;
    background-color: #fff;
    transform:translate3d(0,-100%,0);
    transition:all .3s;
}

**SIDEMENU HIDDEN FROM VIEW**

.side-menu {
    display:block;
    z-index:10;
    position:fixed;
    overflow-x:hidden;

    top:0px;
    right:-355px;
    width: 355px;
    height:100%;
    margin:0;
    padding:0;
    background-color:#eee;
}