.dropdown-inline {
    float: left;
    margin: 0 5px;
  }

.menuportion
{
  margin: 60px 0;
}

.navbar-material-blue .navbar-brand {
  color: #ffffff;
}

.navbar-material-blue .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-nav > li > a {
  border-radius: 3px;
  line-height: 20px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.navbar-nav > li {
  padding-bottom: 12px;
  padding-top: 12px;
}
.navbar-material-blue .navbar-nav > .open > a, .navbar-material-blue .navbar-nav > .open > a:hover, .navbar-material-blue .navbar-nav > .open > a:focus {
    background-color: #0288d1;
    color: #ffffff;
}

.navbar-material-blue {
  background-color: #03a9f4;
  border-color: #0392d3;
}

.navbar-toggle {
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 9px 10px;
}
.navbar-material-blue .navbar-toggle .icon-bar {
  background-color: #fff;
}

.navbar-material-blue .navbar-toggle:hover, .navbar-material-blue .navbar-toggle:focus {
  background-color: #0288d1;
}



  @-webkit-keyframes fadeInDownNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInDownNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, -20px, 0);
      transform: translate3d(0, -20px, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInDownNew {
    -webkit-animation-name: fadeInDownNew;
    animation-name: fadeInDownNew;
  }
  @-webkit-keyframes fadeInLeftNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInLeftNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(-20px, 0, 0);
      transform: translate3d(-20px, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInLeftNew {
    -webkit-animation-name: fadeInLeftNew;
    animation-name: fadeInLeftNew;
  }
  @-webkit-keyframes fadeInRightNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInRightNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(20px, 0, 0);
      transform: translate3d(20px, 0, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInRightNew {
    -webkit-animation-name: fadeInRightNew;
    animation-name: fadeInRightNew;
  }
  @-webkit-keyframes fadeInUpNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  @keyframes fadeInUpNew {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(0, 20px, 0);
      transform: translate3d(0, 20px, 0);
    }

    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  .fadeInUpNew {
    -webkit-animation-name: fadeInUpNew;
    animation-name: fadeInUpNew;
  }