/* ==|====================
   Layout/Cielo Content
   ======================= */

#topNav{top: 0 !important;}
.mainMenuBtn.current:after{background: #fff;}
.textP{position: absolute; bottom: 20px; color: #fff; font-size: 40px;font-family: 'Montserrat', sans-serif;}
.ml-6{margin-left: 16%;}
#home-section{background-color: #000;}
/*FORMULARIO SLIDER*/
#slide-formulario-container{  display:block; width:100%; height:100%; position:relative; }
#slideshow{ width:100%; height:100%; display:block; position:relative; /*z-index:50;*/}
#slideshow .item{   width:100%;  height:100%;}
#slideshow .item .slide{ width:100%; height:100%;  background-size:cover; background-position:top center; background-repeat:no-repeat;}
.owl-controls {display: none;}
#slideshow #slide1{background:url(../images/banners/cielo_content/banner1.jpg)top center no-repeat;height: 230%; width: 100%; position: absolute; top: 0%;    background-size: contain;}
#slideshow #slide2{background:url(../images/banners/cielo_content/banner4.png)top center no-repeat;height: 200%; width: 100%; position: absolute; top: 0%;    background-size: cover;}
/* #slideshow .item #slide3{background:url(../images/banners/peliculas/banner3.png)top center no-repeat;}
#slideshow .item #slide4{background:url(../images/banners/peliculas/banner4.png)top center no-repeat;} */
#slideshow .item .slide-sm, #slideshow .item .slide-xs{display:block;width:100%;height:auto;}
#slideshow .item .slide-sm img, #slideshow .item .slide-xs img{width:100%;height:auto;}
#slide-formulario-container #slideshow{position:relative;top:0;left:0;width:100%;z-index:1;}
.form-slider{position: absolute; right: 20%; width: 100%; max-width: 380px; display: inline-block;z-index:2;}
#slide-instalaciones{position:relative;}
.owl-dots{display: none !important;}

/* /header parallax */
.height-banner{height: 600px;}
.header-secciones { height: 600px !important; position: relative; z-index: 1; display: block; overflow: hidden; }
.marginlogofox{max-width: 100%; bottom: 0%;}
.headeroculto { display: none; }
.header-secciones .image-parallax { height: 200%; width: 100%; position: absolute; top: -100%; }
.titlebanner { font-size: 50px; text-shadow: 2px 2px 15px #000; line-height: 18px; font-weight: bold; }
.banner-secciones{height: 180px !important; position: relative; z-index: 1; display: block; overflow: hidden; }
.banner-secciones .image-parallax { height: 200%; width: 100%; position: absolute; top: -100%; }


/*DESCRIPCION*/
.descripcion-villaplata{margin-top: 0%; margin-bottom: 3%; color: #fff; }
.title-conoce{color: #8e2086; padding-bottom: 10px; font-size: 26px;padding-top: 10px; font-weight: 500;font-family: 'Montserrat', sans-serif;}
.title-conoce span{color: #454545;font-family: 'Montserrat', sans-serif;}
.descrip-conoce{text-align: justify;color: #fff; font-size: 16px; font-weight: 500; line-height: 24px; font-family: 'Montserrat', sans-serif; margin-top: 0%; margin-bottom: 5%; padding-top: 0%;}
.btn-ver{width: 100%; background: #fff; border: 3px solid #111111; padding: 15px 30px; color: #111111 !important; font-weight: 700;}
.btn-ver:hover{border: 3px solid #454545; color: #454545 !important; background: transparent; }
.fondo-rosa{background-color: #7a2582;display: inline-block;}
.descrip-mapa { color: #ffffff; font-size: 20px; font-weight: 300; line-height: 36px; margin-top: 2%; margin-bottom: 5%; }

.nombre{color: #000000; font-size: 20px; /* text-transform: uppercase;  */text-align: center; margin: 35px auto 15px;font-family: 'Montserrat', sans-serif;font-weight: 700;padding-top: 15%;}
.correo{color: #000000;  font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 0%; margin-bottom: 0%; max-width: 100%; font-family: 'Montserrat', sans-serif;}
.correo a{color: #000000;}


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
@media screen and (max-width: 1440px){
    #slideshow #slide1{background-size: contain !important;}
    #slideshow #slide2{background-size: contain !important;}
    #slideshow #slide3{background-size: contain !important;}
    #slideshow #slide4{background-size: contain !important;}

}
@media screen and (max-width: 991px){
    .navbar-brand { height: 40px; display: inline-block; position: absolute; right: 2%; }
    .fondo-header{background-color: rgba(0, 0, 0, 0.9);padding: 0px; width: 100%; float: left; height: auto;}
    .fondo-header .container{ max-width: 100%; padding: 0px 10px; display: inline-block;}
    #topNav{top: -10px !important;}
    section#home-section{top:60px;min-height: auto !important;}
    .descripcion-villaplata2{height: 200px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 880px){
    .titlebanner { font-size: 30px}
    /* .descrip-conoce{font-size: 20px;} */
    .marginlogofox{bottom: 5%;}
    .header-secciones{height: 440px !important;}
}

@media screen and (max-width: 767px){
    .header-secciones{height: 440px !important;}
    .textSub{left: 0; padding: 10px; font-size: 21px;}
    .textP{font-size: 20px;}
    .header-secciones { height: 270px !important; }
}

@media screen and (max-width: 600px){
    .image-responsive{height: 100%;}
    .header-secciones { height: 100% !important; }
}

@media screen and (max-width: 580px){
    .textSub br{display: none;}
    /* .image-responsive{height: 280px;}
    .header-secciones { height: 300px !important; } */
    /* .marginlogofox { bottom: 25%;} */
}

@media screen and (max-width: 500px){
    #slideshow #slide1{display: none;}
    #slideshow #slide2{display: none;}
    #slideshow #slide3{display: none;}
    #slideshow #slide4{display: none;}
}


@media screen and (max-width: 480px){
    /* .image-responsive{height: auto;}
    .header-secciones { height: 100% !important; } */

}