.glyphicon-remove:before {
    content: "\e014"
}
.glyphicon-menu-hamburger:before {
    content: "\e236"
}
#menu {
    display: none;
}
#close {
    display: none;
}
body.over {
    overflow: hidden;
}
@media all and (max-width: 960px) {
    body .flip-container {
			width: 100%;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
    }
    .navigation #menu {
        display: block;
        position: absolute;
        top: 27px;
        right: 20px;
        z-index: 1000;
    }
    .navigation #close {
        position: absolute;
        top: 27px;
        right: 20px;
        z-index: 1000;
    }
    body .navigation ul {
        display: none;
        background: #fff;
        width: 100%;
        height: 100%;
        padding: 80px 40px;
        position: fixed;
        top: 0px;
        left: 0px;
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        margin: 0px;
        z-index: 10
    }
    body .navigation ul li {
        float: none;
        width: 100%;
        padding: 10px 0;
        font-size: 20px;
    }
    body .navigation ul li a {
        color: #2B0C33;
    }
    body .loginFormPanel {
        padding: 60px 20px;
        position: fixed;
        top: 0px;
        left: 0px;
        box-sizing: border-box;
        width: 100%;
        z-index: 11;
        height: 100%;
    }
}

}