/* Navigation activites*/
#menu {
    padding: 15px;
    transition: all 0.8s;
  }

  #menu.navactivites-default {
    border-color: rgba(231, 231, 231, 0);
    background-color: transparent;
  }

  #menu a.navactivites-brand {
    font-family: "Raleway", sans-serif;
    font-size: 24px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    
  }
  #menu.navactivites-default .navactivites-nav > li > a {
    font-family: "Lato", sans-serif;
    color: #555;
    font-size: 15px;
    font-weight: 400;
    padding: 8px 2px;
    border-radius: 0;
    margin: 9px 20px 0;

  }
  #menu.navactivites-default .navactivites-nav > li > a:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: linear-gradient(to right, #1e7a46 0%, #3bbba3 100%);
    content: "";
    transition: width 0.2s;
  }
  #menu.navactivites-default .navactivites-nav > li > a:hover:after {
    width: 100%;
  }
  .navactivites-default .navactivites-nav > .active > a,
  .navactivites-default .navactivites-nav > .active > a:hover,
  .navactivites-default .navactivites-nav > .active > a:focus {
    background-color: transparent;
  }
  .navactivites-default .navactivites-nav > .active > a:after,
  .navactivites-default .navactivites-nav > .active > a:hover:after,
  .navactivites-default .navactivites-nav > .active > a:focus:after {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    bottom: -1px !important;
    width: 100% !important;
    height: 2px !important;
    background: linear-gradient(to right, #1e7a46 0%, #3bbba3 100%) !important;
    content: "" !important;
    transition: width 0.2s !important;
  }
  .navactivites-toggle {
    border-radius: 0;
  }
  .navactivites-default .navactivites-button-toggle:hover,
  .navactivites-default .navactivites-button-toggle:focus {
    background-color: #fff;
    border-color: #117864;
  }
  .navactivites-default .navactivites-button-toggle:hover > .icon-bar {
    background-color: #117864;
  }



  .navactivites-button-toggle{
    background-color:transparent;
    padding: 20px;
    width: fit-content;
font-size: large; 
color: black;
border: solid 3px #117864;
}

 .activites {
    color: #117864;
    font-weight: 400;
    font-size: large;
  }
  a:hover,
  a:focus {
    text-decoration: none;
    color: #3bbba3;
  }



  ul,
  ol {
    list-style: none;
  }
  ul,
  ol {
    padding: 0;
    webkit-padding: 0;
    moz-padding: 0;
  }



  .navactivites-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
            box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
  }
  .navactivites-collapse.in {
    overflow-y: auto;
  }
  @media (min-width: 768px) {
    .navactivites-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
    }
    .navactivites-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
    .navactivites-collapse.in {
      overflow-y: visible;
    }
    .navactivites-fixed-top .navactivites-collapse,
    .navactivites-static-top .navactivites-collapse,
    .navactivites-fixed-bottom .navactivites-collapse {
      padding-right: 0;
      padding-left: 0;
    }
  }
  .navactivites-fixed-top .navactivites-collapse,
  .navactivites-fixed-bottom .navactivites-collapse {
    max-height: 340px;
  }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navactivites-fixed-top .navactivites-collapse,
    .navactivites-fixed-bottom .navactivites-collapse {
      max-height: 200px;
    }
  }
  .container > .navactivites-header,
  .container-fluid > .navactivites-header,
  .container > .navactivites-collapse,
  .container-fluid > .navactivites-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 768px) {
    .container > .navactivites-header,
    .container-fluid > .navactivites-header,
    .container > .navactivites-collapse,
    .container-fluid > .navactivites-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }



  @media (min-width: 768px) {
    .navactivites-right .dropdown-menu {
      right: 0;
      left: auto;
    }
    .navactivites-right .dropdown-menu-left {
      right: auto;
      left: 0;
    }
  }


  ////////////////////////////////////////////////////////////////



  @media (min-width: 768px) {
    .navactivites-left {
      float: left !important;
    }
    .navactivites-right {
      float: right !important;
      margin-right: -15px;
   }
    .navactivites-right ~ .navactivites-right {
      margin-right: 0;
    }
  }
 




  ///////////////////////////////////////////////




  .navactivites-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  .navactivites-default .navactivites-brand {
    color: #777;
  }
  .navactivites-default .navactivites-brand:hover,
  .navactivites-default .navactivites-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }
  .navactivites-default .navactivites-text {
    color: #777;
  }
  .navactivites-default .navactivites-nav > li > a {
    color: #777;
  }
  .navactivites-default .navactivites-nav > li > a:hover,
  .navactivites-default .navactivites-nav > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navactivites-default .navactivites-nav > .active > a,
  .navactivites-default .navactivites-nav > .active > a:hover,
  .navactivites-default .navactivites-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navactivites-default .navactivites-nav > .disabled > a,
  .navactivites-default .navactivites-nav > .disabled > a:hover,
  .navactivites-default .navactivites-nav > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navactivites-default .navactivites-toggle {
    border-color: #ddd;
  }
  .navactivites-default .navactivites-toggle:hover,
  .navactivites-default .navactivites-toggle:focus {
    background-color: #dddddd93;
  }
  .navactivites-default .navactivites-toggle .icon-bar {
    background-color: #888;
  }
  .navactivites-default .navactivites-collapse,
  .navactivites-default .navactivites-form {
    border-color: #e7e7e7;
  }
  .navactivites-default .navactivites-nav > .open > a,
  .navactivites-default .navactivites-nav > .open > a:hover,
  .navactivites-default .navactivites-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  @media (max-width: 767px) {
    .navactivites-default .navactivites-nav .open .dropdown-menu > li > a {
      color: #777;
    }
    .navactivites-default .navactivites-nav .open .dropdown-menu > li > a:hover,
    .navactivites-default .navactivites-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
    }
    .navactivites-default .navactivites-nav .open .dropdown-menu > .active > a,
    .navactivites-default .navactivites-nav .open .dropdown-menu > .active > a:hover,
    .navactivites-default .navactivites-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7;
    }
    .navactivites-default .navactivites-nav .open .dropdown-menu > .disabled > a,
    .navactivites-default .navactivites-nav .open .dropdown-menu > .disabled > a:hover,
    .navactivites-default .navactivites-nav .open .dropdown-menu > .disabled > a:focus {
      color: #ccc;
      background-color: transparent;
    }
  }
  .navactivites-default .navactivites-link {
    color: #777;
  }
  .navactivites-default .navactivites-link:hover {
    color: #333;
  }
  .navactivites-default .btn-link {
    color: #777;
  }
  .navactivites-default .btn-link:hover,
  .navactivites-default .btn-link:focus {
    color: #333;
  }
  .navactivites-default .btn-link[disabled]:hover,
  fieldset[disabled] .navactivites-default .btn-link:hover,
  .navactivites-default .btn-link[disabled]:focus,
  fieldset[disabled] .navactivites-default .btn-link:focus {
    color: #ccc;
  }
  .navactivites-inverse {
    background-color: #222;
    border-color: #080808;
  }
  .navactivites-inverse .navactivites-brand {
    color: #9d9d9d;
  }
  .navactivites-inverse .navactivites-brand:hover,
  .navactivites-inverse .navactivites-brand:focus {
    color: #fff;
    background-color: transparent;
  }
  .navactivites-inverse .navactivites-text {
    color: #9d9d9d;
  }
  .navactivites-inverse .navactivites-nav > li > a {
    color: #9d9d9d;
  }
  .navactivites-inverse .navactivites-nav > li > a:hover,
  .navactivites-inverse .navactivites-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navactivites-inverse .navactivites-nav > .active > a,
  .navactivites-inverse .navactivites-nav > .active > a:hover,
  .navactivites-inverse .navactivites-nav > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navactivites-inverse .navactivites-nav > .disabled > a,
  .navactivites-inverse .navactivites-nav > .disabled > a:hover,
  .navactivites-inverse .navactivites-nav > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navactivites-inverse .navactivites-toggle {
    border-color: #333;
  }
  .navactivites-inverse .navactivites-toggle:hover,
  .navactivites-inverse .navactivites-toggle:focus {
    background-color: #333;
  }
  .navactivites-inverse .navactivites-toggle .icon-bar {
    background-color: #fff;
  }
  .navactivites-inverse .navactivites-collapse,
  .navactivites-inverse .navactivites-form {
    border-color: #101010;
  }
  .navactivites-inverse .navactivites-nav > .open > a,
  .navactivites-inverse .navactivites-nav > .open > a:hover,
  .navactivites-inverse .navactivites-nav > .open > a:focus {
    color: #fff;
    background-color: #080808;
  }
  @media (max-width: 767px) {
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .dropdown-header {
      border-color: #080808;
    }
    .navactivites-inverse .navactivites-nav .open .dropdown-menu .divider {
      background-color: #080808;
    }
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > li > a {
      color: #9d9d9d;
    }
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > li > a:hover,
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .active > a,
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .active > a:hover,
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #080808;
    }
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .disabled > a,
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .disabled > a:hover,
    .navactivites-inverse .navactivites-nav .open .dropdown-menu > .disabled > a:focus {
      color: #444;
      background-color: transparent;
    }
  }
  .navactivites-inverse .navactivites-link {
    color: #9d9d9d;
  }
  .navactivites-inverse .navactivites-link:hover {
    color: #fff;
  }
  .navactivites-inverse .btn-link {
    color: #9d9d9d;
  }
  .navactivites-inverse .btn-link:hover,
  .navactivites-inverse .btn-link:focus {
    color: #fff;
  }
  .navactivites-inverse .btn-link[disabled]:hover,
  fieldset[disabled] .navactivites-inverse .btn-link:hover,
  .navactivites-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .navactivites-inverse .btn-link:focus {
    color: #444;
  }