@charset "UTF-8";
/* CSS Document */



/* REDES LATERALES*/
.social-b {
  position: fixed !important;/* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
  right: 20px !important; /* Establecemos la barra en la izquierda */
  top: 50px !important; /* Bajamos la barra 200px de arriba a abajo */
  z-index: 2000 !important;/* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
  .social-b ul {
    list-style: none;
  }
  .social-b ul li a, .icon-partner {
   display: inline-block;
    color:#fff;
    background: #000;
    padding: 10px 15px;
    text-decoration: none;
    -webkit-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
   }
   @keyframes reveal {
    from {
      clip-path: inset(0 0 0 100%);
    }
    to {
      clip-path: inset(0 0 0 0);
    }
  }
  .social-b ul li .icono-whatsapp {background: transparent;}
  .social-b ul li .icon-telefono {background:transparent;} /* Establecemos los colores de cada red social, aprovechando su class */
  .social-b ul li .icon-correo {background: transparent;}
  .social-b ul li .icon-facebook {background: transparent;}
  .social-b ul li .icon-twitter {background: transparent;}
  .social-b ul li .icon-linkedin {background: transparent;}
  .social-b ul li .icon-gplus {background: transparent;}
  .social-b ul li .icon-youtube {background: transparent;}
  .social-b ul li .icon-instagram {background: transparent;}
  .social-b ul li a:hover {
    /*background: #000; /* Cambiamos el fondo cuando el usuario pase el mouse */
     /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
    padding: 10px 30px 0 0; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
  }
/* CIERRA REDES LATERALES*/