/*Skip btn*/
.intro-skip-text{
    border: 1px solid rgb(255,255,255);
    text-align: center;
    color: rgb(255,255,255);
    width: 150px;
    font-family: roboto thin;
    padding: 5px 10px;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    top: 75%;
    left: 50%;
    transform: translate(-50%,-50%);
    /* display: none; */
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
.intro-skip-text:hover{
    color: rgb(13, 17, 50) !important;
    background-color: rgb(255,255,255);
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    transition: all 200ms linear;
}
@media screen and (max-width: 800px) {
    .action--open,
    .action--close {
        display: block;
    }
    .bp-header {
        padding-top: 3em;
    }
    .listMenu {
        z-index: 1500;
        top: 0;
        left: 0;
        width: 70%;
        max-height: 100% !important;
        height: 100% !important;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;

        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
    .menu--open {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .open-menu-hide {
        display: none;
    }
}