@charset "utf-8";
/* CSS Document */
/* fixes */
* {
  margin  : 0;
  padding : 0;
}
body {
  font-family : 'Pridi', serif;
}
img {
  border : none
}
article, aside, figure, footer, header, hgroup, nav, section {
  display : block;
}
textarea {
  resize : none;
}
/* classes comunes */
#mancha {
  width: 250px;
  position: absolute;
  right: 250px;
  bottom: 0px;
  z-index: 9;
}
.amarillo {
  color: #F6DD4A;
}
.clear {
  width : 100%;
  clear : both;
}
.center {
  text-align : center;
  margin     : 0 auto;
}
.left {
  float : left !important;
}
.right {
  float : right !important;
}
.none {
  display : none;
}
.title {
  font-family : 'Pridi', serif;
}
.subTitle {
  font-family : 'Just Another Hand', cursive;
  font-weight : normal;
}
.t20 {
  font-size   : 20px;
  line-height : 30px;
}
.t30 {
  font-size : 30px;
}
.t40 {
  font-size : 40px;
}
.t45 {
  font-size : 45px;
}
.t50 {
  font-size : 50px;
}
#container {
  display   : block;
  margin    : 0 auto;
  max-width : 500px;
  padding   : 25px;
}
.text-center {
  text-align : center;
}
.text-white {
  color : #FFF;
}
.green {
  color : #6EA617;
}
.grey {
  color : #333;
}
.normal {
  font-weight : normal;
}
a {
  color           : #586C68;
  text-decoration : none;
  font-size       : 18px;
}
p {
  font-family : 'Pridi', serif;
  font-weight : 300;
}
img {
  width : 100%;
}
ul {
  list-style : none;
}
.col50 {
  width   : 50%;
  display : inline;
  float   : left;
}
#phone {
  color: #FAE248;
  float: right;
  padding: 25px 50px;
  font-size: 30px;
  transition: 0.25s;
}
#phone:hover {
  color: #fff;
}
/* firma kábala */
#logoKabala {
  display  : block;
  width    : 50px;
  height   : 13px;
  position : absolute;
  bottom   : 10px;
  left     : 10px;
}
.verdeClaro {
  color : #6EA617;
}
.btnVerdeOscuro {
  background-color : #858474;
  border-radius    : 5px;
  color            : #FFF;
  display          : block;
  font-size        : 25px;
  line-height      : 35px;
  margin           : 0 auto;
  max-width        : 200px;
  padding          : 5px;
}
.btnAmarillo.hvr-float {
  background-color: #F7E448;
  font-family: "Just Another Hand", cursive;
  text-transform: uppercase;
  width: 100%;
  max-width: 250px;
  text-align: center;
  padding: 12px 10px 5px;
  border-radius: 5px;
  font-size: 30px;
  color: #457931;
  margin: 0 auto;
      margin-top: 0px;
  display: block;
  margin-top: 30px;
}
/*
Al seleccionar un campo de ingreso de texto, o un select, en browser realiza un zoom. (iphone)
http://stackoverflow.com/questions/2989263/disable-auto-zoom-in-input-text-tag-safari-on-iphone 
*/
@media screen and (-webkit-min-device-pixel-ratio : 0) {
  select,
  textarea,
  input {
    font-size : 16px !important;
  }
}
/* responsive youtube iframe container */
.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%;
}
input[type=password].verificado, input[type=text].verificado {
  border     : none;
  box-shadow : 0px 0px 7px green;
}
input[type=password].incorrecto, input[type=text].incorrecto {
  border        : 1px solid red;
  border-radius : 2px;
  box-shadow    : 0px 0px 7px red
}
/*************** Estilos Splash ***************/
/* Float Shadow */
.hvr-float-shadow {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  position                    : relative;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-float-shadow:before {
  pointer-events              : none;
  position                    : absolute;
  z-index                     : -1;
  content                     : '';
  top                         : 100%;
  left                        : 5%;
  height                      : 10px;
  width                       : 90%;
  opacity                     : 0;
  background                  : -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  background                  : radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
  /* W3C */
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform, opacity;
  transition-property         : transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform : translateY(-5px);
  transform         : translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity           : 1;
  -webkit-transform : translateY(5px);
  transform         : translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Forward */
.hvr-forward {
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : transform;
  transition-property         : transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform : translateX(8px);
  transform         : translateX(8px);
}
/* Float */
.hvr-float {
  display                            : inline-block;
  vertical-align                     : middle;
  -webkit-transform                  : perspective(1px) translateZ(0);
  transform                          : perspective(1px) translateZ(0);
  box-shadow                         : 0 0 1px transparent;
  -webkit-transition-duration        : 0.3s;
  transition-duration                : 0.3s;
  -webkit-transition-property        : transform;
  transition-property                : transform;
  -webkit-transition-timing-function : ease-out;
  transition-timing-function         : ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform : translateY(-8px);
  transform         : translateY(-8px);
}
/*************** Estilos Sitio ***************/
.textWhite {
  color : #FFF;
}
.textGris {
  color : #586C68;
}
.textoVerde {
  color : #6EA617;
}
/* header */
#logo {
  display   : block;
  margin    : 0 auto;
  max-width : 350px;
  width     : 100%;
  z-index   : 999;
  position  : absolute;
  left      : 0;
  right     : 0;
  top       : 0;
}
body > header {
  position         : fixed;
  top              : -320px;
  transition       : .5s;
  width            : 100%;
  z-index          : 9999;
  background-image : url("./imagenes/backHeaderFixed.png");
  min-height       : 290px;
  display          : block;
}
body.menufixed > header {

  top        : -107px;

  transition : .5s;
}
.backVerdeChico > header {
  left                : 0;
  right               : 0;
  top                 : 0;
  /*! position            : absolute; */

  width               : 100%;
  z-index             : 99999;
  background-position : top center;
  background-repeat   : no-repeat;
}
.portada.menufixed .backVerdeChico header {
  visibility : hidden;
}
nav {
  display  : inline-block;
  margin   : 0 auto;
  position : relative;
}
nav > ul {
  display     : block;
  height      : 40px;
  line-height : 40px;
  list-style  : outside none none;
  padding-top : 85px;
}
nav > ul > li {
  display : inline-block;
  float   : left;
}
nav > ul > li > a {
  color       : #FFF;
  font-family : "Just Another Hand", cursive;
  font-size   : 35px;
  padding     : 5px 15px;
}
/* header fixed */
#logoFixed {
  display : none;
}
.menufixed #logo {
  display : none;
}
.menufixed #logoFixed {
  display   : block;
  position  : fixed;
  width     : 100%;
  margin    : 0 auto;
  max-width : 300px;
  z-index   : 99999;
  left      : 0;
  right     : 0;
}
.menufixed > header nav > ul {
  padding-top : 194px;
}
/* Slider */
.img-responsive {
  width   : 100%;
  display : block;

}
#hero {
  position       : absolute;
  font-family    : 'Pridi', serif;
  /*! left           : 0; */
  /*! right          : 0; */
  top            : 50%;
  /*! bottom         : 0; */
  font-size      : 55px;
  font-weight    : 500;
  letter-spacing : 9px;
  display        : block;
  width          : 100%;
  line-height    : 43px;
  opacity:0;
}
#solBanner {
  width    : 300px;
  position : absolute;
  bottom   : 0;
  right    : 100px;
  z-index  : 999;
}
/* Seccion uno */
.backVerdeChico {
  background-image    : url("./imagenes/backVerdeChico.png");
  background-position : center center;
  background-repeat   : no-repeat;
  margin-top          : -55px;
  min-height          : 478px;
  position            : relative;
  z-index             : 8;
}
/* Sección dos */

/* Sección tres */
.backBlancoChico {
  display  : block;
  position : relative;
}
.miniBackBlancoTop {
  width               : 100%;
  height              : 150px;
  background-image    : url("./imagenes/backBlancoChico.png");
  background-position : top right;
  background-repeat   : no-repeat;
  z-index             : 9;
  background-size     : 128%;
  top                 : -107px;
  position            : relative;
}
.miniBackBlancoBottom {
  width               : 100%;
  height              : 150px;
  background-image    : url("./imagenes/backBlancoChico.png");
  background-position : bottom center;
  background-repeat   : no-repeat;
  z-index             : 9;
  background-size     : 100%;
  bottom: -105px;
  position            : relative;
}
.backBlancoChico > div > a {
  padding : 15px;
}
.backBlancoChico .col50.text-center {
  background-color : #FFF;
  min-height       : 180px;
}
/* Sección cuatro */
.backPinocha {
  background-image    : url("./imagenes/backPinocha.1.jpg");
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : cover;
  min-height          : 500px;
  position            : relative;
  z-index             : 2;
  height              : 100%;
  text-align          : center;
}
/* Sección cinco */
.backArena {
  background-image    : url("./imagenes/backArena.png");
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : cover;
  margin-bottom       : -125px;
  margin-top          : -100px;
  min-height          : 600px;
  position            : relative;
  z-index             : 9;
}
/* Sección seis */
.imageContainer {
  background-image    : url("./imagenes/imageContainer.jpg");
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : cover;
  min-height          : 600px;
  position            : relative;
  z-index             : 1;
}
/* Sección siete */
.backBlanco {
  background-image    : url(./imagenes/backBlancoChico.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
  height              : 565px;
  z-index             : 9999999999;
  position            : relative;
  margin-top          : -125px;
  padding-top         : 125px;
}
/* footer */
.backVerde {
  background-image    : url(./imagenes/backVerde.png);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
}
.backFooter {
  background-image    : url(./imagenes/verdefooter.png);
  background-repeat   : no-repeat;
  background-position : top;
  background-size     : cover;
}
footer {
  margin-top : -114px;
  /*! min-height : 409px; */
  position   : relative;
  z-index    : 9;
  padding    : 100px 0 15px 0;
}
.info {
  display : block;
  margin  : 0 auto;
}
.redes {
  text-align : center;
}
.redes a {
  display   : inline-block;
  padding   : 0px 15px;
  font-size : 30px;
}
/* Ubicación */
#laPaloma > div {
  width      : 100%;
  height     : 250px;
  max-width  : 600px;
  margin-top : 60px;
}
.padding {
  display    : inline-block;
  margin     : 0 auto;
  max-width  : 600px;
  padding    : 100px;
  position   : relative;
  text-align : left;
}
/* Carousel */
#contenedorCarousel {
  width        : 100%;
  margin-left  : auto;
  margin-right : auto;
}
.imgBox {
  position         : relative;
  display          : inline-block;
  background-color : #FFF;
  width            : 200px;
  height           : 170px;
  vertical-align   : middle;
  border           : 3.5px solid #FFF;
  border-radius    : 5px;
  margin-top       : 170px;
}
.owl-theme .owl-nav [class*="owl-"] {
  color         : #FFF;
  font-size     : 75px;
  margin        : 0;
  padding       : 10px;
  background    : none;
  display       : inline-block;
  cursor        : pointer;
  border-radius : 3px;
  top           : 0;
  bottom        : 0;
  position      : absolute;
  margin-top    : 180px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background      : none;
  color           : #FFF;
  text-decoration : none;
}
.owl-next {
  float    : right;
  right    : 0;
  position : relative;
}
.owl-prev {
  float    : left;
  left     : 0;
  position : relative;
}
.img-overlay {
    position: absolute;
    top: 0;
    bottom: -65%;
    left: 70%;
    right: 0;
    text-align: center;
}
.img-overlay:before {
    content: ' ';
    display: block;
    height: 50%;
}
.btn-link-mapa {
    padding: 1em;
    border-radius: 5px;
    border: none;
    font-family: 'Pridi', serif;
    font-size: 1.1em;
    cursor: pointer;
}
.btn-link-mapa:hover {
    background: #6EA617;
    color: #FFF;
}
@media (max-width : 980px) {
  .img-overlay {
    bottom: -45%;
    left: 0;
  }
}
/* Precios y Financiación */
.backPF {
  background-image    : url("./imagenes/backPF.1.jpg");
  background-repeat   : no-repeat;
  background-position : center center;
  background-size     : cover;
}
#bfContent {
  width            : 35%;
  float            : right;
  margin-right     : 10%;
  background-color : rgba(255, 255, 255, 0.75);
  padding          : 50px 50px 15px;
  margin-top       : 100px;
  margin-bottom    : 100px;
}
/* Contacto */
#contacto_form_cont {
  width            : 35%;
  float            : right;
  margin-right     : 10%;
  background-color : rgba(255, 255, 255, 0.75);
  padding          : 50px 50px 15px;
}
.contacto nav {

}
.pipedriveWebForms iframe {
    height: 610px !important;
    min-width: 200px !important;
}
.backContacto {
  background-image    : url("./imagenes/backContacto.1.jpg");
  background-position : center center;
  background-repeat   : no-repeat;
  background-size     : cover;
  height              : 850px;
  text-align          : center;
  margin              : 0 auto;
  display             : block;
  padding-top         : 50px;
}
.contacto_field {
  margin    : 0 auto;
  max-width : 750px;
  width     : 100%;
}
label {
  color         : #333;
  display       : block;
  margin-bottom : 5px;
  text-align    : left;
}
input {
  background-color : rgba(255, 255, 255, 0.75);
  width            : 95%;
  padding-left     : 5%;
  height           : 40px;
  margin-bottom    : 10px;
  border           : 1px solid #333;
  font-family: 'Pridi', serif;
  font-size: 14px;
}
textarea {
  background-color: rgba(255, 255, 255, 0.75);
  width: 95%;
  padding-left: 5%;
  border: 1px solid #333;
  height: 65px;
  margin-bottom: 10px;
  padding-top: 15px;
  font-family: 'Pridi', serif;
  font-size: 14px;
}
#btn_enviar_contacto {
  display    : block;
  font-size  : 20px;
  margin-top : 15px;
  padding    : 0;
  text-align : center;
  width      : 100%;
}
.contacto_field {
  margin-top : 5px;
}
/* Ubicación y Planos */
.ubicacionYplanos nav {
  display : none !important;
}
.ubicacionYplanosText {
  display    : block;
  padding    : 25px;
  text-align : center;
  margin-top: 60px;
}
#contenedorUbicacionTres {
  background-image    : url(./imagenes/backUT.jpg);
  background-repeat   : no-repeat;
  background-position : center;
  background-size     : cover;
  text-align          : right;
}
#contenedorUbicacionTres img {
  max-width : 80%;
}
/* MediaQueries */
#headerMobile {
  display : none;
}
.portada .backVerdeChico + .videoWrapper {
  margin-top : -111px;
}
.hvr-fade.btnVideoCampania {
  display : none;
}
.hvr-fade.btnVideoCampania2 {
  padding : 15px;
}
.contacto.menufixed > section,
.html.menufixed > section {
  padding-top : 135px;
}
#contacto_ok {
  margin : 30px 0;
}
.btnContactanos {
  margin-top : 34px;

}
.btnContacto {
  padding: 10px;
  width: 100%;
  background-color: #6ea617;
  color: #ffffff;
  border-radius: 5px;
  font-size: 1em;
}
@media (max-width : 980px) {
  #phone,.flags {
    display: none;
  }
  .contacto.menufixed > section,
  .html.menufixed > section {
    padding-top : 0;
  }
  footer {
    /*! margin-top  : 15px; */
    min-height : 200px;
    position   : relative;
    z-index    : 1;
    padding    : 100px 0 0 0;
  }
  #logo {
    display : none;
  }
  #logoFixed {
    display   : block;
    position  : fixed;
    width     : 100%;
    margin    : 0 auto;
    max-width : 300px;
    z-index   : 999;

    left      : 0;
    right     : 0;
  }
  .backVerdeChico > header {
    visibility : hidden;
  }
  .menufixed > header {
    display : none;
  }
  #headerMobile {
    display  : block;
    position : fixed;
    right    : 0;
    top      : 0;
    z-index  : 111;
  }
  .openMenu {
    color            : #F7DC49;
    cursor           : pointer;
    font-size        : 35px;
    font-weight      : bolder;
    padding          : 0px 10px;
  }
  .overlay {
    height           : 0%;
    width            : 100%;
    position         : fixed;
    z-index          : 1;
    top              : 0;
    left             : 0;
    background-color : rgb(247, 220, 73);
    overflow-y       : hidden;
    transition       : 0.5s;
  }
  .overlay-content {
    position   : relative;
    top        : 15%;
    width      : 100%;
    text-align : center;
  }
  .overlay a {
    color           : #316925;
    display         : block;
    font-family     : "Just Another Hand", cursive;
    font-size       : 35px;
    padding         : 15px;
    text-decoration : none;
    transition      : all 0.3s ease 0s;
  }
  .overlay .closebtn {
    font-family: 'Pridi', serif;
    font-size: 40px;
    position: absolute;
    right: -5px;
    top: -15px;
    color: #316925;
  }
  #contacto_form_cont {
    width            : 80%;
    float            : none;
    margin-right     : none;
    background-color : rgba(255, 255, 255, 0.75);
    padding          : 50px 50px 15px;
    margin           : 43px auto;
    display          : block;
  }
}
@media (max-width : 850px) {
  .portada .backVerdeChico > header {
    height : 161px;
  }
}
@media (max-width : 768px) {
  #mancha {
    width: 250px;
    position: absolute;
    right: 100px;
    bottom: 0px;
    z-index: 9;
  }
  .cont_btnVideoCampania2 {
    display : none;
  }
  #bfContent {
    width        : 100%;
    /*! float: none; */
    margin-right : 0;
    /*! padding: 0; */
    box-sizing   : border-box;
  }
  #contenedorUbicacionTres {

    text-align : right;
  }
  #contenedorUbicacionTres img {
    max-width : 100%;
  }
  .col50 {
    display : inline;
    width   : 100%;
  }
  #contacto_form_cont {
    padding : 15px 15px 15px;
  }
  /*.portada .videoWrapper {
    display : none;
  }*/
  .portada .btnVideoCampania {
    display : inline-block;
  }
  .hvr-fade.cont_btnVideoCampania2 {
    display : none;
  }
}
@media (max-width : 420px) {
  #mancha {
    width: 250px;
    position: absolute;
    right: 50px;
    bottom: 0px;
    z-index: 9;
  }
  .contacto.menufixed > section,
  .html.menufixed > section {
    padding-top : 0;
  }
  #contenedorUbicacionTres img {
    max-width : 100%;
  }
  .portada .backVerdeChico p {
    font-size   : 14px;
    line-height : 25px;
  }
  #logoFixed {
    width : 221px !important;
  }
  .portada #hero {
    font-size      : 39px;
    line-height    : 34px;
    letter-spacing : 6px;
  }
  .padding {

    padding : 92px 24px;
  }
}
@media (max-height : 450px) {
  .overlay {
    overflow-y : auto;
  }
  .overlay a {
    font-size : 20px
  }
  .overlay .closebtn {
    font-size : 40px;
    top       : 15px;
    right     : 35px;
  }
}
/* Fade */
.hvr-fade {
  cursor                      : pointer;
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  overflow                    : hidden;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : color, background-color;
  transition-property         : color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color : #6EA617;
  color            : white;
}
/* Fade */
.hvr-fade-amarillo {
  display                     : inline-block;
  vertical-align              : middle;
  -webkit-transform           : perspective(1px) translateZ(0);
  transform                   : perspective(1px) translateZ(0);
  box-shadow                  : 0 0 1px transparent;
  overflow                    : hidden;
  -webkit-transition-duration : 0.3s;
  transition-duration         : 0.3s;
  -webkit-transition-property : color, background-color;
  transition-property         : color, background-color;
}
.hvr-fade-amarillo:hover, .hvr-fade-amarillo:focus, .hvr-fade-amarillo:active {
  background-color : none;
  color            : #F6DD4A;
}
.contenedorSlider {
  position            : relative;
  background-position : center;
  background-size     : cover;
  background-repeat   : no-repeat;
  height              : 747px;
}
.comercializa {
  text-align: center;
  color: #FFF;
  margin-top: 10px;
  font-size: 15px;
  font-weight: 400;
}
.comercializa img {
  width      : 100%;
  max-width  : 118px;
  margin-top : 10px;
}