.nav-container {
  position: relative;
  display: inline-block;
  max-width: 50px;
  max-height: 50px;
  overflow: visible;
  outline: none;
  z-index:9999;
  left: 14px;
}
.nav-container.is-active .nav-toggle:before, .nav-container.is-active .nav-toggle:after {
  box-shadow: none;
}
.nav-container.is-active > .toggle-nav-wrap {
  background: #000;
}
.nav-container.is-active .nav-toggle:before {
  transform: rotate(-45deg);
}
.nav-container.is-active .nav-toggle:after {
  transform: rotate(45deg);
}
.nav-container.is-active .nav-items {
  transform: translate(0, 0);
}
.nav-container .nav-toggle {
    position: relative;
    width: 30px;
    height: 40px;
    margin: 10px;
    z-index: 2;
}
.nav-container .nav-toggle:hover {
  cursor: pointer;
}
.nav-container .nav-toggle:before, .nav-container .nav-toggle:after {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
  height: 4px;
  background: #fff;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.nav-container .nav-toggle:before {
  box-shadow: 0 9.333333px 0 0 #fff;
}
.nav-container .nav-toggle:after {
  box-shadow: 0 -9.333333px 0 0 #fff;
}
.nav-container .nav-items {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 300px;
  max-width: 50vw;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  padding: 80px 20px 20px 10px;
  transition: transform 0.3s ease;
  transform: translate(calc(-100% - 50px), 0);
  background: #efefef;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 5px 0;
  align-content: start;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
}
.nav-container .nav-items .nav-item {
  /*background: #e2e2e2;*/
  padding: 10px;
  transition: background-color 0.3s ease;
}
.nav-container .nav-items .nav-item:hover {
  cursor: pointer;
  /*background: #d6d6d6;*/
}









/* Menu */

.mobile-sub{
    /*color:#000;*/
    
     color:#EB1383;
    
}

.mobile-sub:hover{
    color:#EB1383;
    
}
    ul.mobile-menu {
        list-style: none;
        margin: 0;
        padding: 0;
        line-height: 2;
        display:block;
    }
    
    .mobile-menu li {
        background: whitesmoke;
        /*opacity: 0;*/
        /*padding: 12px 22px;*/
        border-bottom: 1px solid rgba(255,255,255,.5);
        color: gray;
        transition: all .25s linear;
    }
    
    /* Start Radio inputs */
    input[name="menu"],
    input[name=dropdowns],
    input[name=sub_menu],
    input[name=sub_dropdowns]{
       display: none;
    }

    input[type=radio]:checked ~ label {
       color: rgb(124, 179, 66);
    }
    
    input[type=radio]:checked ~ label > i:first-child {
       color: rgb(124, 179, 66);
    }
    
    input:not(checked) ~ label {
       color: rgb(60, 33, 33);
    }
    /* End Radio inputs */
    
    
    /* Start Checkbox inputs */
    input[type=checkbox]:checked ~ ul,
    input[type=checkbox]:checked ~ .sub_drop {
       display: block;
    }
    
    
    
    #uparrow,
    #downarrow {
       float: right;
       margin-top: 7px;
    }
    
    input[name=dropdowns]:checked ~ label > a > span > #downarrow {
       display: none;
    }
    
    input[name=dropdowns]:checked ~ label > a > span > #uparrow {
       display: inline-block;
    }
    
    input[name=dropdowns]:not(checked) ~ label > a > span > #uparrow {
       display: none;
    }
    
    
    
    input[name=sub_dropdowns]:checked ~ label > a > span > #downarrow {
       display: none;
    }
    
    input[name=sub_dropdowns]:checked ~ label > a > span > #uparrow {
       display: inline-block;
    }
    
    input[name=sub_dropdowns]:not(checked) ~ label > a > span > #uparrow {
       display: none;
    }
    
    /* End Checkbox inputs */
    
    .mobile-menu li label i {
       width: 50px;
       margin-right: 5px;
       text-align: center;
    }
    
    .mobile-menu li label {
       display: inline-block;
       width: 100%;
    }
    
    .mobile-menu li label:hover {
       cursor: pointer;
    }
    
    .drop {
       display: none;
    }
    
    .drop li {
        
       display: block;
       font-size: 14px;
       padding-left: 20px;
    }
    
    .drop li label {
       width: 100%;
    }
    
    .sub_drop {
       display: none;
    }
    
    .sub_drop li {
       display: block;
       font-size: 14px;
       padding-left: 0px;
    }
    
    .sub_drop li label {
       width: 105px;
    }

    
    .in .mobile-menu li {
        transform: translateX(0%);
        opacity: 1;
    }

    .in .mobile-menu li { transition-delay: 1s; } 
    
    /*.in .menu li:nth-child(1) { transition-delay: 1s; } */
    /*.in .menu li:nth-child(2) { transition-delay: 1.15s; } */
    /*.in .menu li:nth-child(3) { transition-delay: 1.25s; } */
    /*.in .menu li:nth-child(4) { transition-delay: 1.35s; } */
    /*.in .menu li:nth-child(5) { transition-delay: 1.45s; } */
    /*.in .menu li:nth-child(6) { transition-delay: 1.55s; } */
    /*.in .menu li:nth-child(7) { transition-delay: 1.65s; } */
    
    /* Animation */
    
    .in .inside {
      -webkit-animation: bounce 1s both;
    }
    
    
    /* Generated with Bounce.js. Edit at https://goo.gl/zdjCb0 */
    
    @-webkit-keyframes bounce { 
     0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      27.68% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      27.78% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -100, 0, 0, 1); }
      29.73% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -49.785, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -49.785, 0, 0, 1); }
      31.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.659, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.659, 0, 0, 1); }
      33.06% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -23.527, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -23.527, 0, 0, 1); }
      34.43% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30.089, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -30.089, 0, 0, 1); }
      36.81% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.067, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -18.067, 0, 0, 1); }
      39.2% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.115, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.115, 0, 0, 1); }
      42.09% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.347, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -8.347, 0, 0, 1); }
      46.79% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.013, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.013, 0, 0, 1); }
      49.68% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.316, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -2.316, 0, 0, 1); }
      54.38% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0, 0, 1); }
      57.27% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.643, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.643, 0, 0, 1); }
      62.05% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.007, 0, 0, 1); }
      64.86% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.178, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.178, 0, 0, 1); }
      69.64% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.002, 0, 0, 1); }
      72.53% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.049, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.049, 0, 0, 1); }
      77.23% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      80.12% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.014, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.014, 0, 0, 1); }
      84.82% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      87.71% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.004, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.004, 0, 0, 1); }
      92.48% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
      95.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, 0, 0, 1); }
      100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
    }

    .text-dark{
        color:#000 !important;
    }
    
       .bg-dark{
        background:#000 !important;
    }