@charset "utf-8";
/* CSS Document */
/* ---------------------------------------------------------- */
/* scrolltop ------------------------------------------------ */
/* ---------------------------------------------------------- */
.scrolltop {
  display: none;
  overflow: hidden;
  padding: 0.50rem;
  /*width: 4rem;
  height: 4rem;*/
  top: auto;
  bottom: 50px;
  left: auto;
  right: 0;
  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: 9999;
}
.scrolltop:hover {
  color: black;
  text-shadow: 0px 0px 10px black;
  /*box-shadow: 0px 0px 10px 0px black;*/
}
/* ---------------------------------------------------------- */
/* Botstrap Modal ------------------------------------------- */
/* ---------------------------------------------------------- */
#Tarifas .modal-content {
  padding: 1rem;
}
#Tarifas .modal-header, #Tarifas .modal-footer {
  padding: 0;
}
#Tarifas img {
  width: auto;
  height: 100px;
}
#Tarifas p {
  margin-bottom: 6px;
  font-size: 0.875rem;
}
#Tarifas .table th, #Tarifas .table td {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 100%;
  color: black;
  text-align: center !important;
}
#Tarifas .table th {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #00427e;
  background-color: rgba(0, 66, 126, 0.15);
}
#Tarifas .table td {
  font-size: 0.875rem;
}
.modal-services h1, .modal-services h2, .modal-services h3, .modal-services h4, .modal-services h5, .modal-services h6 {
  font-weight: 900;
}
.modal-services h1 strong, .modal-services h2 strong, .modal-services h3 strong, .modal-services h4 strong, .modal-services h5 strong, .modal-services h6 strong {
  color: #616972;
}
.modal-services .modal-header {
  border: none !important;
}
.modal-services .modal-content {
  border-bottom: #00427e solid 20px;
}
.modal-services .modal-body p, .modal-services .modal-body ol, .modal-services .modal-body ul {
  font-size: 1.125rem;
}
.modal-services .modal-body p a {
  color: #00427e;
  text-decoration: underline !important;
}
.modal-services .modal-body p a:hover {
  color: #bf0811;
}
.modal-services .btn-information {
  width: 280px;
  height: 50px;
  margin: auto;
  font-size: 1.125rem;
  font-weight: 700;
  color: white;
  background-color: #128C7E;
  border: #00A400 solid 1px;
  border-radius: 25px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 1.0s ease;
}
.modal-services .btn-information i {
  margin-left: 10px;
  font-size: 2.25rem;
  color: white;
  transition: all 1.0s ease;
}
.modal-services .btn-information:hover {
  color: #128C7E;
  background-color: #E4E6E9;
  border: #128C7E solid 1px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.50);
}
.modal-services .btn-information:hover i {
  color: #128C7E;
}
.modal-services table th, .modal-services table td {
  text-align: start;
}
.modal-services .card {
  /*width: 180px;
  height: 180px;
  margin: 0 auto;*/
  padding: 0;
  border: none;
}
.modal-services .card-img-top {
  width: 180px;
  height: 180px;
  margin: 0 auto;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.50);
}
/*.modal-services .img-red, .modal-services .img-instalacion, .modal-services .img-atencion, .modal-services .img-velocidad {
  background-size: 100%;
}*/
.modal-services .img-red {
  background-image: url("../../media/images/content/img-red.png");
  background-size: 80%;
}
.modal-services .img-instalacion {
  background-image: url("../../media/images/content/img-instalacion.png");
  background-size: 70%;
}
.modal-services .img-atencion {
  background-image: url("../../media/images/content/img-atencion.png");
}
.modal-services .img-velocidad {
  background-image: url("../../media/images/content/img-velocidad.png");
  background-size: 90%;
}
.modal-services .card-body {
  padding-left: 0;
  padding-right: 0;
}
.modal-services .hr-1, .modal-services .hr-2 {
  width: 180px;
  height: 3px;
  margin: 0 auto;
  padding: 0;
  border: none;
  background-color: #e9bc00;
  opacity: 1;
}
.modal-services .hr-2 {
  height: 1px;
  margin-bottom: 20px;
  background-color: #616972;
  opacity: 0.50;
}
.modal-services .card-title {
  font-size: 0.875rem;
  font-weight: 900;
  color: #bf0811;
  text-align: center;
  text-transform: uppercase;
}
.modal-services .card-text {
  font-size: 1rem;
  line-height: 120%;
  color: #007739;
  text-align: center;
}



/* 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) {
  .modal-services table th {
    white-space: nowrap;
  }
  .modal-services table td {
    width: 100%;
  }
}
/* 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;
}
.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;
}