/* MOBILE OPTIONS */
body.open-left{
    overflow: hidden;
}
body.open-left .mobile-content{
    margin-left:75%;
    position: fixed;
}
body.open-left .mobile-left{
    overflow: auto;
    left:0px;
}
body.open-left .ui-block{
    position: absolute;
    left:0px;
    right:0px;
    top:0px;
    bottom:0px;
    z-index: 999999;
}

/* LEFT SECTION (HIDE ON START) */
.mobile-left{
    position: fixed;
    overflow-y:auto;
    top:0px;
    width: 75%;
    height: 100%;
    z-index: 9999;
}
.mobile-left{
    left:-75%;
    transition: left 0.5s;
    background-color: #212121;
}
.mobile-content{
    transition: margin-left 0.5s;
    width:100%;
    position: relative;
}

/* close */
.close {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    /*opacity: 0.3;*/
}
.close:hover {
    opacity: 1;
}
.close:before, .close:after {
    position: absolute;
    left: 20px;
    content: ' ';
    height: 20px;
    width: 2px;
    background-color: #F5F5F5;
}
.close:before {
    transform: rotate(45deg);
}
.close:after {
    transform: rotate(-45deg);
}