.sidr {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: #475a6a;
    text-align: left;
    -moz-transition: all .3s ease-in;
    -o-transition: all  .3s ease-in;
    -webkit-transition: all  .3s ease-in;
    transition: all  .3s ease-in;
    height: 0px;
    z-index: 13;
}


.sidr .sidr-inner {
    padding: 20px;
    height: 100%;
}
.sidr-open #fp-nav
{
    display: none;
}
.sidr-main-open .sidr
{
    height: 100%;
}
.sidr-main-open .sidr a{
    opacity: .95;
}
@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}