body{
  font-family: 'Open Sans';
  font-weight: 300
  font-size: 19px;
  color: #292929
}
h1,
h2,
h3,
h4{
  font-family: 'Open Sans';
  font-weight: 700
}
p{
  line-height: 1.3
}
html{
  background-image: url(../images/fondo-carbon.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

html,body{
  /*background-color: black;*/
  color: white
}
.logo{
  max-width: 275px !important;
    margin: 0 0 50px !important;
}
.contenedor-imagen .text {
  padding-left: 20px;
  padding-right: 20px
}
.contenedor-imagen{
  text-align: center;
  margin-top: 30px
}

.contenedor-imagen .text p.title{
  font-size: 25px
}
.contenedor-imagen .text h1{
  font-size: 60px;
  font-weight: 700;
  margin-bottom: 30px
}
.contenedor-imagen .text .normal{
  font-size: 20px;
  line-height: 1.6
}
.button-container{
  margin-top: 50px;
  margin-bottom: 100px
}
.button-container a, .button-container input{
  display: inline-block;
  background-color: #0085CA;
  color: white;
  padding: 15px 20px;
  text-decoration: none;
  font-weight: 700;
  transition:0.2s ease-in-out;
}
.button-container a:hover{
  background-color: #09699B
}
.button-container2{
  margin-top: 20px;
  margin-bottom: 50px
}
.button-container2 a, .button-container2 input{
  display: inline-block;
  background-color: #0085CA;
  color: white;
  padding: 15px 20px;
  text-decoration: none;
  font-weight: 700;
  transition:0.2s ease-in-out;
}
.button-container2 a:hover{
  background-color: #09699B
}
.contenedor-imagen img{
  max-width: 1200px;
  margin-top: 100px;
  margin-bottom: 100px;
  margin-right: auto;
  margin-left: auto;
  width: 80%;
}

.control-effect-desktop,
.control-effect-mobile{
  transition: 2s ease-in-out;
  opacity: 0
}


.mobile-visible{
  display: none;
}
.desktop-visible{
  display: block;
}

.onlydesktop{
  display: inline-block !important;
}
.onlymvl{
  display: none !important;
}

@media only screen and (max-width: 600px) {
  .onlydesktop{
    display: none !important;
  }
  .onlymvl{
    display: block !important;
  }

  .contenedor-imagen .text h1 {
      font-size: 33px;
  }
  .contenedor-imagen{
    margin-top: 40px;
  }
  .contenedor-imagen .text p.title {
      font-size: 20px;
  }
  .mobile-visible{
    display: block;
    margin-top: 40px !important;
    margin-bottom: 40px !important
  }
  .desktop-visible{
    display: none;
  }
  .contenedor-imagen .text{
    padding-bottom: 40px;
  }

  .button-container a {
    display: block;
    margin-bottom:20px;
  }
  #video_resp{
    width:320px;
    height:289px;
  }


  #videoModal {   
    width: 370px;
  }
  #videoModal .modal-body {
    height: 339px;   
  }
 
  .form-consulta {padding: 0px;}
  .contacto {width: 75%;}
}

#video_resp{
  width:870px;
  height:489px;
}
a.lightbox{text-decoration: none;}
.lightbox {
  /** Default lightbox to hidden */
  display: none;

  /** Position and style */
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.8);
}
.lightbox:target {
  /** Remove default browser outline */
  outline: none;

  /** Unhide lightbox **/
  display: block;
}

/** videoModal **/
#videoModal {
  border-radius: 0;
  width: 870px;
  margin:auto;
margin-top:40px;}
  #videoModal .modal-header {    
    border: 0;
    color: #fff;
    position: relative;
      height:35px; }
    #videoModal .modal-header h3 {
      font-size: 18px;
      line-height: 22px;
      font-family:Arial, Helvetica, sans-serif;     
      padding:5px;
    }
  #videoModal .modal-body {
    height: 489px;
    padding: 0;
    max-height: none;
    overflow: hidden; }
  #videoModal .modal-footer:empty {
    display: none !important; }
  #videoModal .close {
    background: #09699B;
    color: #fff;
    font-size: 24px;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    text-shadow: none;
    top: 0;
    width: 38px;
    cursor:pointer; }

/* reglas CSS para formulario */
.contacto{width: 50%; margin: 0 auto;}
.form-consulta {max-width: 550px; padding: 25px; font-family: 'Source Sans Pro', sans-serif;}
.campo-form {width:100%; height:36px; margin:2px 0 10px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: Arial, Helvetica, sans-serif; font-size:1em;}
textarea {min-height: 150px !important;}
.btn-form {display: inline-block; border:0; background: #000; border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; cursor: pointer;}
.btn-form:hover {background-color: #09699B}