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

.swiper-container {
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: unset;

}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */

}
.menu {
    min-width: 100px;
    width: 4rem;
    max-width: 320px;
    background: #ececef!important;
    color: #fff;
    box-shadow: #000 5px 0 5px -5px;
}
.content {
    width: 100%;
    /*overflow: hidden;*/
}
.menu-button {
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 5 ;
    float: left;
}
.menu-button .bar:nth-of-type(3) {
    margin-bottom: 0px;
}
.bar {
    position: relative;
    display: block;
    width:30px;
    height:3px;
    margin: 4px 0;
    background-color: #666;
    border-radius: 10px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.menu-button:hover .bar:nth-of-type(1) {
    -webkit-transform: translateY(0) rotate(-4.5deg);
    -ms-transform: translateY(0) rotate(-4.5deg);
    transform: translateY(0) rotate(0);
}
.menu-button:hover .bar:nth-of-type(2) {
    opacity: 0.9;
}
.menu-button:hover .bar:nth-of-type(3) {
    -webkit-transform: translateY(0) rotate(4.5deg);
    -ms-transform: translateY(0) rotate(4.5deg);
    transform: translateY(0) rotate(0);
}
.cross .bar:nth-of-type(1) {
    -webkit-transform: translateY(0) rotate(-45deg);
    -ms-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
}
.cross .bar:nth-of-type(2) {
    opacity: 0;
}
.cross .bar:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-15px) rotate(45deg);
}
.cross:hover .bar:nth-of-type(1) {
    -webkit-transform: translateY(0) rotate(-40.5deg);
    -ms-transform: translateY(0) rotate(-40.5deg);
    transform: translateY(0) rotate(-40.5deg);
}
.cross:hover .bar:nth-of-type(2) {
    opacity: 0.1;
}
.cross:hover .bar:nth-of-type(3) {
    -webkit-transform: translateY(-13.5px) rotate(40.5deg);
    -ms-transform: translateY(-13.5px) rotate(40.5deg);
    transform: translateY(-13.5px) rotate(40.5deg);
}
/*# sourceMappingURL=nav.css.css.map */