.wrap_menu {
  display: none; }

@media screen and (max-width: 767px) {
  .wrap_menu {
    display: block; }
  input#menu {
    display: none; }
  .icon {
    background: #fff;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 0;
    margin: 0;
    width: 28px; }
  label.icon {
    z-index: 200;
    top: 5px;
    left: 0; }
  .icon .menu,
  .icon .menu::before,
  .icon .menu::after {
    background: #757575;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    transition: background ease 0.3s,
 top ease 0.3s 0.3s,
 transform ease 0.3s;
    width: 24px; }
  .icon:hover .menu,
  .icon:hover .menu::before,
  .icon:hover .menu::after {
    background: #7d7d7d; }
  .icon .menu {
    left: 0px;
    top: 10px; }
  .icon .menu::before {
    top: -7px; }
  .icon .menu::after {
    top: 7px; }
  #menu:checked + .icon .menu {
    background: transparent; }
  #menu:checked + .icon .menu::before {
    transform: rotate(45deg); }
  #menu:checked + .icon .menu::after {
    transform: rotate(-45deg); }
  #menu:checked + .icon .menu::before,
  #menu:checked + .icon .menu::after {
    top: 0;
    transition: top ease 0.3s,
 transform ease 0.3s 0.3s; }
  nav.menu_mobile {
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    height: calc(100vh - 5px);
    overflow: scroll;
    position: absolute;
    transition: left ease 0.6s;
    width: 100vw;
    z-index: 1990;
    top: 35px;
    left: calc(-100vw - 100%) !important;
    padding: 0px !important;
    display: block; }
  nav.menu_mobile .content_menu {
    padding: 20px;
    height: calc(100vh - 50px); }
  #menu:checked ~ nav {
    left: calc((-100vw + 100%) / 2) !important; }
  nav.menu_mobile ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  nav.menu_mobile li {
    cursor: pointer;
    display: block;
    padding-left: 16px;
    white-space: nowrap; }
  nav.menu_mobile i {
    color: #9fb1bd;
    margin-right: 24px;
    vertical-align: text-bottom; }
  footer .footer__list.footer__menu {
    padding-bottom: 20px !important;
    margin-top: 40px;
    border-top: solid 0.5px #dadada;
    background: #fff; }
    footer .footer__list.footer__menu .title__footer {
      padding: 0 !important; }
      footer .footer__list.footer__menu .title__footer h1 {
        font-size: 14px !important;
        font-weight: 500 !important; }
    footer .footer__list.footer__menu .footer__menu {
      margin: 0 !important;
      padding: 0 !important; }
    footer .footer__list.footer__menu .contact__footer .info__company {
      text-transform: none;
      padding-left: 0; } }

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