.bloquearScroll {
      overflow-y: hidden !important;
  }
  .menuScrollOff{ 
      transition:2s;
   }
   .bloquearScroll .menuScrollOff{
      background-color: white !important;
      transition:0.25s;
  }
  
  
  header {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 50px;
  }
 
     /* BURGER */
  .burger-container {
      background-color: #0d5659a8;
      width: 100%;
      height: 50px;
      
  }
  
  .burger {
      position: relative;
      width: 70px;
      height: 50px;
      cursor: pointer;
  }
  
  .burgerBar1 {
      position: absolute;
      top: 10px;
      left: 15px;
      background: #00b69d;
      width: 50px;
      height: 5px;
      transition:0.75s;
  }
  
  .burgerBar2 {
      position: absolute;
      top: 22px;
      left: 15px;
      background: #00b69d;
      width: 50px;
      height: 5px;
      transition:0.50s;
  }
  
  .burgerBar3 {
      position: absolute;
      top: 35px;
      left: 15px;
      background: #00b69d;
      width: 50px;
      height: 5px;
      transition:0.25s;
  }
  .burgerOn>.burgerBar1{
      transform: rotate(-40deg);
      top: 22px;
      transition: 0.75s;
   }
   .burgerOn>.burgerBar2{
      transform: rotate(40deg);
      transition:0.5s;
   }
   .burgerOn>.burgerBar3{
      width:0px;
      transition:0.25s;
   } 
  /*  FIN - BURGER */
  /*  MENU */
  
  #menu-container {
      background-color: white ;
      width: 100%;
      height: auto;
      max-height: 0vh;
      overflow-y: auto;
      transition: 0.5s;
  }
  
  .menuContainerOn {
   /* max-height:calc(100vh - 50px) ; */
      /* overflow-y: auto; */
      /* transition: 0.5s; */
  }
 
   .menuContainerOn::-webkit-scrollbar {
      -webkit-appearance: none;
  }
  
  .menu {
      margin: 0px;
      padding:20px 10px;
      text-align:center; 
      display:flex;
      justify-content:center;
      flex-flow:column;
      transition:1s;
  }
  .menu>li{
      display:block;
  }
  .menuContainerOn>.menu>li {
       
  }
   
  .menuOn {
     /* display:flex; */
  }
  
.min-heightMenu7{
   min-height: 150px;
   /*max-width:250px;*/
   margin-left:auto;
   margin-right:auto;
}
  /*  FIN - MENU */
  /* OPCIONES DEL MENU */
  .menuTitre{display:block; font-size:28px; color:cornflowerblue;padding-top:15px;}
  .menuOptions{display:block; font-size:22px; color:#444;}
  .menuOptions:hover{color:#888;}


  /*  FIN - OPCIONES DEL MENU */

 /* SOCIAL MENU */
   .socialMenu7{
      position:fixed;  
      top: 6px;
      right: 10px;  
      z-index: 3;
   }
   .social2 {
      padding: 14px;
      width: 40px;
      height: 40px;
      display: flex;
      justify-content: center;
      align-items: center;
  }
  /* FIN - SOCIAL MENU */

 /* LANG MENU */
   .langMenu7{
      position: absolute;
      top:60px;
      left: 20px;
      z-index: 1;
   }
   .langMenu7>a>img{
      width: 40px;
      height: 40px;
      padding:3px;
      border:1px solid #444;
      border-radius:50%;
   }
   .langMenu7>a>img:hover{
      padding:1px;
      transition:0.15s;
   }
  /* FIN - LANG MENU */ 

  /* LOGO MENU */
   .logoMenu7{
      position: fixed;
      top: 5px;
      width: 100px;
      left: calc(50% - 50px);
      transition:0.5s;
   }
   .html-scroll-on .logoMenu7{
      
      width: 60px;
      left: calc(50% - 30px);
   }
  .logo-pmr{width: 40px;}
  /* FIN - LOGO MENU */

  .borderLand{display:none;width:100%; height:100%;}
  .logo2{
      display:none; 
   }
@media only screen and (min-width: 400px) {}

@media only screen and (min-width: 576px) {
   .menu {
      flex-flow:row wrap !important;
  }
   .menu>li{
      width: 50%;
      border:none !important;
   }

   .logo2{
      display:block;
      top:70px;
      left:calc(50% - 100px);
   }
   .logo2 img{
      width:200px;
   }
}

@media only screen and (min-width: 768px) {
	.min-heightMenu7{
   min-height: 180px;
}
   .social2 {
      padding: 16px;
      width: 50px;
      height: 50px;
  } 
  .logo2{
   top:90px;
   left:calc(50% - 120px);
   }
   .logo2 img{
      width:240px;
   }
}
@media only screen and (min-width: 920px) {
 
  .logo2{
   top:60px;
   left:calc(50% - 100px);
   }
   .logo2 img{
      width:200px;
   }
}
@media only screen and (min-width: 992px) {
   header {
      height: 60px;
  }
   /* BURGER */
   .burger-container {
      height: 60px;
  }
   .burger {
      height: 60px;
      width: 180px;
   }

   .burgerBar1 {
      top: 13px;
   }

   .burgerBar2 {
      top: 26px;
      
   }

   .burgerBar3 {
      top: 40px;
      
   }

   .burgerOn>.burgerBar1{
      transform: rotate(-40deg);
      top: 25px;
      transition: 0.75s;
   }
   .burgerOn>.burgerBar2{
      transform: rotate(40deg);
      transition:0.5s;
   }
   .burgerOn>.burgerBar3{
      width:0px;
      transition:0.25s;
   }

   /* FIN - BURGER */
 
  /* OPCIONES DEL MENU */
   .menu>li{
      width: 33.333333%;
   }
   /*  FIN - OPCIONES DEL MENU */

    /* SOCIAL MENU */
 .socialMenu7{  
   top: 10px;
   right: 40px;  
  }
 /* FIN - SOCIAL MENU */

/* LANG MENU */
  .langMenu7{
     position: fixed;
     top: 10px;
     left: 90px;
     z-index: 3;
 
  }
  .langMenu7>a>img{
 
  }
  .langMenu7>a>img:hover{
 
  }
 /* FIN - LANG MENU */ 

 /* LOGO MENU */ 
	.logoMenu7{
      position: fixed;
      top: 5px;
      width: 200px;
      left: calc(50% - 100px); 
   }
   .html-scroll-on .logoMenu7{
         width: 100px;
         left: calc(50% - 50px);
   }
   .logo-pmr{width: 45px;}
 /* FIN - LOGO MENU */

   .logo2{
      top: 80px; 
      left:calc(50% - 120px);
   }
   .logo2 img{
      width:240px;
   } 
}

@media only screen and (min-width: 1200px) {
  
   .menu>li{
      width: 25%;
   }
   .logo2{
      top: 75px; 
      left:calc(50% - 150px);
   }
   .logo2 img{
      width:300px;
   } 
}
@media only screen and (min-width: 1300px) {
 
   .logo2{
      top: 90px; 
      /* left:calc(50% - 150px); */
   }
  /*  .logo2 img{
      width:300px;
   }  */
}

@media only screen and (min-width: 1400px) {
 
   .logo2{
      top: 150px; 
      /* left:calc(50% - 150px); */
   }
  /*  .logo2 img{
      width:300px;
   }  */
}