@charset "UTF-8";
/* CSS Document */
*:focus {outline: none !important;}
input:focus{box-shadow: none;}
body {-webkit-font-smoothing:antialiased;width: 100%;color:#585858; height: 100%; line-height:1.2;font-size:19px;position: relative; font-family:'Gilroy', sans-serif; font-weight:400;}
html {width: 100%;height: 100%;}
img{ width:100%;}
*::selection{background:#24453d; color:#fff;}
h1{line-height:1.3;font-size:50px;}
h2{font-size:45px; line-height:1.1; font-weight:500;}
h3{font-size:22px; font-weight:400; line-height:1.5;}
h4{ }
h5{}
a{color:#24453d; transition: all ease-in .2s; }
a:hover, a:visited, a:active, a:focus{text-decoration: none; color:#24453d;}
p{line-height:1.6;}
.container{padding: 0 20px !important;}
section{position:relative; overflow: hidden;}
b, strong{font-weight:bold;}
.medium{font-weight:500;}
.verde{color:#24453d;}
.ocre{color:#c8aa2d;}
.gris{color:#d3d2cd;}
.amarillo{color:#ffdc55;}
.bangla{font-family:'Bangla', sans-serif;}
.blanco{color:#fff; }



/*slider*/
.slide-home{width:100%;}
#slider{overflow: visible;background:#24453d; line-height: 0;}
.info-slide{text-align:Center;padding-top:300px;}
.info-slide h2{font-weight:400; font-size:35px; margin-top:30px;}
.info-slide h2.amarillo{margin-top:20px;font-size:60px;}
.img-slide img{margin-top:50px;}



/*home*/
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.redes{background:#24453d; padding:20px 0 16px;width:55px; position:fixed; top:130px; right:0px; z-index:999; text-align: center;}
.redes .instagram{margin-bottom:25px; display:block; margin: 0 auto 25px;}

.whats-msn{width:69px; position:fixed; bottom:30px; right:10px; z-index:999; text-align: center;}
.whats-msn a:hover{transform:scale(1.2);}
.whatsapp{display:block;width:69px; height:69px; background:url(../img/whatsapp-avaterra.png) no-repeat center; background-size:100%;}
.messenger{width:69px; display:block;height:69px; background:url(../img/messenger-avaterra.png) no-repeat center; background-size:100%; margin-bottom:10px; }

.botones-slider{max-width:350px; margin:20px auto 40px; text-align: left;}
.btn-amarillo{line-height:1;font-weight:800; font-size:15px; color:#24453d; background:#ffdc55; border-radius:80px; padding:18px 35px; border:2px solid #ffdc55;display:inline-block;}
.btn-amarillo:hover{border-color:#fff;background:#fff;}
.btn-linea-blanco, .btn-linea-blanco:visited, .btn-linea-blanco:focus{line-height:1;font-weight:800; font-size:15px; color:#fff; background:; border-radius:80px; padding:18px 35px;border:2px solid #fff; display:inline-block;}
.btn-linea-blanco:hover{color:#24453d; background:#fff;}
.botones-slider .btn-linea-blanco{float:right;}



/*cita*/
#cita{background:#fff; padding-bottom:170px;}
#cita h2{text-align:center;}
.btn-elige{padding:20px 30px; font-size:13px; font-weight:800;color:#24453d; background: rgba(200, 171, 45, 0.1484); border:2px solid #c8aa2d; display:inline-block; position:absolute; top:0px; right:65px;}
.btn-elige:hover{background:rgba(200, 171, 45, 1);}
.fondo-verde-cita{background:#24453d; height:90px; position:absolute; top:0; left:0; right:0;}
.contenedor-cita{position:relative;background:#fff; max-width:1150px; margin:auto;padding:75px 0 0}
#cita form{margin:70px auto 0; max-width:850px; }

/*experiencia*/
#experiencia{padding:90px 0 50px; text-align: center; background:#24453d;}
#experiencia h2{max-width:685px; margin:0 auto 30px;}
#experiencia p{max-width:685px; margin:0 auto 90px;}
.icono{display:inline-block; vertical-align: top;width:19%; margin-bottom:25px; padding: 0 15px 0;}
.icono img{max-width:100px; width:100%; margin-bottom:40px;}
.icono h3{text-transform: uppercase;}
.icono h3 b{display:block;}

/*departamentos*/
#departamentos{padding:100px 0 100px; background:#F2ECE5;}
.titulo-depas{margin-left:70px;padding:0 0px 0 38px; border-left: 2px solid #c8aa2d;}
.titulo-depas p{margin-bottom:5px;}
.titulo-depas h2{margin-bottom:10px;}
.departamentos{margin-top:40px;position:relative;}
/*.fondo-verde-depa{background:#24453d; position:absolute; bottom:0; left:0; right:0; height:200px;}*/
.departamento{display:block;width:100%;}
.departamento h3{margin-bottom:0px; padding:12px 10px 0px; background:#fff; line-height: 1.5;text-align:center;font-size:30px;}
.img-departamento{position:relative; overflow: hidden;}
.departamento:hover .img-departamento div{transform:scale(1.1);}
.img-departamento div{height:280px; width:100%; transition:all ease-in .4s;}
.info-depa{overflow: hidden;background:#00a29c; padding:14px 20px 4px;}
.info-depa span{color:#fff;}
.info-depa .precio{float:right;}
.info-depa .rec{width: 100%;display: block;text-align: center; font-family:'bangla', sans-serif; font-size:27px; font-weight:400;}
.detalles{background:#24453d; padding:30px 25px 10px; text-align: left;}
.detalles h4{font-size:20px; line-height: 1; margin-bottom:10px;}
.ver-mas{display:inline-block; color:#fff; margin-top:20px;font-size:15px; font-weight:500; transition:all ease-in .2s;}
.departamento:hover .ver-mas{color:#ffdc55;}
.slide-depa{padding:0 5px;}

.listados-amenidades{margin-top:70px;}
.listado-amenidades .titulo-amenidades{padding-bottom:30px;}
.listado-amenidades h2{font-size:30px; margin-bottom:30px !important;}
.ul-ava{margin: -10px 0 40px 10px; padding:0; list-style: none;}
.ul-ava li{margin-bottom:10px; position:relative;  padding-left:22px;}
.ul-ava li:before{width:10px; height:10px; border:3px #c8aa2d solid; border-radius:100%; content:''; position:absolute; left:0; top:2px;}

#slider-depas-home .slick-dots{bottom:-40px;}
#slider-depas-home .slick-dots li button:before{border-color:#24453d;}
#slider-depas-home .slick-dots li.slick-active button:before{background:#24453d;}
.slick-prev:before, .slick-next:before{content:''}
#slider-depas-home .slick-next{width:30px; height:30px; background:url(../img/flecha-right-avaterra.png) no-repeat center; background-size:18px; right:-32px; top:300px;}
#slider-depas-home .slick-prev{width:30px; height:30px; background:url(../img/flecha-left-avaterra.png) no-repeat center; background-size:18px; left:-32px; top:300px;}

/*amenidades*/
#amenidades{padding:100px 0 140px;}
.img-amenidades-1{max-width:350px; width:90%;}
.img-amenidades-2{margin-top:200px;}
.amenidades{padding-left:40px;}
.titulo-amenidades{margin-top:25px;padding:0 0px 0 38px; border-left: 2px solid #c8aa2d;}
.titulo-amenidades p{padding-bottom:130px; margin-bottom: 50px; max-width:530px;}
.titulo-amenidades h2{position:relative;margin-bottom:10px;}
.titulo-amenidades h2:before{width:70px; height:40px;}
.ia1{width:49%; display:inline-block;}
.bloque-crema-1{width:100%; height:230px; background:#F2ECE5; position:absolute; left:30px; top:420px;}
.bloque-crema-2{width:400px; height:300px; background:#F2ECE5; position:absolute; left:200px; bottom:90px;}
.icono-am{width:50px;display:inline-block; margin-right:30px; text-align: center;vertical-align: middle;}
.titulo-amenidades h2 span{width:calc(100% - 85px); vertical-align: middle; display: inline-block;}

/*ubicacion*/
#ubicacion{line-height:0;background:#fff; padding-top:50px; padding-bottom:50px;}
#ubicacion iframe{ line-height:1;height:650px; width:100%;}
.titulo-ubicacion{}
.titulo-ubicacion .titulo-amenidades{padding-bottom:10px; margin:0 0 40px;}

.botones-mapa{line-height:1.1;position:absolute; width:100%; bottom:70px;}
.caja-links{box-shadow:0 0 10px rgba(0,0,0,.1);width:200px;position:relative;background:#fff; padding:20px 30px 25px;}
.caja-links a{color:#3B3B3B; border-bottom:1px solid #3B3B3B;font-size:12px; display:inline-block; margin-bottom:5px;}
.caja-links a:hover{color:#c8aa2d;}
.caja-links img{position:absolute; right:20px; bottom:22px; width:27px;}


/*contacto*/
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

.script-checkbox{margin-top:15px; margin-bottom:10px;}
.custom-check{text-align: left;width:18px; border:1px solid #979797;vertical-align:top;height:18px; background:#fff; border-radius:2px;display:inline-block; position:relative; margin-top:2px;}
.custom-check input{opacity:0; width:18px; height:18px;}
.custom-check:after{content: "";position: absolute;display: none;left: 6px;  top: 1px;  width: 5px;  height: 10px;  border: solid #c8aa2d;  border-width: 0 1px 1px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.label-selected.custom-check:after{display: block;}
.label-selected.custom-check{background:#fff;}
.texto-check{font-size:14px;text-align: left;width:calc(100% - 30px);margin-left:5px;display:inline-block; vertical-align:top; line-height:1.6;}
.texto-check a{color: #585858; border-bottom:1px solid #c8aa2d;}
.texto-check a:hover{color:#c8aa2d;}
.script-checkbox label{width:100%;}

.script-checkbox2{margin-top:15px; margin-bottom:10px;}
.custom-check2{text-align: left;width:18px; border:1px solid #979797;vertical-align:top;height:18px; background:#fff; border-radius:2px;display:inline-block; position:relative; margin-top:2px;}
.custom-check2 input{opacity:0; width:18px; height:18px;}
.custom-check2:after{content: "";position: absolute;display: none;left: 6px;  top: 1px;  width: 5px;  height: 10px;  border: solid #c8aa2d;  border-width: 0 1px 1px 0;  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  transform: rotate(45deg);}
.label-selected.custom-check2:after{display: block;}
.label-selected.custom-check2{background:#fff;}
.texto-check2{font-size:14px;text-align: left;width:calc(100% - 30px);margin-left:5px;display:inline-block; vertical-align:top; line-height:1.6;}
.texto-check2 a{color: #585858; border-bottom:1px solid #c8aa2d;}
.texto-check2 a:hover{color:#c8aa2d;}
.script-checkbox2 label{width:100%;}

.help-block{font-size:14px;}
.form-control{transition:all ease-in .2s;margin-bottom:20px;color:#8D8E93; font-size:14px; font-weight:400; border: 1px solid #c1c1c1; border-radius: 4px;padding: 15px 20px; line-height:1.2;}
.form-control::placeholder{color:#8D8E93;}
select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance: none;height:48px !important;}
.form-control:focus{box-shadow:none; outline:none; border-color: #c8aa2d;}
textarea{height:113px; resize:none;}
.btn-aqua{line-height:1;font-weight:800; height:auto; transition:all ease-in .2s;font-size:15px; color:#fff; background:#00a29c; border-radius:80px; padding:18px 35px; border:2px solid #00a29c;display:inline-block;}
.btn-aqua:hover{border-color:#c8aa2d;background:#c8aa2d; color:#fff;}
.enviar{overflow: hidden;}
.btn-enviar{-webkit-appearance: none; -moz-appearance: none; appearance: none; margin-top:10px; float:right;}
.msgsubmit{font-size:16px; color:#00a29c;font-weight:bold; }

#contacto{background:#24453d; padding:100px 0;}
#contacto h2{text-align:center;}
#contacto .contenedor-cita{position:relative;background:#fff; max-width:1150px; width:95%; margin:auto;padding:75px 0}
#contacto form{margin:70px auto 0; max-width:850px; }

/*copy*/
#copy{background:#24453d;padding:20px 0;}
#copy p{margin:0; text-align: center; font-size:12px;}
#copy a{color:#fff;}
#copy a:hover{color:#ffdc55;}

/*video*/
.videoWrapper {position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0;}
.videoWrapper iframe {	position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/*frase*/
#frase{padding:45px 0 120px; background:#F2ECE5;}
#frase h2{max-width:900px; }
#frase .titulo-amenidades{padding-bottom:100px;}

/*testimonios*/
#testimonios{background:#c8aa2d;}
.slide-test{padding:55px 20px 108px; text-align: center;}
.slide-ocre{background:#c8aa2d;}
.slide-test h3{font-size:25px; font-weight:bold;}
.slide-test span{margin-top:30px;display:block; font-size:15px; font-weight:bold;}
.cita-test{max-width:900px; margin:auto;position:relative; padding:50px 58px 25px}
.cita-test:before{width:45px; height:35px; position:absolute; top:0; left:0; content:'';background:url(../img/comillas-avaterra-2.png) no-repeat center top;  background-size: 100%;}
.cita-test:after{width:45px; height:35px; position:absolute; bottom:0; right:0; content:'';background:url(../img/comillas-avaterra.png) no-repeat center bottom;  background-size: 100%;}
#slider-test.slick-dotted.slick-slider{margin-bottom:0 !important;}

.slick-dots{bottom:44px;}
.slick-dots li button:before{content:'';width:12px; height:12px; background:none; border:1px solid #ffF; border-radius:100%; opacity:1; transition:all ease-in .2s;}
.slick-dots li button:hover:before{opacity:1;}
.slick-dots li button{padding:0;width:12px; height:12px;}
.slick-dots li {margin: 0 8px;width:12px; height:12px;}
.slick-dots li.slick-active button:before{background:#fff;opacity:1;}

/*listo*/
#listo{padding:85px 0 65px; background:#00a29c;}
.btn-line-blanco, .btn-line-blanco:visited{color:#fff; border:1px solid #fff; font-size:19px; font-weight:800; display:inline-block; padding: 30px 65px;}
.btn-line-blanco:hover{background:#fff;}
#listo .btn-line-blanco{float:right;}
#listo .titulo-amenidades{margin-top:5px;padding-bottom:10px;}

/*departamento abierto*/
#header-depa{background:#24453d;padding:250px 0 115px;}
#header-depa h1{font-size:100px;}
.desde{font-size:35px; display: block;}
.precio-abierto{font-size:65px; display: block; margin:20px 0;}
.contenedor-small{max-width:1150px; margin:auto;}

#render{padding:80px 0;}
#render h3{font-size:30px; font-weight:500; margin:0 0px 50px;}
.info-render{padding-top:80px;}
#render img{max-width:640px;}

#caracteristicas{background:#F2ECE5; padding:60px 0 30px;}
.capacidad{font-weight:500; display:block; margin-bottom:5px;}
#caracteristicas h3{font-weight:500; color:#25453E; font-size:30px; margin-bottom:30px;}
#caracteristicas .borde-bottom{border-bottom:1px solid #979797; padding-bottom:10px; margin-bottom:15px;}
#caracteristicas .ul-ava{margin-bottom:50px;}
#caracteristicas p{margin-bottom:50px;}

#galeria{padding:100px 0; overflow: hidden;}
.img-galeria{display:block;margin:0 3px 6px; position:relative; overflow: hidden;}
.img-galeria div{transition:all ease-in .4s;}
.img-galeria:hover div{transform:scale(1.2);}
.img-50{ width: calc(50% - 6px); float:left;}
.img-50 div{height:315px;}
.img-100{ width: calc(100% - 6px); float:left;}
.img-100 div{height:640px;}
.img-33{ width: calc(33.33% - 6px); float:left;}
.img-33 div{height:215px;}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{top:85px !important;}
.videofancybox .fancybox-stage{top:0px !important;}
.fancybox-is-open .fancybox-bg{background:#24453d; opacity:1;}
.fancybox-navigation button:before{background:transparent;}
.fancybox-infobar{    -webkit-tap-highlight-color: transparent !important;-webkit-font-smoothing: antialiased !important;mix-blend-mode: normal !important; color:#fff !important;}

#otros{background:#F2ECE5;padding:100px 0; text-align: center;}
#otros a{display:inline-block; width:24%; font-size:30px;}
.otros{max-width:900px; margin:65px auto 0;}

.fondo-verde{background:rgba(36,69,61,.8);position:Absolute; top:0; width:100%; height:100%; left:0;}

/*aviso*/
#aviso{padding:200px 0 170px; background:#24453d;}
#aviso h2{margin-bottom:30px;text-align:center;}
#bodyaviso #contacto{display:none !important;}
.contenedor-aviso{max-width:1150px; margin:auto;}
#aviso h3{color:#fff; margin-top:30px; font-weight:bold;}
#aviso p{text-align: justify;color:#fff;}

/*gracias*/
#gracias{height:100vh;}
#bodygracias{background:#24453d;}
#bodygracias #contacto, #bodygracias #copy, #bodygracias #menu-sitio{display:none !important;}
.info-gracias{position:absolute; margin-left:40%; width:60%; min-height:100vh; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.info-gracias p{font-size:25px; margin:80px auto 80px; max-width:400px; text-align: center;}
.logo-gracias{position:absolute; left:0; width:40%; height:100vh;}
.logo-gracias img{width:100%;max-width:305px; position:Absolute; bottom:60%; left:50%; transform:translateX(-50%);}
.pattern{width:310px;position:Absolute; height:50%;max-height:415px;bottom:0%; left:50%; transform:translateX(-50%); background:url(../img/pattern-avaterra.png) no-repeat center top; background-size:100%;}

/*menu*/
.navbar-brand{width:200px; height:47px; background:url(../img/logotipo-avaterra.png) no-repeat center; background-size:100%;}
#menu-sitio .navbar-nav .nav-link{text-transform:uppercase;color:#fff;transition:all ease-in .2s; padding: 0 0 6px; font-size:14px; font-weight:500; position:relative;}
#menu-sitio .navbar-nav .nav-link:hover{transition:all ease-in .2s;color:#fff; }
#menu-sitio .navbar-nav .nav-link:before{position:absolute; transition:all ease-in .3s; bottom:0; left:0; width:0; height:4px; background:#c8aa2d;content:'';}
#menu-sitio .navbar-nav .nav-link:hover:before{width:100%;}
#menu-sitio{box-shadow:0px 3px 7px rgba(0,0,0,.2);z-index:999997;padding:20px 0;background:#24453d;transition:all ease-in .2s;}
.navbar-toggler{border:none; transition:all ease-in .2s;}
#menu-sitio .navbar-toggler:focus{box-shadow:none;outline: none;}
#menu-sitio .navbar-nav {transition:all ease-in .2s}

.btn-llamar{margin-left:20px !important; position:relative;}
.btn-llamar:after{width:11px; height:16px; background:url(../img/llamar-avaterra.png) no-repeat center; background-size:100%; position:absolute; left:-20px; top:0; content:'';}
#menu-sitio .navbar-nav .nav-link.btn-contacto{padding:14px 20px; border:1px solid #fff; color:#ffdc55; font-weight:800; font-size:13px; }
#menu-sitio .navbar-nav .nav-link.btn-contacto span{position:relative;}
#menu-sitio .navbar-nav .nav-link.btn-contacto:hover{ border-color:#c8aa2d; color:#fff; }
#menu-sitio .navbar-nav .nav-link.btn-contacto:before{height:100%; }

.redes-menu{display:none !important;}
.redes a:hover, .redes-menu a:hover{transform:scale(1.2);}
.facebook{height:21px; width:11px; background:url(../img/facebook-avaterra.png) no-repeat center; background-size:100%; display:inline-block;}
.instagram{height:22px; width:22px; background:url(../img/instagram-avaterra.png) no-repeat center; background-size:100%; display:inline-block;}

#menu-sitio.scrolled-nav{background:#24453d !important;transition:all ease-in .2s;}
#menu-sitio.scrolled-nav .navbar-brand{}

#menu-sitio.menu-abierto .navbar-nav .nav-link{}
#menu-sitio.menu-abierto .navbar-toggler:before, #menu-sitio.menu-abierto .navbar-toggler:after{background:#fff !important;}








/* Preloader CSS */
.loading {width: 100%;height: 100vh;position: fixed;background-color: #24453d;z-index: 999999;overflow: visible; top:0;}
.loading img {position: absolute;top: 50%;left: 50%;margin: -65px 0 0 -40px;width: 80px;transform-origin: center;  animation: scale .5s infinite alternate;}
.accediendo{width:100%; text-align: center;color:#fff; font-size:15px; font-weight:400; position:Absolute; display:block; left:50%; transform:translateX(-50%); top:50%; margin-top:40px;}
.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);}
}

/*backtop*/
#backtop{z-index:3;transition:all .3s,visibility .3s,opacity .3s linear;visibility:hidden;position:fixed;bottom:100px;right:20px;width:50px;height:50px;border-radius:50%;background: #fff url(../img/iconos/arrow-footer-hamlet-torre.png) no-repeat center;background-size:100%;opacity:0}
#backtop:hover{transform:translateY(-5px)}



@media (max-width:1200px){
  .redes{display:none;}
.navbar-nav{display:inline-block;width:100%; text-align: center;}
#menu-sitio .navbar-nav .nav-link{font-weight:400; letter-spacing: 1px;font-size:18px; margin: 0px 0;padding:15px 0 5px; margin-bottom:15px; border:none; display: inline-block;}
.navbar-nav{padding-top:10px;}

  .navbar-toggler{margin-top:5px; margin-bottom:5px;padding:0; position:relative;height:18px; width:35px;}
  .navbar-toggler:before{transition:all ease-in .2s;width:100%; height:4px; background:#fff; top:0; left:0; position:absolute; content:''}
  .navbar-toggler:after{transition:all ease-in .2s;width:100%; height:4px; background:#fff; bottom:0; left:0; position:absolute; content:''}
  #menu-sitio.scrolled-nav .navbar-toggler{}
  #menu-sitio.scrolled-nav  .navbar-toggler:before, #menu-sitio.scrolled-nav  .navbar-toggler:after{background:#fff;}

  .redes-menu{display:block !important; color:#fff; padding-bottom:40px; margin-top:30px; font-size:14px; letter-spacing: 0px;}
  .redes-menu span{vertical-align: middle; display: inline-block; margin-right:10px;}
  .social{margin: 0 10px; vertical-align: middle;}


.btn-llamar{margin-left:0 !important;padding-left:0 !important;}
  .btn-llamar:after{top:16px; left:-20px;}
  #menu-sitio .navbar-nav .nav-link.btn-contacto{margin-top:20px; font-size:16px;}

#menu-sitio .container{position:relative;z-index:10;}

.navbar-collapse{text-align: center; max-height:calc(100vh - 60px);}

.menu-abierto .navbar-toggler:before{transform:rotate(45deg); margin-top:7px;}
.menu-abierto .navbar-toggler:after{transform:rotate(-45deg); margin-bottom:7px;}
  #menu-sitio.menu-abierto{background:#24453d; }

/*slider*/
h1{font-size:45px;}
.info-slide{padding-top:150px;}
.img-slide img{position:absolute; bottom:0;}

/*cita*/
#cita h2{text-align:left;}
#cita form{max-width:100%;}

/*iconos*/
.icono{width:24%;}

/*departamentos*/
.info-depa{padding:10px 8px 0; font-size:18px;}
.img-departamento div{height:280px;}
.detalles h4{font-size:22px;}
.detalles p{font-size:18px;}
.detalles{padding:35px 20px 10px}
.departamento h3{margin-bottom:0px;}

/*amenidades*/
.bloque-crema-1{top:270px;}

/*contacto*/
#contacto form{max-width:100%;}
#contacto h2{text-align:left;}


}

@media (max-width:991px){
  h2{font-size:40px;}
  h3{font-size:18px;}

/*slider*/
.img-slide img{position:relative; max-width:400px; margin:auto;}
.info-slide h2.amarillo{font-size:50px;}

/*home*/
.btn-elige{right:15px;}
#cita{padding-bottom:70px;}
#experiencia{padding-top:80px;}
.icono{width:32%;}
.icono img{width:80px;}
#departamentos{padding-top:80px;}
.titulo-depas{margin-left:0;}
.departamento{}

.info-depa{padding:10px 15px 0;}
.img-amenidades-2{margin-top:0; max-width:90%;}
.img-amenidades-3{margin-top:40px; max-width:90%; float:right;}
.listado-amenidades h2{font-size:26px;}
#amenidades{padding-bottom:80px;}
#frase{padding:35px 0 55px;}
#frase .titulo-amenidades{padding-bottom:40px;}
#listo .btn-line-blanco{float:none; }
.btn-listo {text-align: center; padding-top:30px;}

/*depas*/
#header-depa{padding:150px 0 65px;}
#header-depa h1{font-size:70px;}
.precio-abierto{font-size: 50px;}
.desde{font-size:30px;}
#galeria{padding:80px 0;}
#otros{padding:80px 0;}

}

@media (max-width:768px){
/*menu*/
.navbar-brand{width:160px; height:39px;}
#menu-sitio{padding:15px 0;}
.navbar-nav{padding-top:30px;}

/*home*/
h1{font-size:35px;}
h2{font-size:32px;}
.info-slide h2{font-size:28px;}
.info-slide h2.amarillo{font-size:40px;}
.btn-elige{position:relative; right:auto; margin-top:20px;}
#contacto form, #cita form{margin-top:50px;}
.icono{width:49%;}
.titulo-depas{padding-left:20px;}
.info-depa .rec{margin-bottom:0px;}
.info-depa .rec, .info-depa .precio{float:none; display:block; text-align:center;}
.detalles p{font-size:17px;}
#amenidades{padding-top:60px; padding-bottom:50px;}
.img-amenidades-1{max-width:250px;}
.bloque-crema-1{width:85%; top:250px;}
.amenidades .titulo-amenidades{margin-top:70px;}
.titulo-amenidades p{padding-bottom:60px;}
.bloque-crema-2{left:20px;}
.listados-amenidades{margin-top:30px;}
.listado-amenidades{margin-bottom:20px;}
#contacto{padding: 50px 0;}
.btn-line-blanco{font-size:16px; padding:25px 40px;}
#listo{padding-top:80px;}
.titulo-amenidades{padding-left:20px;}
.amenidades{padding-left:15px;}

/*depas*/
#header-depa{padding-top:120px; text-align: center;}
#render{padding: 0 0 60px;}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage{top:68px !important;}
.videofancybox .fancybox-stage{top:0px !important;}
.fancybox-navigation button{margin-top:-10px !important;}
#otros a{width:49%; margin-bottom:40px;}

/*aviso*/
#aviso{padding:130px 0 50px;}
#aviso p{font-size:15px;}

/*gracias*/
.info-gracias{width:100%; position:relative; margin-left:0;min-height:auto; padding:80px 20px 60px; text-align: center; display:block;}
.logo-gracias{width:100%; position:relative; height:auto; padding:0px 20px 0; text-align: center; display:block;}
.info-gracias p{margin:40px auto; font-size:18px;}
.logo-gracias img{max-width:240px; position:relative; left:auto; bottom:auto; display:inline-block; transform:none;}
.pattern{position:relative; left:auto;transform:none; height:150px; margin:40px auto 0; width:100%; max-width:310px; display:block;}
#gracias{height:auto;}

}

@media (max-width:575px){
#slider-depas-home .slick-next{top:300px; right:10px;}
#slider-depas-home .slick-prev{top:300px; left:10px; z-index:2;}

}

@media (max-width:480px){

  /*menu*/
.navbar-collapse.show{overflow-y:auto;}

/*home*/
.botones-slider a{float:none !important; width:100%;  text-align: center; margin-bottom:20px;}
.botones-slider{margin-bottom:10px;}
#contacto h2, #cita h2, .contenedor-cita{text-align: center;}
h3{font-size:16px;}
.departamento{width:100%;}
.fondo-verde-depa{display:none;}
.cita-test:before{width:30px;}
.cita-test:after{width:30px;}
  .cita-test{padding:30px 35px 25px}
.slide-test h3{font-size:20px;}
.slide-test{padding-bottom:80px;}
.listado-amenidades h2{font-size:22px;}
.icono-am{transform: scale(.8); margin-right:10px;}
.titulo-amenidades h2 span{width:calc(100% - 65px);}

/*depas*/
#header-depa h1{font-size:55px;}
.precio-abierto{font-size:40px;}
#render h3{font-size:26px; margin-bottom:30px;}
#caracteristicas h3{font-size:26px;}
.img-50 div{height:200px;}
.img-33 div{height:200px;}
.img-33{width:100%;}
.img-100 div{height:200px;}
}


@media (min-width:1200px){
.navbar-nav li{display:inline-block;}
.navbar-nav li{margin:0px 22px;}
.navbar-nav{display:inline-block;width:100%; text-align:right;margin-top:0px;}

#menu-sitio.scrolled-nav .navbar-nav{}
}

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

}

@media (min-width:1350px){
.container{max-width:1300px;}

}



 #overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        background: #999;
        width: 100%;
        height: 100%;
        opacity: 0.8;
        z-index: 100;
    }


  #formulario-10-03-22-c05e9dd2f3577349d457 {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 500px;
      height: 500px;
      margin-left: -250px; /*Half the value of width to center div*/
      margin-top: -250px; /*Half the value of height to center div*/
      z-index: 200;
  }

  .img-close {
      position: absolute;
      top: 7px;
      left: 6px;
      color: #000;
      z-index: 100;
  }