/* CSS DE MENU NUEVO*/
@media (max-width: 768px){
    /*
.sf-accordion-toggle a span{
        display: none;
    }
#superfish-roboticapp-toggle > span {
        display: none;
    }
.sf-accordion-toggle > a{
background-image: url(/sites/default/files/icono-menu.png);
    background-size: contain;
    height: 36px;
    position: fixed;
    background-repeat: no-repeat;
    width: 40px;
    display: block;
    z-index: 9999;
    right: 7px;
    top: 7px;
}
    */

.region.region-navigation-collapsible > section > ul.menu{
   /* position: absolute;
    right: 0;
    width: 80%;
    top: 5rem !important;
    z-index: 9999;*/
    /*animation-name: cierre;
    animation-duration:1s;
  animation-fill-mode: forwards;*/
    /*transition: transform 2s;*/
}
/*
.region.region-navigation-collapsible > section > ul.abierto{
    max-width: 80%;
    visibility: visible;
}
.region.region-navigation-collapsible > section > ul.cerrado{
    max-width: 0%;
    visibility: hidden;
}
  
*/

.region.region-navigation-collapsible > section > ul.open{
    /*transform: translate(0%);
    transition: transform 2s;*/
/*    animation-name: open;
  animation-fill-mode: forwards;*/
}
.region.region-navigation-collapsible > section > ul.cierre{
    /*transform: translate(100%);
    transition: transform 2s;*/
/*    animation-name: cierre;
  animation-fill-mode: forwards;/*
}
  /*
@keyframes open {
    from {
        max-width: 0;
        visibility: hidden;
    }
    to {
        max-width: 80%;
        visibility: visible;
    }
}
@keyframes cierre {
    from {
        max-width: 80%;
        visibility: visible;
    }
    to {
        max-width: 0%;
        visibility: hidden;
    }
}


.region-navigation-collapsible > section > ul .sf-expanded{
    display: block;
    background: #1a75b9!important;
    position: fixed;
    right: 0;
    margin-top: 10%;
    width: 70%;
    padding: 10px;
    background-color: red;
}
    */
/*animaciones*/
/*
.region.region-navigation-collapsible > ul .open {
  animation-name: open;
  animation-name: open;
  animation-fill-mode: forwards;
}

@keyframes open {
    from {max-width: 0;}
    to {max-width: 80%;}
}

.region.region-navigation-collapsible .cierre {
  animation-name: cierre;
  animation-name: cierre;
  animation-fill-mode: both;
}

@keyframes cierre {
    from {max-width: 80%;}
    to {max-width: 0;}
}*/
/*@media (max-width: 768px){*/
div#navbar-collapse {
    margin: -1px;
    border: none;
    display: contents!important;
}
#block-menu > ul{
       // display: none;
       position: relative!important;
        top: 2px !important;
        z-index: 9999;
        text-align: center;
               margin: auto;
        display: inline-block;
        width: max-content;
        right: inherit;
}
.main-container.container {
    padding-top: 85px!important;
}
#block-menu .show{
        display: block;
}
.show:first-child{
padding-top: 5rem !important;
}
.mm-li{
    margin: 1rem 0rem !important;
    width: 100%!important;
}
section#block-views-block-mi-usuario-block-1 {

    text-align: center !important;
}

#block-menu:after{
    //background-image: url(/sites/default/files/icono-menu.png);
    background-size: 40px;
    background-color: transparent;
    background-repeat: no-repeat;
    height: 5em;
    width: 5em;
    right: 0px;
    position: absolute;
    top: 6px;
}

/*links*/
.region-navigation-collapsible > section > ul > li >a{
    //background-color: red;
}
}

@media (min-width: 769px){
    #block-menu{
    display: initial;
}

    #toggle-bar{
        display: block;
    }

}