#particlesjs,#particlesjsMenu{
    position: absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
}
@media (min-width: 991px){
    #navbar{
        background-image: linear-gradient(to left, #131313 0%, #000000 100%) !important;

    }
}
@media (max-width: 991px){
    .menu-extras .menu-item > div{
        border:none !important;
    }
    .menu-extras{
        position:absolute;
        right:10px;
        color:WHITE !important;
    }
    div.hamburger-inner::after{
        color:WHITE;
        background-color: #a60923;
    }
    div.hamburger-inner::before{
        color:WHITE;
        background-color: #d21f67;
    }
    div.hamburger-inner{
        color:WHITE;
        background-color: #e95c24;
    }
    #navbar .logo {
        height: 60px;
        width: 90%;
        text-align:center;
    }
    #navbar .logo a{
        display:inline-block;
    }
    #navbar{
    background-color:BLACK !important;
        background-image:unset !important;
    }
    .animated-icon.white svg, .animated-icon.white svg * {
        stroke: #fff;
        margin-left: 287%;
    }
}

#navbar::after{
    background-image: url(../images/shadowTop.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    bottom: -104px;
    content: '';
    width: 100%;
    height: 104px;
    z-index:1;

}

.dark-bg{
    background-image: linear-gradient(to left, #131313 0%, #000000 100%) !important;
    background-color: #262626;
    color: #091223;
}



#animateBg {

    color: #fff;
    background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);
    background-size: 400% 400%;
    -webkit-animation: Gradient 15s ease infinite;
    -moz-animation: Gradient 15s ease infinite;
    animation: Gradient 15s ease infinite;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes Gradient {
    0% {
        background-position: 0% 50%
    }
    50% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}


.flip-container {
    perspective: 1000px;
}

.flip-container:hover .flipper, .flip-container.hover .flipper {
    transform: rotateY(180deg);
}

.flip-container, .front, .back {
    width:100%;
    height:100px;
    background-color:BLACK;
}
.flip-container:hover{
    height:200px;
}

.flipper {
    transition: 0.6s;
    transform-style: preserve-3d;

    position: relative;
}


.front, .back {
    backface-visibility: hidden;

    position: absolute;
    top: 0;
    left: 0;
}


.front {
    z-index: 2;

    transform: rotateY(0deg);
}


.back {
    transform: rotateY(180deg);
}


nav.stick.lefthand{
   position:fixed;
   left:0;
    -webkit-transform: rotate(90deg) !important;
    -moz-transform: rotate(90deg) !important;
    -ms-transform: rotate(90deg) !important;
    -o-transform: rotate(90deg) !important;
    transform: rotate(90deg) !important;
}
#navbar.stick.lefthand .navigation-menu > li > a{
    padding:20px 8px !important;
}
.nav.stick.lefthand img.logo-dark{
    max-height:36px;
}
#navbar.lefthand .logo img {
    max-height:36px !important;
}