@font-face {
  font-family: 'Helvetica Neue LT Std';
  src: url("/css/fonts/HelveticaNeueLTStd-Lt.eot");
  src: url("/css/fonts/HelveticaNeueLTStd-Lt.eot?#iefix") format("embedded-opentype"), url("/css/fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2"), url("/css/fonts/HelveticaNeueLTStd-Lt.woff") format("woff"), url("/css/fonts/HelveticaNeueLTStd-Lt.ttf") format("truetype"), url("/css/fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt") format("svg");
  font-weight: 300;
  font-style: normal; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  font-size: 14px;
  font-family: 'Helvetica Neue LT Std', sans-serif;
  margin: 0;
  color: #fff;
  overflow: auto; }

h3 {
  font-size: 30px;
  font-weight: lighter; }

input, select {
  -webkit-appearance: none !important; }

#home {
  overflow: hidden; }
  #home header {
    width: 100%;
    height: 100vh;
    background-image: url(/img/background-landing.jpg);
    background-size: cover;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 35vh;
    padding-bottom: 10vh; }
    #home header .logo {
      width: 100%; }
      #home header .logo img {
        width: 600px;
        display: block;
        margin: 0 auto; }
    #home header h3 {
      text-align: center;
      width: 100%; }
    #home header .scroll {
      width: 50px;
      margin: 0 auto; }
      #home header .scroll img {
        display: block;
        width: 100%; }
        #home header .scroll img:nth-child(2) {
          width: 50%;
          margin: 15px auto; }
  #home .container {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    #home .container .analisis {
      width: 60%;
      height: 30em;
      background-image: url(/img/analisis.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .analisis .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 8em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .analisis .hover img {
          height: 75px;
          display: block;
          margin: 0 auto; }
        #home .container .analisis .hover h3 {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          margin-top: 1em; }
      #home .container .analisis:hover .hover {
        opacity: 1; }
    #home .container .ingenieria {
      height: 30em;
      width: 40%;
      background-image: url(/img/ingenieria.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .ingenieria .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 8em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .ingenieria .hover img {
          height: 75px;
          display: block;
          margin: 0 auto; }
        #home .container .ingenieria .hover h3 {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          margin-top: 1em; }
      #home .container .ingenieria:hover .hover {
        opacity: 1; }
    #home .container .asesoria {
      height: 30em;
      width: 40%;
      background-image: url(/img/asesoria.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .asesoria .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 8em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .asesoria .hover img {
          height: 75px;
          display: block;
          margin: 0 auto; }
        #home .container .asesoria .hover h3 {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          margin-top: 1em; }
      #home .container .asesoria:hover .hover {
        opacity: 1; }
    #home .container .estructuras {
      height: 30em;
      width: 60%;
      background-image: url(/img/estructuras.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .estructuras .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 8em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .estructuras .hover img {
          height: 75px;
          display: block;
          margin: 0 auto; }
        #home .container .estructuras .hover h3 {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          margin-top: 1em; }
      #home .container .estructuras:hover .hover {
        opacity: 1; }
    #home .container .herreria {
      height: 15em;
      width: 100%;
      background-image: url(/img/herreria.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .herreria .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 5em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .herreria .hover .sub-container {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          #home .container .herreria .hover .sub-container img {
            width: 75px; }
          #home .container .herreria .hover .sub-container h3 {
            display: inline-block;
            text-align: center;
            margin: 0;
            margin-left: 1em; }
      #home .container .herreria:hover .hover {
        opacity: 1; }
    #home .container .impermeable {
      width: 60%;
      height: 30em;
      background-image: url(/img/impermeable.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .impermeable .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 8em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .impermeable .hover img {
          height: 100px;
          display: block;
          margin: 0 auto; }
        #home .container .impermeable .hover h3 {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          margin-top: 1em; }
      #home .container .impermeable:hover .hover {
        opacity: 1; }
    #home .container .laminacion {
      height: 30em;
      width: 40%;
      background-image: url(/img/laminacion.jpg);
      background-position: center;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      #home .container .laminacion .hover {
        opacity: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.75);
        padding: 8em 0;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s; }
        #home .container .laminacion .hover img {
          height: 75px;
          display: block;
          margin: 0 auto; }
        #home .container .laminacion .hover h3 {
          width: 100%;
          display: block;
          text-align: center;
          margin: 0;
          margin-top: 1em; }
      #home .container .laminacion:hover .hover {
        opacity: 1; }
  #home .contacto {
    width: 100%;
    margin: 0 auto;
    background-image: url(/img/background-contacto.png);
    background-size: cover;
    background-repeat: no-repeat; }
    #home .contacto h3 {
      text-align: center;
      color: #004363; }
    #home .contacto form {
      width: 700px;
      margin: 0 auto; }
      #home .contacto form input {
        width: 100%;
        border: none;
        border-bottom: 1px solid #848484;
        text-align: center;
        margin-bottom: 25px;
        font-family: 'Roboto';
        font-size: 16px;
        padding: 7px 0;
        background-color: transparent; }
      #home .contacto form input::-webkit-input-placeholder {
        font-weight: lighter;
        color: #848484; }
      #home .contacto form input:-ms-input-placeholder {
        font-weight: lighter;
        color: #848484; }
      #home .contacto form input::-ms-input-placeholder {
        font-weight: lighter;
        color: #848484; }
      #home .contacto form input::placeholder {
        font-weight: lighter;
        color: #848484; }
      #home .contacto form input[type="submit"] {
        background-color: #2A2935;
        color: #fff;
        border: 1px solid #2A2935;
        -webkit-transition: ease .4s;
        -o-transition: ease .4s;
        transition: ease .4s;
        margin-top: 20px;
        cursor: pointer; }
        #home .contacto form input[type="submit"]:hover {
          background: #fff;
          color: #2A2935; }
      #home .contacto form label {
        width: 100%;
        padding: 7px 0;
        text-align: center;
        font-family: 'Roboto';
        font-size: 16px;
        color: #848484;
        font-weight: lighter;
        display: inline-block; }
      #home .contacto form textarea {
        width: 100%;
        background: transparent;
        resize: none;
        font-family: inherit;
        padding: 5px; }
  #home footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    margin: 20px auto; }
    #home footer a {
      height: 50px;
      width: 20%; }
      #home footer a img {
        height: 100%; }
    #home footer .text {
      color: #004363;
      text-align: center;
      width: 60%; }
      #home footer .text p {
        margin: 5px 0; }
    #home footer .braigo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }

@media only screen and (min-width: 320px) and (max-width: 768px) {
  #home header .logo img {
    width: 90%; }
  #home .container .analisis, #home .container .ingenieria, #home .container .asesoria, #home .container .estructuras, #home .container .impermeable, #home .container .laminacion {
    width: 100%; }
  #home .container .herreria {
    height: 30em; }
    #home .container .herreria .sub-container {
      height: 100%;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 3em 0; }
      #home .container .herreria .sub-container h3 {
        margin: 0 !important; }
  #home .contacto form {
    width: 90%; }
  #home footer a, #home footer .text {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  #home footer .text {
    margin: 20px 0; }
    #home footer .text p {
      display: block;
      width: 100%; } }