@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important; box-shadow:none !important;}
input:focus{box-shadow: none;}
body {-webkit-font-smoothing:antialiased;width: 100%; height: 100%; font-size:20px;color:#050505;line-height:1.4;position: relative; font-family: 'Oswald', sans-serif; font-weight:400;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#050505; color:#fff;}
h1{font-family:'Didot', serif; font-size:100px; font-weight:400;}
h2{font-family:'Didot', serif; font-size:135px; font-weight:400;}
h3{font-weight:400; font-size:34px;line-height:1.6; }
h4{ font-family:'Didot', serif; font-size:22px; margin-bottom:0px; font-weight:400;}
h5{font-size:16px; margin-bottom:20px; font-weight:400;}
.didot{font-family:'Didot'; }
a{transition:all ease-in .2s; color:#54c0e8;}
a:hover, a:visited, a:active, a:focus{text-decoration: none;color:#54c0e8;}
p{}
section{overflow: hidden; position:relative;}
.container{padding-left:35px; padding-right:35px;}
.blanco{color:#fff;}
.azul{color:#54c0e8;}
.naranja{color:#ff9933;}


/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background:#231F1D url(../img/fondo-elysian-high-conutry.jpg) no-repeat center; background-size:cover;z-index: 999999;overflow: visible; top:0;}
.accediendo{position:Absolute; left:50%; margin-left:-50px; top:50%; margin-top:80px; font-size:24px; font-weight:300; }
.loading img {position: absolute;top: 50%;left: 50%;margin: -70px 0 0 -100px;width: 200px;transform-origin: center;  animation: scale 1s infinite alternate;}
.loading.fade {z-index:0;animation-name: fade;animation-duration: 0.3s;animation-fill-mode: both;animation-iteration-count: 1;animation-delay: 0.3s;}
@-webkit-keyframes scale {
From {-webkit-transform: scale(1.0);}
To {-webkit-transform: scale(1.2);}
}

/*slider*/
.slide-intro{height:100vh; min-height:600px; max-height:650px;}
.info-slider{padding-bottom:40px;display:flex; flex-direction: column; justify-content: flex-end;height:100vh; min-height:600px; max-height:650px; position:Absolute; top:0; left:0; width:100%;}
#slider{overflow:visible;z-index:2;}
.lifestyle{animation:spin 20s linear infinite; width:190px; position:Absolute; left:50%; bottom:-120px;}
@keyframes spin { 100% {transform:rotate(-360deg); } }
.cont-btn-cyan{display:inline-block; margin:0; position:absolute; right:15px; bottom:-90px;}
.btn-cyan{border-radius:50px; color:#fff; background: #54c0e8; font-size:18px; padding:26px 70px; display:inline-block;}
.btn-cyan:visited, .btn-cyan:focus{color:#fff;}
.btn-cyan:hover{background:#ff9933; color:#fff;}

/*acerca*/
#acerca-de{ z-index:1;background:#050505;padding:175px 0 0 0;}
.btn-ubicacion{width:175px; height:175px; display:block; border-radius:50%; border:1px solid #54c0e8; background:url(../img/arrow-blanca-elysian.svg) no-repeat center; background-size:24px;margin-top:-130px;}
.btn-ubicacion:hover{background:#54c0e8 url(../img/arrow-blanca-elysian.svg) no-repeat center; background-size:24px;}
#acerca-de h3{max-width:580px;}
.fig{position:Absolute; top:0; left:0; width:500px;}

/*ubicacion*/
#ubicacion{padding:110px 0 0 0; text-align: center;}
#ubicacion h2{margin-bottom:40px;}
#ubicacion img{max-width:1100px;}
#direcciones{background:#1D1B18 ; padding:15px 0;}
.direccion img{width:74px; margin-right:15px;display:inline-block; vertical-align: top;}
.info-direccion{ line-height:1.2;font-size:20px; width:calc(100% - 94px); display:inline-block; vertical-align: top;}
.info-direccion p{margin:0;}

/*amenidades*/
#amenidades{padding:150px 0; background:#52403c;}
#slider-amenidades{max-width:800px; margin:auto;}
#slider-amenidades .slick-list{overflow:visible !important;}
.slide-amenidades{margin:0 30px;}
.slick-next{ top:50%; margin-top:-35px; left:50%; margin-left:35vw;position:Absolute;width:70px; height:70px; border:1px solid #fff; background:url(../img/arrow-right.svg) no-repeat center; background-size:24px; border-radius:50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:0; cursor: pointer; transition:all ease-in .2s;}
.slick-next:hover{background:#050505 url(../img/arrow-right.svg) no-repeat center; background-size:24px; border-color:#050505;}
.slick-prev{z-index:2; top:50%; margin-top:-35px; right:50%; margin-right:35vw; position:Absolute;width:70px; height:70px; border:1px solid #fff; background:url(../img/arrow-left.svg) no-repeat center; background-size:24px; border-radius:50%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:0; cursor: pointer; transition:all ease-in .2s;}
.slick-prev:hover{background:#050505 url(../img/arrow-left.svg) no-repeat center; background-size:24px; border-color:#050505;}

#amenidades h2{text-align:center; position:absolute; margin-top:-220px; width:100%; left:0;}
.info-amenidades{}
.icono-a{width:45px;height:45px; display:inline-block; vertical-align: middle; margin-right:30px; }
.amenidad h4{width:calc(100% - 80px); display:inline-block; vertical-align: middle;}
.iconos-amenidades{margin-top:100px;}
.amenidad{margin-bottom:5px;}

/*departamentos*/
#departamentos{padding:160px 0 115px 0; background:#050505;}
#departamentos h2{font-size:100px;}
.departamentos{margin:10px -15px 0; text-align:center;}
.departamento{ position:relative;display:inline-block; max-width:Calc(33.33% - 34px);margin:45px 15px;}
.departamento a{background:#1D1B18;position:relative; transition:All ease-in .2s; display:block}
.departamento img{max-width:100%;}
.departamento a:hover{transform:scale(1.07);}
.info-depa{text-align:left;padding:40px 25px 20px;; max-width: 400px; margin:0 auto; min-height:270px;}
.departamento h3{line-height:1.2;font-style: italic;margin-bottom:10px;}
.info-depa p{line-height:1;font-size:24px;}
ul.ulely{margin:25px 0 0; columns:2;padding:0;color:#fff; list-style: none;}
ul.ulely li{position:relative; margin:0 0 3px 0; font-size:14.5px;padding-left:8px;}
ul.ulely li:before{width:3px; height:1px; background:#fff;position:absolute; left:0; top:10px; content:'';}
.departamento a:hover .ver-mas{opacity:1;}
.ver-mas{opacity:0;transition:all ease-in .2s;width:140px; height:140px; border:1px solid #54c0e8; position:relative; border-radius:100%; text-align:center; position:Absolute; left:50%; transform:translatex(-50%); bottom:-30px;}
.ver-mas:before{width:20px; height:20px; background:url(../img/plus-elysian.svg) no-repeat center; background-size:100%; content:'';position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.ver-mas:hover{background:#54c0e8;}
.img-depas{height:800px; position:Absolute; bottom:0; left:0; width:100%;}


/*frase*/
#frase{background:#e1e3e7;overflow: visible;padding:135px 0 0px; text-align: center;}
#frase h3{max-width:960px; margin:auto;}
#frase p.frase{margin:80px 0 100px;}
.lifestyle2{left:170px; bottom:auto; top: -95px;}
.numeros{width:50%; height:100%; position:absolute; top:0; right:0;}


/*avance*/
#avance-de-obra{overflow:hidden;position:Relative;}
#slider-avance{}
.slide-avance{height:620px;}
.info-avance{z-index:1;text-align:left;width:45%; position:absolute; top:0; left:55%;height:100%; display:flex; flex-direction: column;justify-content: center; padding:40px 25px 120px 120px;}
.info-avance h2{font-size:44px; margin-bottom:60px;}
#frase .info-avance p{max-width:430px;margin:0;}

#slider-avance .slick-prev{background:url(../img/arrow-left-negra.svg) no-repeat center;background-size:24px;right:-190px; margin-right:0;top:auto; margin-top:0; bottom:90px;}
#slider-avance .slick-next{background:url(../img/arrow-right-negra.svg) no-repeat center;background-size:24px;left:auto; margin-left:0;right:-290px; margin-right:0; top:auto; margin-top:0; bottom:90px;}
#slider-avance .slick-prev:hover{background:#050505 url(../img/arrow-left.svg) no-repeat center;background-size:24px;}
#slider-avance .slick-next:hover{background:#050505  url(../img/arrow-right.svg) no-repeat center;background-size:24px;}

.cont-slider{z-index:2;width:55%; position:Relative;}
#actual-slide{position:Absolute; bottom:30px; right:80px; font-size:60px; color:#fff;}

/*contacto*/
#contactanos{padding:160px 0 120px;}
#contactanos h2{font-size:100px;}

#contactForm{text-align:left;max-width:530px;margin:60px auto 0;}
#contactForm button{transition:all ease-in .2s; margin-top:40px;appearance:none; border:none; width:190px;}
.form-control{ background:none; border:none; border-radius:0; border-bottom:1px solid #999; text-transform:uppercase; font-weight:400; padding: 20px 0; font-size:16px; color:#050505;}
.form-control::placeholder{color:#050505;}
.form-control:focus{border-color:#54c0e8; color:#050505;background:none;}
textarea.form-control{resize:none;height:110px;}
.help-block{ margin-top:5px; text-transform: uppercase; font-size:14px;}

.checkcustom input{width:27px; height:27px; vertical-align: top;}
  .checkcustom .label-check{display: inline-block; font-size:10px; font-weight:400; width:calc(100% - 47px); vertical-align: middle;}
  .checkcustom .label-check a{color:#050505; border-bottom:1px solid #050505;}
  .checkcustom .borde-check{height:27px;width:27px;border-radius:50%; margin-right:10px;border:2px solid #050505;display: inline-block; vertical-align: middle;}
input[type=checkbox] {background:none;border:6px solid #e1e3e7;border-radius:50%;-webkit-appearance: none;-moz-appearance: none;height: 23px;width: 23px;}
  input[type=checkbox]:checked {background: #54c0e8;}

  #msgSubmit{text-transform:uppercase; margin-top:30px; font-weight:400;}
  .text-danger{color:#ff9933 !important;}
  .text-success{color:#54c0e8 !important;}

#whatsapp{height:200px; z-index:999;position:fixed; top:240px; right:30px; width:50px;}
#whatsapp a{display:block; width:50px; height:50px; background:url(../img/whatsapp-elysian-high-conutry.png) no-repeat center; background-size:100%;}
#whatsapp a:hover{transform:scale(1.15);}
#whatsapp span{text-shadow: 0 0 20px rgba(0,0,0,.15);display:block; font-size:12px; color:#fff; width:200px; transform:rotate(-90deg); transform-origin: bottom left; position:Absolute; bottom:0; left:34px;}


/* Start: Video Responsive */
.video-responsive {
    overflow:hidden;
    padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
/* End: Video Responsive */


/*footer*/
footer{ text-align: center; padding:120px 0 90px; background:#050505;}
.logo-footer{width:165px;}
.telefono{line-height:1;border-bottom:rgba(255,255,255,0) solid 1px; margin:50px 0 40px;font-size:50px; display:inline-block;}
.telefono:hover{border-bottom:rgba(255,255,255,1) solid 1px;}
.footer2{margin-top:40px;}
.copy{text-align: center; padding-top:40px;font-size:12px;}
.copy a{text-decoration: underline;}
.copy a:hover{color:#fff;}
.redes{padding-top: 40px;}
.redes a{margin:0 10px;display:inline-block; border:1px solid #54c0e8; border-radius:50%; width:85px; height:85px;}
.redes a:hover{border-width:10px;}
.facebook{background:url(../img/facebook-azul-elysian-high-conutry.svg) no-repeat  50% center; background-size:20px;}
.instagram{background:url(../img/instagram-azul-elysian-high-conutry.svg) no-repeat 50% center; background-size:28px;}
.desarrollo img{}

.arquitectura{padding-top:125px;}
.asesorado{padding-top:125px;}
.cadu{width:210px; margin-bottom:40px;}

/*gracias*/
#gracias{height:100vh; min-height:500px; background:#231F1D url(../img/fondo-elysian-high-conutry.jpg) no-repeat center; background-size:cover;}
#gracias h3.titulo-gracias{margin-bottom:40px;text-transform: uppercase;}
.img-gracias{position:absolute; height:100%; width:38%; top:0; left:0;}
.info-gracias{padding:20px; text-align: center;margin-left:38%; width:62%; height:100vh; min-height:500px;display:flex; flex-direction: column; justify-content: center; align-items: center;}
.info-gracias img{margin-bottom:90px;width:165px;}
.info-gracias .btn-gris{margin-top:40px;}
#bodygracias #whatsapp, #bodygracias #menu-sitio, #bodygracias footer{display:none;}
.btn-regresar{font-size:18px;padding:24px 0 28px 90px; position:relative; margin-top:60px; display:inline-block; }
.btn-regresar:hover:before{left:-10px;}
.btn-regresar:before{transition:All ease-in .2s;width:70px; height:70px; background:url(../img/back-elysian-high-conutry.png) no-repeat center; background-size:100%; position:Absolute; content:''; left:0; top:0;}

/*departamento*/
#departamento{z-index:1;padding:130px 0 90px; background:url(../img/fondo-elysian-high-conutry.jpg) no-repeat center; background-size:cover; }
#departamento h1{margin-bottom:20px;}


.regresar-depa{margin-bottom:40px;font-size:14px;border-bottom:rgba(255,255,255,.6) solid 1px; line-height: 1.2;display:inline-block; position:relative; margin-left:20px; }
.regresar-depa:before{width:8px; height:14px; background:url(../img/regresar.svg) no-repeat center; content:''; background-size:100%; position:absolute; left:-20px; top:3px; transition:all ease-in .2s;}
.regresar-depa:hover:before{left:-24px;}
.datos-depa{padding-top:55px;}
.icono-depa{margin-bottom:10px;}
.ico-depa{width:55px;height:50px; margin-right:30px; display:inline-block; vertical-align: middle;}
.icono-depa h3{margin:0;display:inline-block; vertical-align: middle; width:calc(100% - 90px);}
.plano img{max-width:540px;}
.slide-depa{height:610px;}

#slider-depas{z-index:2;overflow:visible;}
#slider-depas .lifestyle{z-index:2;left:auto; margin-left:0; right:60%; bottom:auto;top:-95px;}
#actual-slide-depas{position:absolute; top:40px; left:50px; color:#fff;}



/*aviso*/
#bodyaviso{background:#e1e3e7;}
#aviso{ padding:220px 0 100px; max-width:1000px; margin:auto; }
#aviso h1{font-size:50px; text-align: Center;  margin-bottom:80px;}
#aviso p{font-weight:300; margin-bottom:30px;}
#bodyaviso #menu-sitio{padding-bottom:40px;background:#050505 !important;transition:all ease-in .2s;}
#bodyaviso #menu-sitio .nav-link.contactanos{background:#fff; color:#050505;}
#bodyaviso #menu-sitio .nav-link.contactanos:hover{background:#54c0e8;color:#fff;}
#bodyaviso #menu-sitio.scrolled-nav{padding-bottom:20px;}
#aviso a{color:#050505; border-bottom:1px solid #54c0e8;}

/*menu*/
.navbar-brand img{width:170px; transition: all ease-in .2s;}
.navbar-brand{position:absolute;left:50%; transition: all ease-in .2s;transform:translateX(-50%); top:40px;}
#menu-sitio{padding:0 0 20px;z-index:999;background:transparent ;transition:all ease-in .2s;}
#menu-sitio .nav-link{font-weight:400;display:inline-block; border-bottom:1px solid rgba(255,255,255,0); padding:0;color:#fff; font-size:15px; }
#menu-sitio .nav-link:hover{border-bottom:1px solid rgba(255,255,255,1);}

.navbar-nav{text-align:center;width:100%; display: block;margin-top:60px; transition:all ease-in .2s;}
.navbar-nav li{display: inline-block;}

#menu-sitio .nav-link.contactanos{background:#050505; padding:10px 30px; border-radius:70px; border:none;}
#menu-sitio .nav-link.contactanos:hover{border:none; background:#54c0e8;}

#menu-sitio.scrolled-nav{background:#050505 !important;transition:all ease-in .2s;}
#menu-sitio.scrolled-nav .nav-link.contactanos{background:#fff; color:#050505;}
#menu-sitio.scrolled-nav .nav-link.contactanos:hover{background:#54c0e8;color:#fff;}
#menu-sitio.scrolled-nav .navbar-nav{margin-top:20px;}
#menu-sitio.scrolled-nav .navbar-brand img{width:130px;}
#menu-sitio.scrolled-nav .navbar-brand{top:5px;}

.navbar-toggler{transition:all ease-in .2s;z-index:999;cursor:pointer;border:none;position:absolute;right:25px; top:50px;padding:0;}
.icono-menu{ transform:scale(.8);position:relative;display:block;width:40px; height:28px; }
.icono-menu span{display:block;width:40px; height:4px; background:#fff;position:absolute; top:12px; left:0px; transition:All ease-in .2s;}
.icono-menu:before{position:absolute; width:40px; height:4px;lefT:0px; top:0px; content:''; display:block; background:#fff;transition:All ease-in .2s;}
.icono-menu:after{position:absolute; width:40px; height:4px;lefT:0px; bottom:0px; content:''; display:block; background:#fff;transition:All ease-in .2s;}

.menu-abierto .icono-menu span{opacity:0;}
.menu-abierto .icono-menu:before{top:-2px;transform:rotate(45deg);transform-origin: top left;}
.menu-abierto .icono-menu:after{bottom:-1px;transform:rotate(-45deg); transform-origin: bottom left;}



@media (max-width:1200px){
  #menu-sitio{padding-top:30px; padding-bottom:10px;text-align: center;}
  #menu-sitio .container{display:block;}
  #menu-sitio.menu-abierto{background:#050505;}
.navbar-nav{display:inline-block;width:100%; text-align: center; margin-top:30px;}
.navbar-brand{margin:0;position:Relative;left:auto; transform:none; top:auto;}
.navbar-nav li{display:block; margin: 0 0 25px 0;}
#menu-sitio .nav-link{font-size:18px;}
#menu-sitio .nav-link.contactanos{background:#fff; color:#050505;}
#menu-sitio .nav-link.contactanos:hover{background:#54c0e8;color:#fff;}
#menu-sitio.scrolled-nav{padding-top:10px;}
#menu-sitio.scrolled-nav .navbar-brand{top:0;}
#menu-sitio.scrolled-nav .navbar-toggler{top:30px;}


#acerca-de h3 br{display:none !important;}
#whatsapp{right:10px;}
h3{font-size:28px;}
.info-avance{padding-left:50px;}
.redes{margin-bottom:40px}
.copy{text-align: center; margin-top:60px;}
footer{padding-bottom:40px;}

#departamento h1{font-size:85px;}

}

@media (max-width:991px){
  h1{font-size:75px;}
  h2{font-size:80px;}
  .info-slider{padding-bottom:100px;}
  .lifestyle{left:15px;bottom:-200px;}
  .cont-btn-cyan{bottom:-140px;}
  .btn-ubicacion{margin-top:0;}
  #departamentos h2{font-size:80px;}
  .departamento{max-width:Calc(50% - 34px);}
  #contactanos h2{font-size:80px;}

  #departamento h1{font-size:65px;}
  .slide-depa{height:450px;}
}

@media (max-width:768px){
.navbar-brand img{width:130px;}
#menu-sitio{max-height:100vh; overflow:auto;}

#contactanos h2{font-size:50px;}
.btn-cyan{font-size:16px;padding:20px 50px}
h1{font-size:55px;}
.info-slider{padding-bottom:200px;}
.lifestyle{width:150px; bottom:-150px;}
.cont-btn-cyan{bottom:-230px;}
.btn-ubicacion{margin-top:-70px; width:150px; height:150px; margin-bottom:40px;}
#ubicacion{padding-top:70px;}
h2{font-size:50px;}
.direccion{padding-top:20px; padding-bottom:20px;}
#amenidades{padding:90px 0 80px;}
#amenidades h2{margin-top:40px; margin-bottom:40px; position:relative;}
.iconos-amenidades{margin-top:0;}
.slick-next{left:calc(100% - 140px); margin-left:0;}
.slick-prev{right:calc(100% - 140px); margin-right:0;}
#departamentos h2{font-size:50px;}
#departamentos{padding:90px 0 115px;}
.departamento h3{font-size:24px;}
.departamento{margin:10px 5px; max-width:Calc(50% - 15px);}
#whatsapp span{display:none;}
#whatsapp{height:50px; top:auto; bottom:30px; right:20px;}
#frase{padding-top:90px;}

.cont-slider{width:100%;}
.slide-avance{height:400px;}
#actual-slide{font-size:35px;}
.info-avance{width:100%; position:Relative; left:0; padding:60px 35px 0;}
.info-avance h2{margin-bottom:30px;}
#slider-avance .slick-next{right:20px; bottom:auto; top:50%; margin-top:-35px;}
#slider-avance .slick-prev{left:20px; right:auto; bottom:auto; top:50%; margin-top:-35px;}
#contactanos{padding-bottom:70px; padding-top:90px;}
footer{padding-top:90px;}
.arquitectura{padding-top:0px;}
.asesorado{padding-top:0px;}
.desarrollo{padding:50px 0;}
.cadu{width:210px; margin-bottom:40px;}

.info-gracias{width:100%;height:auto ;padding:50px 25px;margin-left:0;min-height:0;}
.img-gracias{position:relative; width:100%; height:400px;}
#gracias{height:auto;}
.btn-regresar:before{width:50px; height:50px;}
.btn-regresar{padding:12px 0 20px 65px;}
.info-gracias img{margin-bottom:70px;}

#aviso h1{font-size:35px;margin-bottom:50px;}
#aviso{padding-bottom:50px;}

#departamento h1{font-size:45px;}
.datos-depa{padding-top:10px;}
h3{font-size:24px;}
.plano{margin-top:30px;}
.plano h3{font-size:28px;}
#slider-depas .lifestyle{top:-75px; right:25px;}

}

@media (max-width:575px){
  h4{font-size:20px;}
  .icono-a{margin-right:10px;}
  h1{font-size:42px;}
  h2{font-size:38px;}

  .slick-next{width:50px; height:50px; left:calc(100% - 90px); margin-top:-25px}
  .slick-prev{width:50px; height:50px; right:calc(100% - 90px); margin-top:-25px}
  .info-avance h2, #contactanos h2, #departamentos h2{font-size:38px;}
  .departamento{max-width:100%;}
  .departamentos{margin:10px -5px 0;}
  .info-depa{min-height:auto; padding-bottom:30px;}
  .ver-mas{width:90px; height:90px; bottom:15px;}
  .img-depas{display:none;}
  #actual-slide{right:30px;}
  #contactForm{margin-top:30px;}
  .telefono{font-size:30px;}

  #departamento h1{font-size:27px;}
  .slide-depa{height:300px;}


}

@media (max-width:480px){
  .cont-btn-cyan{text-align:center; left:15px;}
  h3{font-size:22px;}
  .container{padding-left:25px; padding-right:25px;}

}

@media (min-width:991px){

}

@media (min-width:1200px){
  .container{max-width:1500px !important;}

  .navbar-nav li{margin:0 30px;}
  .navbar-nav li:first-child{margin-left:0;}
  .navbar-nav li:last-child{margin-right:0;}

  .navbar-nav li.link-acerca{margin-left: 65px;}
  .navbar-nav li.link-depas{margin-right:110px;}
  .navbar-nav li.link-avance{margin-left:110px;}
  .navbar-nav{margin-left:-15px;}

  #menu-sitio .nav-link.contactanos{margin-left:20px;}
}