/* ------------------------- */
/* Estilos Generales */
/* ------------------------- */

:root {
  --corporativo: #fec837;
  --rojo: #bd0000;
  --blanco: #ffffff;
  --negro: #000000;
  --gris: #333333;
}

* {
    box-sizing: border-box;
    margin: 0; padding: 0;
}

body {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    text-align: left;
    margin-bottom: 0;
}

.texto-naranja {
    font-weight: 300;
    color: orange;
}

.texto-blanco {
    font-weight: 700;
    color: #fff;
}

.texto-negro {
	color: #000;
}


.clear{clear: both;}

.boton-bajar a {
    position: absolute;
    bottom: 50px;
    display: inline-block;
    width: 60px;
    z-index: 99;
    left: calc(50% - 30px);
    animation: MoveUpDown 2s ease infinite;
}

.cotizar-flotante a {
    position: absolute;
    right: 50px;
    top: 20px;
    background: var(--rojo);
    font-size: 18px;
    color: var(--corporativo);
    padding: 5px 30px;
    text-decoration: none;
    transition: 0.5s ease all;
    z-index: 9;
}

.wz-desktop {
    position: fixed;
    width: 50px;
    height: 50px;
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    box-shadow: 2px 2px 6px rgb(0 0 0 / 40%);
    z-index: 9999;
    transition: 0.5s ease all;
}

.wz-desktop .vineta {
    position: absolute;
    width: 103px;
    height: 29px;
    left: -115px;
    top: 11px;
    -webkit-animation: 8s ease 0s normal forwards 1 fadein;
    animation: 8s ease 0s normal forwards 1 fadein;
    z-index: 999999999;
}

.wz-movil {
    display: none;
}

@keyframes fadein{
    0% { opacity:0; }
    40% { opacity:0; }
    45% { opacity:1; }
    95% { opacity:1; }
    100% { opacity:0; }
}

@-webkit-keyframes fadein{
  0% { opacity:0; }
  20% { opacity:0; }
  25% { opacity:1; }
  85% { opacity:1; }
  100% { opacity:0; }
}
/* ------------------------- */
/* Estilos Generales */
/* ------------------------- */

/* ------------------------- */
/* Header */
/* ------------------------- */

header{
  position: fixed;
  width: 100%;
  height: 70px;
  background: var(--blanco);
  top: 0px;
  left: 0px;
  z-index: 1;

  transition: 1s ease all;
}

.logo-condominio-panoramico{
  display: inline-block;
  width: 236px;
  height: 60px;
  margin: 5px 0 0 50px;
}

.cotizar-header a{
  position: absolute;
right: 50px;
top: 20px;
background: var(--rojo);
font-size: 18px;
color: var(--corporativo);
padding: 5px 30px;
text-decoration: none;
}
/* ------------------------- */
/* Header */
/* ------------------------- */

/* ------------------------- */
/* Inicio Agradecimiento */
/* ------------------------- */

.inicio-agradecimiento {
  position: relative;
  background: #000;
    background: url('../media/fondo-contacto.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}

/* ------------------------- */
/* Inicio Agradecimiento */
/* ------------------------- */

/* ------------------------- */
/* Inicio */
/* ------------------------- */
.inicio {
  position: relative;
  background: #000;
    background: url('../media/condominio-panoramico.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}



@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 20px;
  }
}


.parentesis {
  width: 400px;
  height: 400px;
  display: inline-block;

  background: url('../media/parentesis.svg');
  background-position: center;
  background-size: 400px 400px;
  background-repeat: no-repeat;

  margin-bottom: 50px;
  opacity: 0;
  transition: 2s ease all;
}

.titulo-inicio{

    text-align: left;
    font-size: 40px;
    line-height: 40px;
    font-weight: 500;
    color: var(--blanco);

    position: relative;
    display: inline-block;
    margin: 150px 0 0 0px;
    z-index: 1;
}

.bajada-inicio{
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    color: var(--negro);

    position: relative;
    background: var(--corporativo);
    display: inline-block;
    margin: -20px 0 0 0px;
    padding: 23px 30px 6px 30px;
    z-index: 0;
}

.descuento {
  position: absolute;
  right: 0px;
  top: 140px;
  width: 230px;
  height: 200px;
  opacity: 0;
  transition: 2s ease all;
}

.titulo-descuento{
  width: 100%;
  text-align: left;
  font-size: 38px;
  line-height: 32px;
  font-weight: 500;
  color: var(--blanco);
  position: relative;
  display: none;
  margin: 0px 0 0 0px;
  z-index: 1;
}

.titulo-descuento span{
  font-size: 47px;
  font-weight: 600;
  line-height: 45px;
  margin: 0px 0 0 0px;
}

.subrayado{
  display: none;
  height: 29px;
  width: 100%;
  background: var(--corporativo);
  margin: -18px 0 0 0;
  padding: 0px 0 0 0;
}

.bajada-descuento{
  text-align: left;
  float: left;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  line-height: 17px;
  color: var(--blanco);
  position: relative;
  display: inline-block;
  margin: 8px 0 0 0px;
z-index: 0;
}



.transbank{
  display: inline-block;
    float: right;
    height: 20px;
    width: 135px;
    margin: 8px 0 0 0;
}

/* ------------------------- */
/* inicio */
/* ------------------------- */

/* ------------------------- */
/* Plantas */
/* ------------------------- */


.plantas {
	position: relative;
  background: var(--corporativo);
  text-align: center;
}

.contendor-fijo{
  display: inline-block;
  margin-top: 70px;
  width: 90%;
  /* height:700px; */
  /* background: var(--rojo); */
}

.parentesis-grande-izq {
    /* position: absolute;
    width: 80px;
    left: 10%;
    top: 55%;
    transform: translate(0%, -50%); */

    position: relative;
    display: inline-block;
    width: 80px;
    height: 700px;
    margin: 20px 0 0 0;
}

.centro-informacion {
    position: relative;
    display: inline-block;
    /* width: 80%; */
    width:  calc(100% - 180px);
    margin: 20px 0 0 0;
vertical-align:top;
    /* background: var(--blanco); */
}

.centro-informacion .izq{
  position: relative;
  display: inline-block;
  width: 19%;
  margin: 50px 0 0 0;
  /* background: #ffffff33; */
  vertical-align:top;
}

.centro-informacion .centro{
  position: relative;
  display: inline-block;
  width: 60%;

  margin: 0px 0 0 0;
  /* background: #ffffff33; */
  vertical-align:top;
}

.centro-informacion .der{
  position: relative;
  display: inline-block;
  width: 19%;

  margin: 0px 0 0 0;
  /* background: #ffffff33; */
  vertical-align:top;
}

.parentesis-grande-der {
    /* position: absolute;
    width: 80px;
    right: 10%;
    top: 55%;
    transform: translate(0%, -50%); */

    position: relative;
    display: inline-block;
    width: 80px;
    height: 700px;
    margin: 20px 0 0 0;
}

.boton-cotizar a {
    display: inline-block;
    background: var(--rojo);
    font-size: 18px;
    color: var(--corporativo);
    padding: 5px 30px;
    text-decoration: none;
    margin: 80px 0 0 0;
}

.departamento{
  display: inline-block;
  width: 100%;
  font-size: 18px;
  text-align: center;
  margin-top: 80px;
  line-height: 18px;
  font-weight: 400;
  letter-spacing: 2px;
}
.numero{
  display: inline-block;
  width: 100%;
  font-size: 35px;
  font-weight: bold;
  text-align: center;
  margin-top: 0px;
  line-height: 35px;
}

.numero span {
  float: left;
  width: 100%;
  font-size: 14px;
}

.dormitorio{
  display: inline-block;
  width: 100%;
  font-size: 20px;
  text-align: center;
  margin-top: 30px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 2px;
}
.bano{
  display: inline-block;
  width: 100%;
  font-size: 20px;
  text-align: center;
  margin-top: 0px;
  line-height: 20px;
  font-weight: 400;
  letter-spacing: 2px;
}

.esquicio{
  position: relative;
  display: inline-block;
  width: 500px;
  height: 160px;
  margin: 0px 0 100px 0;

  transition: 1s ease all;
}

.orientacion{
  position: absolute;
  top: calc(50% - 28px);
  right: -70px;
  width: 65px;
}
.orientacion img{
  width: 65px!important;
}

.esquicio img{
  top: 0;
  left: 0;
  position: absolute;
  width: 500px;
  z-index: 2;
}

.esquicio a{
  cursor: pointer;
  position: absolute;
  opacity: 0;
  transition: 1s ease all;
  z-index: 20;
}

.esquicio a:hover{
  cursor: pointer;
}

.btn-es{
  position: absolute;
  transition: 1s ease all;
  z-index: 1;
}

/* tipologia 01 */

.btn01a {
  width: 92px;
  height: 67px;
  top: 82px;
  left: 106px;
  z-index: 20;
}

.btn01b {
  width: 92px;
  height: 67px;
  top: 82px;
  left: 106px;
  background-image: url("../media/esquicio/01.svg");

  opacity: 0;
}
.btn01c {
  width: 92px;
  height: 67px;
  top: 82px;
  left: 106px;
  background-image: url("../media/esquicio/01.svg");

  opacity: 0;
}

/* tipologia 01 */

/* tipologia 02 */

.btn02a {
  width: 101px;
  height: 72px;
  top: 77px;
  left: 5px;
  z-index: 20;
}

.btn02b {
  width: 101px;
  height: 72px;
  top: 77px;
  left: 5px;
  background-image: url("../media/esquicio/02.svg");

  opacity: 0;
}
.btn02c {
  width: 101px;
  height: 72px;
  top: 77px;
  left: 5px;
  background-image: url("../media/esquicio/02.svg");

  opacity: 0;
}

/* tipologia 02 */

/* tipologia 03 */

.btn03a {
  width: 100px;
  height: 71px;
  top: 7px;
  left: 7px;
  z-index: 20;
}

.btn03b {
  width: 100px;
  height: 71px;
  top: 7px;
  left: 7px;
  background-image: url("../media/esquicio/03.svg");

  opacity: 0;
}
.btn03c {
  width: 100px;
  height: 71px;
  top: 7px;
  left: 7px;
  background-image: url("../media/esquicio/03.svg");

  opacity: 0;
}

/* tipologia 03 */

/* tipologia 04 */

.btn04a {
  width: 93px;
  height: 66px;
  top: 7px;
  left: 104px;
  z-index: 20;
}

.btn04b {
  width: 93px;
  height: 66px;
  top: 7px;
  left: 104px;
  background-image: url("../media/esquicio/04.svg");

  opacity: 0;
}
.btn04c {
  width: 93px;
  height: 66px;
  top: 7px;
  left: 104px;
  background-image: url("../media/esquicio/04.svg");

  opacity: 0;
}

/* tipologia 04 */

/* tipologia 05 */

.btn05a {
  width: 96px;
  height: 66px;
  top: 7px;
  right: 131px;
  z-index: 20;
}

.btn05b {
  width: 96px;
  height: 66px;
  top: 7px;
  right: 131px;
  background-image: url("../media/esquicio/05.svg");

  opacity: 0;
}
.btn05c {
  width: 96px;
  height: 66px;
  top: 7px;
  right: 131px;
  background-image: url("../media/esquicio/05.svg");

  opacity: 0;
}

/* tipologia 05 */

/* tipologia 06 */

.btn06a {
  width: 127px;
  height: 71px;
  top: 7px;
  right: 7px;
  z-index: 20;
}

.btn06b {
  width: 127px;
  height: 71px;
  top: 7px;
  right: 7px;
  background-image: url("../media/esquicio/06.svg");

  opacity: 0;
}
.btn06c {
  width: 127px;
  height: 71px;
  top: 7px;
  right: 7px;
  background-image: url("../media/esquicio/06.svg");

  opacity: 0;
}

/* tipologia 06 */


/* tipologia 07 */

.btn07a {
  width: 127px;
  height: 71px;
  top: 78px;
  right: 6px;
  z-index: 20;
}

.btn07b {
  width: 127px;
  height: 71px;
  top: 78px;
  right: 6px;
  background-image: url("../media/esquicio/07.svg");
  opacity: 0;

}

.btn07c {
  width: 127px;
  height: 71px;
  top: 78px;
  right: 6px;
  background-image: url("../media/esquicio/07.svg");
  opacity: 0;

}

/* tipologia 07 */

/* tipologia 08 */

.btn08a {
  width: 79px;
  height: 66px;
  top: 81px;
  right: 131px;
  z-index: 20;
}

.btn08b {
  width: 79px;
  height: 66px;
  top: 81px;
  right: 131px;
  background-image: url("../media/esquicio/08.svg");
  opacity: 0;

}

.btn08c {
  width: 79px;
  height: 66px;
  top: 81px;
  right: 131px;
  background-image: url("../media/esquicio/08.svg");
  opacity: 0;

}

/* tipologia 08 */

/* ------------------------- */
/* plantas */
/* ------------------------- */

/* ------------------------- */
/* Tu Lugar */
/* ------------------------- */

.tulugar {
	position: relative;
  background: var(--corporativo);
  text-align: center;
}

.salon-wifi{
  width: 48%;
  height: 400px;
  display: inline-block;
  float: left;
  margin: 25px 0 0 -56px;

  opacity: 0;
  transition: 1s ease all;
}

.tulugar .textos{
  width: 47%;
  display: inline-block;
  float: left;
  margin: 50px 0 100px 30px;

  opacity: 0;
  transition: 1s ease all;

}

.titulo-tulugar{

    float: left;
    text-align: left;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: var(--negro);

    position: relative;
    display: inline-block;
    margin: 6% 0 0 0px;
    z-index: 1;
}

.bajada-tulugar{
    float: left;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: var(--negro);

    position: relative;
    display: inline-block;
    margin: 20px 0 0 0px;
    z-index: 0;
    letter-spacing: 1px;
}
/* ------------------------- */
/* Tu Lugar */
/* ------------------------- */


/* ------------------------- */
/* Facilities */
/* ------------------------- */

.facilities {
	position: relative;
  background: var(--corporativo);
  text-align: center;
}

.facilities .contendor-fijo{
  display: inline-block;
  margin-top: 0px;
  width: 90%;
  /* height:700px; */
  /* background: var(--rojo); */
}

.centro-facilities {
    position: relative;
    display: inline-block;
    width:  calc(100% - 180px);
    margin: 0px 0 0 0;
    vertical-align:top;

    opacity: 0;
    transition: 1s ease all;
}

.contendor-vertical{
  width: 5%;
  height: 470px;
  display: inline-block;
  float: left;
  position: relative;
}

.texto-vertical{
  white-space: nowrap;
    display: inline-block;
    overflow: visible;
    transform: rotate(-90deg);
    transform-origin: 0;
    position: absolute;
    bottom: -50px;
    left: -60px;
    font-size: 40px;
    text-align: left;
    width: 500px;
}

.facilities-img{
  width: 48%;
  height: 500px;
  display: inline-block;
  float: left;
  margin: 0px 0 0 0px;
  transform-origin: 0;
  position: relative;
}
.facilities-img{
  width: 48%;
  height: 500px;
  display: inline-block;
  float: left;
  margin: 0px 0 0 0px;
  transform-origin: 0;
  position: relative;
  background: url("../media/salon-wifi.jpg");

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

}

.facilities .textos{
  width: 40%;
  display: inline-block;
  float: left;
  margin: 100px 0 0px 30px;

}

.parentesis-top, .parentesis-bottom{
  display: inline-block;
  width: 100%;
}

.bajada-facilities{
    float: left;
    text-align: left;
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    color: var(--negro);

    position: relative;
    display: inline-block;
    margin: 0px 0 0 0px;
    z-index: 0;
    letter-spacing: 1px;
    padding: 0 50px;
}


/* ------------------------- */
/* Facilities */
/* ------------------------- */


/* ------------------------- */
/* Multiuso */
/* ------------------------- */

.multiuso {
	position: relative;
  background: var(--corporativo);
  text-align: center;
}

.centro-multiuso {
    position: relative;
    display: inline-block;
    width:  100%;
    margin: 0 0 0 0;
    /* vertical-align:top; */
}


.contendor-multiuso{
  display: inline-block;
  margin-top: 0px;
  width: 100%;
  /* height:700px; */
  /* background: var(--rojo); */
}

.contendor-vertical-amarillo{
  width: 15%;
  height: 100vh;
  display: inline-block;
  float: left;
  position: relative;
  background: var(--corporativo);
  z-index: 1;

}

.contendor-imagenes{
  width: 85%;
  height: 100vh;
  display: inline-block;
  float: left;
  position: relative;
  background: var(--corporativo);
  background-image: url("../media/multiuso.jpg");

  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

  z-index: 0;
}

.contenedor-texto-multiuso{
  position:relative;
  display: inline-block;
  width: 500px;
  height: 430px;
  background-color: var(--corporativo);
  margin-top: calc(50vh - 215px);
  margin-left: 50%;
  background-image: url("../media/fondo-parentesis.svg");

  opacity: 0;
  transition: 1s ease all;
}

.contenedor-texto-multiuso p{
  display: inline-block;
  width: 500px;
  height: 430px;
  padding: 70px;
  font-size: 24px;
  line-height: 30px;
  text-align: left;
}

.titulo-multiuso{
  position: absolute;
  top: -26px;
  left: 21px;
  width: 500px;
  font-size: 39px;
  line-height: 30px;
  text-align: left;
  color: var(--blanco);
}

/* ------------------------- */
/* Multiuso */
/* ------------------------- */

/* ------------------------- */
/* galeriaFacilities */
/* ------------------------- */



.galeriaFacilities {
	position: relative;
  background: var(--corporativo);
  text-align: center;
}

.contendor-galeriaFacilities{
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.centro-multiuso-galeria {
    position: relative;
    display: inline-block;
    width:  100%;
    height: 100%;
    margin: 0 0 0 0;
    /* vertical-align:top; */
}

.botonabsoluto a{
position: absolute;
background: var(--rojo);
padding: 20px;
border-radius: 50px;
color: #ffffff;
top: 20px;
left: 150px;
z-index: 10;
text-decoration:none;
}

.contendor-vertical-amarillo-galeria{
  width: 15%;
  height: 100%;
  display: inline-block;
  float: left;
  position: relative;
  background: var(--corporativo);
  z-index: 1;

}

.cont-galeria{
  width: 90%;
  height: 400px;
  display: inline-block;
  margin-top: calc(50vh - 200px);
}

.cont-galeria-middle{
  width: 100%;
  height: 300px;
  display: inline-block;
  position: relative;

}

.texto-vertical-galeria {
  white-space: nowrap;
    display: inline-block;
    overflow: visible;
    transform: rotate(-90deg);
    transform-origin: 0;
    position: absolute;
    /* bottom: 0px; */
    font-size: 35px;
    font-weight: 600;
    text-align: center;
    /* width: 240px; */
    color: var(--negro);
    text-transform: uppercase;
}

.imagenes-facilities{
  width: 85%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 15%;
  overflow: hidden;
}

.imagenes-facilities img{
  position: absolute;
  left:-10000%; right: -10000%;
  top: -10000%; bottom: -10000%;
  margin: auto auto;
  min-width: 1000%;
  min-height: 1000%;
  -webkit-transform:scale(0.1);
  transform: scale(0.1);
}
.ci-1{
  /* background-image: url("../media/galeria/salon-work.jpg"); */
}
.te-1{
  bottom: -13px;
}
.te-2{
  bottom: 20px;
}

.te-3{
  bottom: 38px;
}

.te-4{
  bottom: -23px;
}

.te-5 {
    bottom: 50px;
}


.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next {
    display: none;
}

.descripcion-header {
    float: left;
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    color: #383838;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.descripcion-imagen{
	float: left;
	display: block;
	width:100%;
	/* height: 500px; */
  margin-bottom: 10px;
}


.miniaturas{
  position: absolute;
    width: 100%;
    bottom: 20px;
    z-index: 9;
    /* left: calc(50% - 250px); */
    background: #ffffff80;
    padding: 10px 20px 5px 15px;
}

.miniatura-img{
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-left: 1px;
  z-index: 9999;
  transition: 1s ease all;
  opacity: .8;
}

.miniatura-img:hover{
  transform: scale(1.1);
  opacity: 1;
}



/* ------------------------- */
/* galeriaFacilities */
/* ------------------------- */

/* ------------------------- */
/* galeriaDepartamento */
/* ------------------------- */

.galeriaDepartamento {
	position: relative;
  background: var(--corporativo);
  text-align: center;
}

.te-6 {
    bottom: 73px;
}

.te-7 {
    top: 276px;
}

.te-8 {
    top: 268px;
    font-size: 25px;
}
.te-9 {
  top: 261px;
  font-size: 25px;
}
.te-10 {
  top: 250px;
  font-size: 25px;
}

/* ------------------------- */
/* galeriaDepartamento */
/* ------------------------- */

/* ------------------------- */
/* zonasComunes */
/* ------------------------- */
.zonasComunes {
	position: relative;
  text-align: center;
}


.zonasComunes-movil{
  display: none;
}

.mapa{
  position: relative;
  display: inline-block;
  width: 80%;
  height: 100%;
  top: 0;
  text-align: center;

  opacity: 0;
  transition: 1s ease all;
}

.titulo-zonasComunes{
  position: relative;
  display: inline-block;
  width: 80%;
  height: 100%;
  top: 0;
  text-align: center;
  font-size: 40px;
  line-height: 60px;
  font-weight: 600;
  color: var(--negro);
}

.img-zonasComunes{
  position: relative;
  display: inline-block;
  width: 80%;
  height: 100%;
  top: 0;
  text-align: center;
  margin-top: 20px;

  opacity: 0;
  transition: 1s ease all;
}
/* ------------------------- */
/* zonasComunes */
/* ------------------------- */

/* ------------------------- */
/* Ubicación */
/* ------------------------- */
.ubicacion {
	position: relative;
  text-align: center;
}



.titulo-ubicacion{
  position: relative;
  display: inline-block;
  width: 80%;
  height: 100%;
  top: 0;
  text-align: center;
  font-size: 40px;
  line-height: 60px;
  font-weight: 600;
  color: var(--negro);
}

.ub-btn-waze {
    font-family: 'PT Sans', sans-serif;
    display: inline-block;
    background-color: var(--corporativo);
    border: none;
    color: white;
    padding: 15px 0px;
    font-size: 18px;
    cursor: pointer;
    margin-bottom: 20px;
    width: 100%;
}

.ub-btn-map {
  font-family: 'PT Sans', sans-serif;
  display: inline-block;
  background-color: var(--rojo);
  border: none;
  color: #fff;
  padding: 15px 0px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 20px;
  width: 30%;
  margin-top: 20px;
}

.ubicacion-mapa {
  position: relative;
    display: inline-block;
    width: 80%;
    height: 100%;
    top: 0;
    text-align: center;
    font-size: 40px;
    line-height: 60px;
    font-weight: 600;
    color: var(--negro);
    margin-bottom: 15px;
    text-transform: uppercase;
}

.ub-map {
  width: 90%;
  margin-left: 5%;
}

.centro-informacion-zonasComunes {
    position: relative;
    display: inline-block;
    /* width: 80%; */
    width: calc(100% - 180px);
    margin: 100px 0 100px 0;
    vertical-align: top;
    /* background: var(--blanco); */
}


/* .ubicacion-movil{
  display: none;
} */


/* ------------------------- */
/* Ubicación */
/* ------------------------- */

/* ------------------------- */
/* Footer */
/* ------------------------- */

.footer {
	position: relative;
    background: url('../media/fondo-contacto.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
		/* background-size: 100%; */
}

.footer .texto {
    text-transform: uppercase;
    font-size: 40px;
    letter-spacing: 2px;
    margin-bottom: 0px;
    background: url(../media/transparente-contacto.png) repeat;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: #fff;
}

#contacto-form{
  display: inline-block;
  position: relative;
    width: 30%;
    margin: 100px 0 0 0;
	}

  .texto-vertical-contacto {
    white-space: nowrap;
    display: inline-block;
    overflow: visible;
    transform: rotate(-90deg);
    transform-origin: 0;
    position: absolute;
    bottom: -50px;
    left: -70px;
    font-size: 60px;
    line-height: 60px;
    text-align: left;
    width: 500px;
    color: var(--blanco);
}

  #respa{
    position: absolute;
    top: 48%;
    right: 0;
    width: 300px;
    padding: 10px 0;
    color: #fff;
    font-family: 'PT Sans', sans-serif;
  	font-size:14px;
  	font-weight:900;
    z-index: 9999;
    background: Green;

  }

input[type=text] {
  font-family: 'PT Sans', sans-serif;
	font-size:14px;
	font-weight:900;
    color:var(--negro);
	float:left;
	display:block;
	width:100%;
	/* height:51px; */
	border:none;
    margin: 6px 0 0 0;
    padding: 10px;
  background:var(--corporativo);
  opacity: .5;
  border-radius: 0px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
  font-family: 'PT Sans', sans-serif;
  font-size:14px;
  font-weight:900;
  color:var(--negro);
  float:left;
  display:block;
  width:100%;
  height: 106px;
  margin: 6px 0 0 0;
  padding: 10px;
  background:var(--corporativo);
  opacity: .5;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  resize: none;
  border:none;var(--negro);

}

input[type=submit] {
  display: inline-block;
  float: left;
  font-weight: 600;
  color: var(--negro);
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  padding: 9px 30px;
  background: var(--corporativo);
  border: none;
  cursor: pointer;
}



.huincha-footer{
    position: absolute;
    width: 100%;
    height: 70px;
    background: var(--corporativo);
    bottom: 0px;
    left: 0px;
    z-index: 1;
    transition: 1s ease all;
}

.logo-condominio-panoramico-footer {
    display: inline-block;
    float: right;
    width: 236px;
    height: 60px;
    margin: 5px 50px 0 0px;
    background-color: var(--blanco);
}

.guion-rut {
    font-size: 14px;
    font-weight: 900;
    color: #ffffff;
    float: left;
    display: block;
    width: 30px;
    height: 35px;
    margin: 2px 0 0 0;
    padding: 10px;
}

.informacion{
  width: 30%;
  display: inline-block;
  margin: 12px 0 100px 0px;
}

.direccion {
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: var(--blanco);
    float: left;
    display: inline-block;
    margin: 10px 0 0 0;
}

.direccion i{
  width: 20px;
  float: left;
  display: inline-block;
  margin: 0 0 0 0;
}

.direccion p{
  width: 80%;
  float: left;
  display: inline-block;
  margin: 0 0 0 5px;
  text-align: left;
}

.direccion p a{
  color: var(--blanco);
  text-decoration: none;
}

.espacio-izq{
  margin-left: 10px;
}

.espacio-izq-redes{
  margin-left: 10px;
}

.redes {
    font-size: 14px;
    font-weight: 400;
    color: var(--blanco);
    float: left;
    display: inline-block;
    margin-top: 10px;
}

.redes i{
  width: 40px;
  float: left;
  display: inline-block;
  margin: 0 0 0 0;
}

/* ------------------------- */
/* Footer */
/* ------------------------- */