/* Generated by less 2.4.0 */
/* Create by: Felipe Dumont
/* Version: 1.0
/* Website: www.darkmedia.com.br


/* Colors */
/* Animations */
.transition-2s {
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}
/* Menu */
.menu-container .menu-btn {
  color: #4f4f6d;
  position: fixed;
  top: 23px;
  right: :-270px;
  cursor: pointer;
  z-index: 10000;
  font-size: 25px;
  text-decoration: none;
  right:5% !important;
}
.menu-container .menu-btn:hover {
  color: #666666;
}
.menu-container .menu-slide {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #f7f7f9;
  height: 100%;
  right: -270px;
  top: 0;
  width: 270px;
  overflow-y: auto;
  z-index: 10000;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 6s ease-in-out;
  transition: 0.3s ease-in-out;
  position: fixed;
  opacity: 0;
}
.menu-container .menu-slide .menu-list {
  padding: 0;
  margin: 0;
  list-style: none;
  padding-top: 0px;
}
.menu-container .menu-slide .menu-list .menu-item a {
  padding: 15px;
  display: block;
  text-decoration: none;
  color: #333333;
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.menu-container .menu-slide .menu-list .menu-item a:hover {
  color: #FFF;
  background-color: #e94949;
  transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
  -ms-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
}