/*
==========================================================================
  :: VILLA PLATA (HOME) by: KUBIK;
==========================================================================
*/
#home-section{padding:0;position:relative;}
.foo-content{height:600px;padding-top:280px;text-align:center;color:#fff;font-size:30px;display:block;}
#slide-formulario-container .owl-controls{display: none;}

.carousel-indicators li{ width: 10px; height: 10px; border-radius: 10px;}
.content-form-slides{top: 8%; right: 0px; left: 0;position:absolute;}

/*FORMULARIO SLIDER*/

#slide-formulario-container{
  display:block;
  width:100%;
  height:100vh;
  position:relative;
}
#slideshow{
  width:100%;
  height:100vh;
  display:block;
  position:relative;
  /*z-index:50;*/
}
#slideshow .item{
  width:100%;
  height:100vh;
}
#slideshow .item .slide{
  width:100%;
  height:100%;
  background-size:cover !important; 
  background-position:top center !important;
  background-repeat:no-repeat !important;
}
/* #slideshow .item .slide#slide1{background:url(../images/home/slideshow/banner-slide.jpg)top center no-repeat;}
#slideshow .item .slide#slide2{background:url(../images/home/slideshow/era-conexion.jpg)center center no-repeat;} */
/* #slideshow .item .slide#slide3{background:url(../images/home/slideshow/ridding-light.png)center center no-repeat;}
#slideshow .item .slide#slide4{background:url(../images/home/slideshow/ridding-light2.png)center 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;}
.bakcground-form{
  position: relative;
  width: 100%;
  height:auto;
  display:block;
  background:#f1f1f1;
  border:1px solid #fff;
  padding-bottom:24px;
}


/*DESCRIPCION*/
.descripcion-villaplata{margin-top: 5%; margin-bottom: 8%; }
.title-conoce{color: #8e2086; padding-bottom: 10px; font-size: 26px;padding-top: 10px;}
.title-conoce span{color: #454545;}
.descrip-conoce{color: #000000; font-size: 16px; font-weight: 500; line-height: 24px; margin-top: 2%; margin-bottom: 0%; max-width: 700px; font-family: 'Montserrat', sans-serif;}
.btn-ver{width: 100%; background: #fff; border: 3px solid #8e2086; padding: 15px 30px; color: #8e2086 !important; font-weight: 700;}
.btn-ver:hover{border: 3px solid #454545; color: #454545 !important; }

#slide-bienestar{display:block;position:relative;}
#slide-bienestar .owl-dots{
  bottom:-50px;
}
#slide-bienestar .owl-dots:after{
  content:'';
  position:absolute;
  display:none;
}
.sub-servicios{color: #b8b8b8; font-weight: 400;}
.titulo-icons{color: #000000;font-size: 20px;text-transform:uppercase;text-align:center;margin: 0px auto 15px;}
.descrip-servicios{color: #555555; font-size: 16px; padding: 0 15px; text-align: center; font-family: 'Montserrat', sans-serif; margin-bottom: 5%; padding-top: 5%;font-weight: 500;}
#slide-bienestar .owl-controls{display: none;}
.title-servicios{font-size: 26px;font-family: 'Montserrat', sans-serif;}
.fondo-programas{
  margin:30px auto;
  padding:0;
  z-index: 0;
  height:80px;
  display:block;
  position:relative;
  /*
  background: url(../images/home/title-programa.jpg);
  background-position: center center;
  background-attachment: initial;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 5%;
  padding-top: 12%;
  */
}
.programa-text{position:relative;top:0;background:#f1f1f1;padding:20px 0;}
.programa-text:before{
  content:'';
  display:block;
  position:absolute;
  width:15px;
  height:79px;
  background:url(../images/home/title-angle-left.png)top center no-repeat;
  bottom:-79px;
  left:0px;
}
.programa-text:after{
  content:'';
  display:block;
  position:absolute;
  width:15px;
  height:79px;
  background:url(../images/home/title-angle-right.png)top center no-repeat;
  bottom:-79px;
  right:0px;
}
.content-program{ margin-top:0;}
/*villa plata*/
.title-villa{color: #8e2086;padding-bottom: 10px; font-size: 26px;padding-top: 10px;}
.title-villa span{color:  #808080;}
.bordertop-line{border-top: 1px solid #cccccc;margin-top: 5%;}
.descripcion-villaplata2 { margin-top: 1%; margin-bottom: 5%; }
.fondo-gris-villaplata{background:#f3f3f3;
  /*background: rgba(243,243,243,1);
background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(233,234,233,1) 50%, rgba(233,234,233,1) 51%, rgba(234,234,234,1) 71%, rgba(236,236,236,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,243,243,1)), color-stop(50%, rgba(233,234,233,1)), color-stop(51%, rgba(233,234,233,1)), color-stop(71%, rgba(234,234,234,1)), color-stop(100%, rgba(236,236,236,1)));
background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(233,234,233,1) 50%, rgba(233,234,233,1) 51%, rgba(234,234,234,1) 71%, rgba(236,236,236,1) 100%);
background: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(233,234,233,1) 50%, rgba(233,234,233,1) 51%, rgba(234,234,234,1) 71%, rgba(236,236,236,1) 100%);
background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(233,234,233,1) 50%, rgba(233,234,233,1) 51%, rgba(234,234,234,1) 71%, rgba(236,236,236,1) 100%);
background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(233,234,233,1) 50%, rgba(233,234,233,1) 51%, rgba(234,234,234,1) 71%, rgba(236,236,236,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ececec', GradientType=0 );*/}

.back-gray-programas{background: #efefef;}
.btn-abajo{
  width:67px;
  height:67px;
  padding:5px;
  display:block;
  position:relative;
  top:33px;
  margin:0 auto;
  /*left:calc(50% - 33.5px);
  bottom:0;*/
  z-index:2;
  background: #e8e8e8;
  border-radius: 50%;
  text-align: center;
}
.pulse2 {
    border-radius: 50%;
    box-shadow: 0 0 0 rgba(122,37,130, 0.4);
    animation: pulsation 2s infinite;
}

.images-service{width: auto !important;}
.images-height{/*height: 200px*/}

.item .hover{display: none;}
.item:hover .hover{display: inline-block; background: rgba(0, 0, 0, 0.9) !important;position: absolute; z-index: 1; top: 0; left: 12px; right: 0; width: 91%; height: 100%;}
.item:hover .hover{color: #ffffff; padding-top: 40%;}
.nombre{ font-size: 22px;  padding-bottom: 7px;}
.puesto{font-size: 15px;}
.descript-equipo{ padding: 0px 10%; text-align: justify; word-break: break-word; text-overflow: inherit; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px;color: #000;word-wrap: break-word;}
.modal .nombre{color: #000000; padding-top: 10px; font-size: 28px; font-weight: 600;    font-family: 'Montserrat', sans-serif;}
.modal .puesto{color: #000000; padding-top: 0px; font-size: 18px; font-weight: 600;    font-family: 'Montserrat', sans-serif;}


/* GALERIA */
.galery-font{background: rgb(156,48,105);background: linear-gradient(0deg, rgba(156,48,105,1) 0%, rgba(123,37,129,1) 100%);}
#galeria{  min-height:480px; width:100%; background:#ccc;}
#instalaciones{ /* padding:30px 0 45px; */}
.menu-galery{background: #d3d3d3;position:relative;padding:30px 0;}
.menu-galery:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(211, 211, 211, 0);
  border-top-color: #d3d3d3;
  border-width: 25px;
  margin-left: -25px;
}
/*.menu-galery:before { bottom: -23%; left: 47%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 45, 80, 0); border-top-color: #d3d3d3; border-width: 25px; }*/
.portfolioContainer{width: 100%;max-width:1100px;margin:0 auto;list-style:none;}
.portfolioContainer img{margin:3px; width: 100%; display: inline-block;}
.portfolioFilter {padding: 15px 0;text-align:center;border-radius:4px;}
.portfolioFilter a {margin:0 3px;color: #fff; text-decoration: none; border: 0; padding: 4px 10px; display: inline-block;text-transform:uppercase;}
.portfolioFilter a:hover{background: transparent; border-bottom: 1px solid #ffffff; color: #f9f9f9;}
.portfolioFilter a.current {background: transparent; border-bottom: 1px solid #ffffff; color: #f9f9f9;}
/* .isotope-item { z-index: 2;}
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1;}
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s;}
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width;}
.isotope .isotope-item {  -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity;  transition-property: transform, opacity;} */
.paddingbotomgallery{margin-bottom: 7%;}

  
.box { background-position: center center; background-size: cover; border: 1px solid #fff; transition: opacity .25s; overflow: hidden; display: inline-block; width: 100%; }
.box img{width: 100%; display: inline-block;}




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


/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.parallax-container {
  max-width: 960px;
  margin: 0 auto;
}

/* ============================================================
  SECTIONS
============================================================ */

section.module.parallax h1 {font-size: 50px; text-shadow: 2px 2px 15px #000; line-height: 18px; font-weight: bold;color: #fff;  /*text-shadow: 0 0 10px white;*/text-align: center;}
section.module.parallax-1 { background-image: url("../images/banners/servicios/banner.jpg");background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; background-size: cover; background-blend-mode: screen; min-height: 100%;}
section.module.parallax-2 { background-image: url("../images/home/slideshow/equipo.jpg");background-position: 50% 0; background-repeat: repeat; background-attachment: fixed; background-size: cover; background-blend-mode: screen; min-height: 100%;}


/* 
::::::::::::::::::::::::::::::::::::::::::::::::::
        QUERIES
::::::::::::::::::::::::::::::::::::::::::::::::::
*/
/*@media screen and (min-width: 991px){
  .title-conoce{text-align:left;}
  .descrip-conoce{text-align:left;}
  #espacio-ideal .descripcion-villaplata2{text-align:center !important;}
  .descrip-conoce {
    text-align: left;
}
}*/
@media all and (min-width: 700px) {
  section.module.parallax { padding: 140px 0; }
}
@media all and (min-width: 960px) {
  section.module.parallax h1 { font-size: 50px; text-shadow: 2px 2px 15px #000; line-height: 18px; font-weight: bold;color: #fff; }
}
@media screen and (max-width: 1440px){
    .form-slider{right: 15%; max-width: 300px;}
    .content-title-form .title-form{font-size: 20px;padding-bottom: 4px;}
    .g-recaptcha{ width: 100% !important; height: 70px; transform:scale(0.70); webkit-transform:scale(0.70); text-align: center; position: relative; right: 8px;}
    .btn-send{font-size: 18px; max-width: 220px;}
}
@media screen and (min-width: 1200px){}
@media (min-width: 1200px){
  .container {
      max-width: 1160px;
  }
}
@media screen and (max-width: 1200px){
  .titulo-icons{font-size: 18px;}
}
@media screen and (max-width: 991px){
  #slide-formulario-container{height:auto;}
  #slideshow{height:auto;}
  #slideshow .item{height:auto;}
  .content-form-slides{position:relative;}
  .form-slider{right:0; max-width:100%;position:relative;}
  .subtile-indicacion {padding: 20px 140px;}
  #Ubicacion{padding:50px 0;text-align:center;}
  #slide-bienestar .owl-controls { display: inline-block;}
  #slide-bienestar .owl-dots{display: none !important;}
  #slide-bienestar .owl-controls .owl-prev{color: #000;font-size: 36px;}
  #slide-bienestar .owl-controls .owl-next{color: #000;font-size: 36px;}
  .home{height: 60vh;}
  #gridGallery{min-height: 630px;}
  .grid-wrap{padding: 0px !important;}
  .titulo-icons { font-size: 13px; }
  .item .hover{height: 70px; background: rgba(0, 0, 0, 0.9) !important; display: inline-block; position: absolute; z-index: 1; left: 15px; bottom: 0px; width: 315px; color: #fff;}
  .item .hover .nombre{ padding-top: 10px; }
  .item:hover .hover{display: none;}

}
@media screen and (max-width: 767px){
  .item{display: inline-block; width: 100%;height: 100%;}
  .item img{height: 100%;min-height: 100%;}
  .item:hover .hover{width: 93%;}
  .responsive-content-team { width: 100%; /*max-width: 400px;*/ }
  .titulo-icons { font-size: 18px; }
  .item .hover{width: 100%;left: 0;}
  .resp-position{position: relative;}
  .item .hover .nombre { padding-top: 10px; font-size: 18px; padding-bottom: 5px;}
  .puesto { font-size: 12px; }
}
@media screen and (max-width: 700px){
  #gridGallery{min-height: 600px;}
  .descrip-servicios br{display: none;}
  section.module.parallax-1{background-size: cover; background-repeat: no-repeat; background-attachment: inherit;}
  section.module.parallax { padding: 100px 0; }
  section.module.parallax h1 { font-size: 38px;}
  section.module.parallax-2{background-size: cover; background-repeat: no-repeat; background-attachment: inherit;}


}

@media screen and (max-width: 660px){
  #gridGallery{min-height: 500px;}
  .item .hover .nombre{font-size: 14px;}
}

@media screen and (max-width: 560px){
  .idioma { right: 28%; }
  /* .item:hover .hover{width: 94%;} */
  .modal img { display: inline-block;/*  width: 100%; */}
}
@media screen and (max-width: 480px){
  .modal .nombre{font-size: 20px;}
  .modal .puesto{font-size: 16PX;}
  .descript-equipo{padding: 0% 2%; font-size: 16px;}
  .item:hover .hover{width: 93.5%;}
  .titlebanner{font-size: 40px;}
  .marginlogofox { bottom: 27% !important; }
  .descrip-servicios{padding-top: 0;}
  .responsive-content-team { width: 100%; max-width: 100%;padding: 0; }
  section.module.parallax h1 { font-size: 30px;}
  .descrip-conoce{    margin-top: 7%;}
  .titulo-icons { font-size: 14px; }
  .item .hover .nombre { font-size: 12px; }
  .puesto { font-size: 10px; }
  .item .hover { height: 50px;}

}
@media screen and (max-width: 390px){

  .item .hover .nombre { font-size: 9px; }
  .puesto { font-size: 8px; }
  .titulo-icons { font-size: 11px; } 
}
@media screen and (max-width: 360px){
  .item:hover .hover{width: 91%;}

}