/* General */
@font-face {
  font-family: "FuturaMedium";
  src: url("../fonts/FuturaPTMedium.otf");
}

@font-face {
  font-family: "FuturaBold";
  src: url("../fonts/FuturaPTBold.otf");
}

#go-top {
  display: none;
  position: fixed;
  bottom: 60px;
  right: 30px;
  z-index: 9999;
  border: none;
  outline: none;
  cursor: pointer;
  width: 55px;
}

/** {
  font-family: "FuturaMedium";
}*/

.font-futura-Medium {
  font-family: "FuturaMedium" !important;
}

.font-futura-bold {
  font-family: "FuturaBold" !important;
}

a,
a:hover,
a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #fff;
}

/* Header */
.menu-top {
  background-color: #54b0c9;
  color: #203850;
}

.img-logo {
  width: 60%;
}

.img-contacto {
  width: 16%;
  position: absolute;
  right: 80px;
  top: 70px;
  cursor: pointer;
}

.dropdown {
  list-style: none;
}

.dropdown-toggle {
  text-decoration: none;
}

.dropdown-item {
  text-align: center;
}

.dropdown-item:hover {
  color: #fff;
  background-color: #14233a;
}

.dropdown-menu {
  background-color: #54b0c9;
  border: none;
  border-radius: 0;
}

.menu-top a {
  color: #203850;
}

/* Content */
.swiper-container {
  width: 100%;
  height: 100%;
}

.bg-blue-dark {
  background-color: #14233a !important;
}

.bg-blue-dark-video {
  background: url("../img/video/bg-video.jpg");
  background-size: contain;
}

.text-blue-light {
  color: #51adc4 !important;
}

.text-blue-dark {
  color: #14233a !important;
}

.font-bold {
  font-weight: bold !important;
}

/* Mapa vista*/
.cuadro-blue-light {
  background-color: #51adc4;
  color: #14233a;
  padding: 3px 10px;
  margin-left: 10px;
  margin-right: 10px;
}

.lh-1-4 {
  line-height: 1.4;
}

.p-pares {
  padding: 3px 5.5px;
}

/* End mapa vista*/

.bg-amenidades {
  background: url("../img/amenidades/bg-lineas.png");
  background-size: cover;
}

.container-titulo-amenidades {
  background: #fff;
  padding: 10px 20px;
  opacity: 0.9;
}

.p-letras {
  padding: 3px 8.5px;
}

/*Ajustes del Mapa localización */
#mapid {
  height: 530px;
}

.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
  border: 2px solid #fff;
}

.leaflet-touch .leaflet-control-zoom-in,
.leaflet-touch .leaflet-control-zoom-out {
  background: #172139;
  color: #fff;
}

/*Ajustes Swiper Carousel */
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  padding: 10px;
}

.swiper-pagination-bullet {
  background: #fff;
  opacity: 0.4;
}

.swiper-pagination-bullet-active {
  background: #50acc3;
  opacity: 1;
}

.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 35px;
}

/* Style content Hover */
.popup {
  display: none;
  position: absolute;
  background: #fff;
  opacity: 1;
  color: #14233a;
  width: 50%;
  left: 34%;
}

.torre-1,
.torre-2,
.torre-3,
.torre-4,
.playa-privada,
.alberca,
.parque-acuatico,
.canchas-de-pabel,
.ingreso-vahicular,
.motor-lobby,
.lobby,
.estacionamiento,
.ingreso-de-servicio,
.banos,
.restaurantes,
.fitness-center {
  cursor: pointer;
  display: inline-flex;
}

.torre-1:hover .popup,
.torre-2:hover .popup,
.torre-3:hover .popup,
.torre-4:hover .popup,
.playa-privada:hover .popup,
.alberca:hover .popup,
.parque-acuatico:hover .popup,
.canchas-de-pabel:hover .popup,
.ingreso-vahicular:hover .popup,
.motor-lobby:hover .popup,
.lobby:hover .popup,
.estacionamiento:hover .popup,
.ingreso-de-servicio:hover .popup,
.banos:hover .popup,
.restaurantes:hover .popup,
.fitness-center:hover .popup {
  display: block;
}

.navbar-toggler:focus {
  box-shadow: 0 0 0 1px;
}

.border-blue-dark {
  border: 6px solid #14233a;
}

.cuadro-blue-light {
  padding: 2px 0px;
  width: 30px;
  text-align: center;
}

.with-120 {
  width: 120px;
  display: inline-block;
}

/* Phone */
@media only screen and (max-width: 576px) {
  .hidden-phone {
    display: none !important;
  }

  .img-logo {
    width: 32%;
  }

  .img-contacto {
    width: 42%;
    right: 20px;
    top: 120px;
  }

  .swiper-container-horizontal > .swiper-pagination-bullets,
  .swiper-pagination-custom,
  .swiper-pagination-fraction {
    bottom: 0px;
  }

  .swiper-button-next::after,
  .swiper-button-prev::after {
    font-size: 32px;
  }

  .gallery-container {
    height: 220px;
  }

  .gallery-item.gallery-item-previous,
  .gallery-item.gallery-item-next {
    height: auto;
  }

  .gallery-controls button {
    top: -120px;
  }

  .bg-blue-dark-video {
    background-size: cover;
    background-repeat: no-repeat;
  }
}

@media only screen and (min-width: 576px) {
  .hidden-desktop {
    display: none !important;
  }
}

/* ============= Rediseño PontoHorizonte ==================*/

/* Styles HomePage */
.img-logo {
  width: 60%;
}

.menu-top {
  background-color: #fff;
  opacity: 0.6;
}

.swiper-button-next {
  background-image: url("../img/slider_main/arrow-right.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

.swiper-button-prev {
  background-image: url("../img/slider_main/arrow-left.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}

.swiper-button-next,
.swiper-button-prev {
  width: 50px;
  height: 80px;
}

.contenedor {
  position: relative;
  display: inline-block;
  text-align: center;
}

.texto-encima {
  position: absolute;
  left: 10%;
  bottom: 4%;
}

.texto-encima-resumen {
  position: absolute;
  bottom: 4%;
}

.texto-encima-amenidades {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translate(-50%, -50%);
}

.texto-encima-mapa {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.border-top-blue {
  border-top: #14233a 1px solid;
}

.border-bottom-blue {
  border-bottom: #14233a 1px solid;
}

.popup {
  width: 250%;
  left: 100%;
}

.cuadro-blue-light {
  background-color: unset;
  color: unset;
}

.texto-encima-foot-1 {
  position: absolute;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  background: #475766;
  opacity: 0.8;
  width: 24%;
}

.texto-encima-foot-2 {
  position: absolute;
  bottom: 4%;
  left: 5%;
}

.texto-encima-footer {
  position: absolute;
  bottom: 32%;
}

/* Styles DepartamentosPage */
.texto-encima-vista {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, -50%);
}

.size-img-plano {
  width: 80%;
}

.texto-encima-footer-depa {
  position: absolute;
  bottom: 25%;
}

/* Styles contactoPage */
.texto-encima-ubicacion {
  position: absolute;
  left: 10%;
  bottom: 12%;
  text-align: left;
}

.texto-encima-formulario {
  position: absolute;
  right: 10%;
  top: 40%;
}

#form-contacto .btn-form-datos {
  background-color: #15243b;
  color: #fff;
  border-radius: 18px;
  padding: 6px 32px;
  font-size: 20px;
}

#form-contacto .btn-form-datos:hover {
  color: #fff;
}

#form-contacto input,
textarea {
  opacity: 0.8;
  border-radius: 12px;
}

#form-contacto .form-control {
  border-radius: 12px;
}

#form-contacto .form-control::placeholder {
  color: #152339;
}

#form-contacto textarea::placeholder {
  color: #152339;
}

.texto-encima-footer-contacto {
  position: absolute;
  bottom: 15%;
}
.texto-encima-contacto-1 {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
}

/* Loading preloader*/
.preloader-container {
  position: fixed;
  height: 100vh;
  width: 100%;
  z-index: 999999;
  background: #152339;
}

.la-ball-triangle-path {
  position: relative;
  top: 50%;
  left: 50%;
}

.bg-descripcion-ubicacion {
  width: 80%;
  height: 32%;
  padding: 40px 100px;
  background-image: url("../img/ubicacion/bg.png");
  background-size: cover;
}

@media only screen and (min-width: 576px) {
  .hidden-desktop {
    display: none;
  }
}

/* Phone */
@media only screen and (max-width: 576px) {
  #mapid {
    height: 340px;
  }

  .menu-top {
    background-color: #54b0c9;
    opacity: 1;
  }
  .hidden-phone {
    display: none;
  }
  .texto-encima-amenidades {
    bottom: -20%;
  }

  .h5 {
    font-size: 16px;
  }

  .texto-encima-mapa {
    left: 50%;
  }

  .popup {
    width: 120%;
    left: 0;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 36px;
    height: 50px;
  }

  .texto-encima-formulario {
    right: 2%;
    left: 2%;
    top: 10%;
  }

  .texto-encima-contacto-1 {
    top: 35%;
  }

  .bg-descripcion-ubicacion {
    width: 100%;
    height: 70%;
    padding: 40px 20px;
  }

  .texto-encima-ubicacion {
    left: 0;
    text-align: center;
  }

  .la-ball-triangle-path {
    left: 45%;
  }
}