  /* Nav fausto Pintle  */

  .menu
  {
    background: linear-gradient(131deg, rgba(1, 98, 89) 0%, rgba(12, 83, 100) 20%, rgba(28, 61, 117,0.8618446092927055) 59%);
    /* background: linear-gradient(to right, ghostwhite, rgba(12, 83, 100) , #1D3C77); */
    height: 66px;
    width: 100vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 5px 0 10px rgb(0, 0, 0, .6);
    position: fixed;
    top: 0;
    z-index: 99;
  }
  .logo
  {
    color: #fff;
    font-size: 35px;
    padding: 0 80px;
    font-weight: bold;
  }
  .menu_items
  {
    display: flex;
    list-style: none;
    margin-right: 30px;
  }
  .menu_items li
  {
    border-radius: 3px;
    margin: 0 5px;
  }

  /* ///////////////////////////////////POSIBLE EFECTO DE MENÚ */
  .container-nav
  {
    top: 7px;
    width: 130px;
    height: 66px;
    position: relative;
    bottom: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .center .custom
  {
    width: 130px;
    height: 66px;
  }

  .btn
  {
    width: 130px;
    height: 66px;
    cursor: pointer;
    background: transparent;
    /* border: 1px solid #91C9FF; */
    outline: none;
    transition: 1s ease-in-out;
  }

  svg
  {
    position: absolute;
    left: 0;
    top: 0;
    fill: none;
    stroke: #92C052;
    stroke-dasharray: 150 480;
    stroke-dashoffset: 150;
    transition: 1s ease-in-out;
  }

  .btn:hover
  {
    color: rgba(28, 61, 117);
    background: #92C052;
    box-shadow: 0 0 10px #92C052, 0 0 40px #92C052, 0 0 80px #92C052;
	  transition-delay: .4s;
  }

  .btn:hover svg
  {
    stroke-dashoffset: -480;
  }

  .btn span
  {
    color: white;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 2px;
  }

  .spacing-icon
  {
    margin-left: 3px;
  }
  /* ///////////////////////////////////////////////////////////////// END POSIBLE EFECTO DE MENÚ */

  .menu_items li a
  {
    letter-spacing: 2px;
    padding: 4px 10px;
    text-decoration: none;
    /* font-size: 20px; */
    display: block;
    color: #fff;
    font-weight: 400;
  }

  li.active
  {
    /* background-color: rgb(0, 0, 0, .3); */
    border-bottom: 3px solid #92DD1B;
  }
  .cool-link {
      display: inline-block;
      color: #000;
      text-decoration: none;
  }

  .cool-link::after {
      content: '';
      display: block;
      width: 0;
      height: 3px;
      /* background: #000; */
      background: linear-gradient(to left, #92DD1B, rgb(13, 158, 194), #92DD1B);
      transition: width .3s;
      /* color: crimson !important; */
  }

  .cool-link:hover::after {
      width: 100%;
      transition: width .3s;
  }


  .btn_menu
  {
    margin-right: 30px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    display: none;
  }
  ul.show
  {
    top: 65px;
    z-index: 1 ;
  }

  /* styles of dropdown */

  .spacing-logo
  {
    margin-left: 20px;
  }

  .dropdown-menu
  {
    background: #1D3D77;
  }
  .dropdown-item
  {
    color: #fff !important;
  }
  .dropdown-item:hover
  {
    background-color: #00A9A2;
    /* color: #1D3D77; */
  }
  .alinear
  {
    padding-top: 15px;
  }
  .alinear a
  {
    color: #fff;
  }
  .login-gest a
  {
    color: #fff !important;
    text-decoration: none;
  }
  .spacing-icon-exit
  {
    margin-right: 5px;
  }

  .menu-user-gest{
    margin-right: 15px;
  }
  .menu-user-gest li
  {
    list-style:none;
  }

  .item-user-gest
  {
    display: none;
  }

  .img-perfil-user
  {
    border-radius: 50%;
  }
  .padding-exit-gest
  {
    padding: 18px 0px;
  }
  .size-logo
  {
    width: 125px;
    height: 40px;
  }
  .size-logo-engrane
  {
    width: 35px;
    height: 35px;
    margin-left: -5px;
  }
  /* .icon-gest-none
  {
    display: none;
  } */


  @media screen and (max-width: 952px)
  {
    .logo
    {
      font-size: 30px;
      padding-left: 35px;
    }
    .menu_items li a
    {
      font-size: 16px;
      text-align: -webkit-center;
    }
    .container-nav
    {
      top: 0;
    }
  }

  @media screen and (max-width: 858px)
  {

    li.active {
      border-top: 3px solid #92DD1B;
    }
    .item-user-gest
    {
      display: block;
    }
    .menu-user-gest
    {
      display: none;
    }

    .contenedor-slider-principal
    {
      margin-top: 65px !important;
    }
    .menu
    {
      height: 65px;
    }
    .btn_menu
    {
      display: inline-flex;
    }
    .menu_items
    {
      position: fixed;
      width: 100vw;
      height: calc(100% - 65px);
      background: linear-gradient(131deg, rgba(1, 98, 89) 0%, rgba(12, 83, 100) 20%, rgba(28, 61, 117,0.8618446092927055) 59%);
      top: -100vh;
      text-align: center;
      transition: all .4s;
      flex-direction: column;
      padding-left: 0px;
    }
    .menu_items li
    {
      /* margin: 30px 0 0 0; */
      line-height: 30px;
    }
    .menu_items li:hover
    {
      background: none;
    }
    .menu_items li a
    {
      /* font-size: 20px; */
      color: #fff;
      /* font-weight: bold; */
      text-align: -webkit-center;
    }

    .menu_items li a:hover
    {
      color:rgba(28, 61, 117,0.8618446092927055)
    }
    .logo
    {
      font-size: 25px;
      padding-left: 35px;
    }
    .container-nav
    {
      top: 0;
    }

    .size-logo 
    {
      width: 93px;
      height: 25px;
    }
    .size-logo-engrane
    {
      width: 23px;
      height: 23px;
    }
  }

  @media screen and (max-width: 858px) and (orientation: landscape)
  {
    .menu_items li
    {
      margin: 5px 0 0 0;
    }
    .menu_items
    {
      overflow: scroll;
      height: calc(100% - 65px);
    }
    .container-nav
    {
      top: 0;
    }
    
  }

  /* End nav fausto */
