﻿.menuNagishut {
    width: 374px;
    position: fixed;
    top: 15px;
    right: -326px;
    z-index: 1000;
    height: 100%;
}
.menuNagishut .hamburger {
    padding-top: 0px; 
    width: 50px;
    height: 50px;
    margin: auto;
    margin-top: 0px;
    background: url("/SiteCollectionImages/humburger_n.png") no-repeat center;
}

.menuNagishut .menu-btnN {
    width: 48px;
    height: 48px;
    background-color: #084d79;
    text-align: center;
    cursor: pointer;
    float: left;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
}

.menuNagishut .menu-links-nagish {
    width: 326px;
    height: auto;
    float: right;
    background: none;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.15);
}

nav.menu-links-nagish ul li {
    line-height: 2.9;
    padding-right: 50px;
    text-align: right;
    /*  background-color: rgb(135, 155, 32);*/
    background-color: #798082;
    margin-bottom: 2px;
    color: #fff;
    cursor: pointer;
}



.animated {
    -webkit-animation-duration: 0.4s;
    -moz-animation-duration: 0.4s;
    -o-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
 /*   display: inline-block !important;*/
    opacity: 1;
}



@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(79%, 0, 0);
        transform: translate3d(79%, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(79%, 0, 0);
        transform: translate3d(79%, 0, 0);
    }
}


@-webkit-keyframes slideInLeftNagish {
    from {
        -webkit-transform: translate3d(-79%, 0, 0);
        transform: translate3d(-79%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeftNagish {
    from {
        -webkit-transform: translate3d(-79%, 0, 0);
        transform: translate3d(-79%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
.slideInLeftNagish {
    -webkit-animation-name: slideInLeftNagish;
    animation-name: slideInLeftNagish;
}


@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(79%, 0, 0);
        transform: translate3d(79%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(79%, 0, 0);
        transform: translate3d(79%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

.slideInRightNagish {
  -webkit-animation-name: slideInRightNagish;
  animation-name: slideInRightNagish;
}

@-webkit-keyframes slideInRightNagish {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-79%, 0, 0);
        transform: translate3d(-79%, 0, 0);
    }
}

@keyframes slideInRightNagish {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(-79%, 0, 0);
        transform: translate3d(-79%, 0, 0);
    }
}

