/* line 2, D:/Xampp/htdocs/style_main/menu_icon.sass */
.menu-ico {
  background-color: transparent;
  height: 2em;
  width: 2.5em;
  display: block;
  position: relative;
  cursor: pointer; }
  /* line 10, D:/Xampp/htdocs/style_main/menu_icon.sass */
  .menu-ico:hover > span.bar {
    background-color: white; }
  /* line 12, D:/Xampp/htdocs/style_main/menu_icon.sass */
  .menu-ico > span.bar {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    border-radius: 0.1em;
    height: 0.4em;
    background-color: rgba(255, 255, 255, 0.8);
    transition: transform 200ms ease-in-out, background-color 300ms ease; }
    /* line 21, D:/Xampp/htdocs/style_main/menu_icon.sass */
    .menu-ico > span.bar.top {
      margin-top: 0; }
    /* line 23, D:/Xampp/htdocs/style_main/menu_icon.sass */
    .menu-ico > span.bar.bot {
      margin-bottom: 0; }
  /* line 27, D:/Xampp/htdocs/style_main/menu_icon.sass */
  .menu-ico.active > span.bar {
    background-color: white; }
  /* line 29, D:/Xampp/htdocs/style_main/menu_icon.sass */
  .menu-ico.active > span.bar.top {
    transform: rotate(45deg);
    transform-origin: 0; }
  /* line 32, D:/Xampp/htdocs/style_main/menu_icon.sass */
  .menu-ico.active > span.bar.mid {
    opacity: 0; }
  /* line 34, D:/Xampp/htdocs/style_main/menu_icon.sass */
  .menu-ico.active > span.bar.bot {
    transform: rotate(-45deg) translateY(-0.1em);
    transform-origin: 0; }

/*# sourceMappingURL=menu_icon.css.map */