@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------- */
/* scrolltop ------------------------------------------------ */
/* ---------------------------------------------------------- */
.scrolltop {
  display: none;
  overflow: hidden;
  padding: 0.50rem;
  /*width: 4rem;
  height: 4rem;*/
  top: auto;
  bottom: 60px;
  left: auto;
  right: 0px;
  font-size: 3rem;
  color: rgba(0,0,0,0.50);
  border-radius: 50%;
  /*background-image: url("arrow.png");
  background-repeat: no-repeat;
  background-color: black;*/
  transition: all 1.0s ease;
  position: fixed;
  z-index: 90;
}
.scrolltop:hover {
  color: black;
  text-shadow: 0px 0px 10px black;
  /*box-shadow: 0px 0px 10px 0px black;*/
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}
/* Extra large devices (large desktops, 1440px and up) */
@media (min-width: 1400px) {}
/* Extra large devices (large desktops, 1600px and up) */
@media (min-width: 1600px) {}
/* Extra large devices (large desktops, 1900px and up) */
@media (min-width: 1900px) {}

/* ---------------------------------------------------------- */
/* Iconos flotantes */
/* ---------------------------------------------------------- */
.icon-reseaux {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 5000;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit- flex;
  display: -ms-flexbox;
  display: -ms- flex;
  display: flex;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.icon-reseaux a, .icon-reseaux button {
  display: block;
  padding: 5px;
  width: 40px;
  height: auto;
  text-align: center;
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  overflow: hidden;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 6px 0 0 6px;
  -webkit-transition: all .2s ease-out 0s;
  -moz-transition: all .2s ease-out 0s;
  -ms-transition: all .2s ease-out 0s;
  -o-transition: all .2s ease-out 0s;
  transition: all .2s ease-out 0s !important;
}
.icon-reseaux a:hover, .icon-reseaux button:hover {
  width: 80px;
  color: #FFF;
}
.icon-reseaux a.ong_sticky i, .icon-reseaux button.ongp_sticky i {
  color: #FFF;
}
.icon-reseaux a.ong_sticky, .icon-reseaux button.ong_sticky {
  background-color: #569f99;
}
.icon-reseaux a.whatsapp_sticky i, .icon-reseaux button.whatsapp_sticky i {
  color: #FFF;
}
.icon-reseaux a.whatsapp_sticky, .icon-reseaux button.whatsapp_sticky {
  background-color: #00E676;
}
.icon-reseaux a.facebook_sticky, .icon-reseaux button.facebook_sticky {
  background-color: #4267b2;
}
.icon-reseaux a.facebook_sticky i, .icon-reseaux button.facebook_sticky i {
  color: #FFF;
}
.icon-reseaux a.instagram_sticky i, .icon-reseaux button.instagram_sticky i {
  color: #FFF;
}
.icon-reseaux a.instagram_sticky, .icon-reseaux button.instagram_sticky {
  background-color: #000;
}
.icon-reseaux a.twitter_sticky, .icon-reseaux button.twitter_stickye {
  background-color: #1da1f2;
}
.icon-reseaux a.twitter_sticky i, .icon-reseaux button.twitter_stickye i {
  color: #FFF;
}
.icon-reseaux a.linkedin_sticky, .icon-reseaux button.linkedin_stickye {
  background-color: #0a66c2;
}
.icon-reseaux a.linkedin_sticky i, .icon-reseaux button.linkedin_stickye i {
  color: #FFF;
}
.icon-reseaux a.youtube_sticky, .icon-reseaux button.youtub_stickye {
  background-color: #ff0000;
}
.icon-reseaux a.youtube_sticky i, .icon-reseaux button.youtub_stickye i {
  color: #FFF;
}
.icon-reseaux a.messenger_sticky, .icon-reseaux button.messenger_stickye {
  background-color: #0099ff;
}
.icon-reseaux a.messenger_sticky i, .icon-reseaux button.messenger_stickye i {
  color: #FFF;
}
.icon-reseaux a.tripadvisor_sticky, .icon-reseaux button.tripadvisor_sticky {
  background-color: #00a680;
}
.icon-reseaux-opacity {
  filter: alpha(opacity=0.7);
  -moz-opacity: 0.7;
  -webkit-opacity: 0.7;
  -ms-opacity: 0.7;
  -o-opacity: 0.7;
  opacity: 0.7;
  transition: all 1.0s ease !important;
}
.icon-reseaux-opacity:hover {
  filter: alpha(opacity=1.0);
  -moz-opacity: 1.0;
  -webkit-opacity: 1.0;
  -ms-opacity: 1.0;
  -o-opacity: 1.0;
  opacity: 1.0;
}

.whatsapp {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  border: white solid 2px;
  background-color: #25D366;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 100%;
  box-shadow: 0 1.5rem 1.5rem -1rem black;
  transition: all 1s ease;
  z-index: 1000;
}
.whatsapp:hover {
  margin-bottom: 2rem !important;
  width: 6rem;
  height: 6rem;
  box-shadow: 0 3rem 1.5rem -1.5rem black;
}
.whatsapp a {
  font-size: 3rem;
  color: white;
}
.whatsapp a:hover {
  font-size: 3.5rem;
  color: white;
  text-shadow: 0 0.25rem 0.5rem black;
}