body {
  font-family: "Roboto";
  color: #222;
  background: #fff;
  width: 100%;
  height: 100%; }

.fullheight-parent {
  position: relative; }

h1, h2, h3, h4, h5 {
  font-family: "Merriweather"; }

.navbar .navbar-brand img {
  width: 35px;
  height: auto; }
  .navbar .navbar-brand img.logo-light {
    display: inline-block; }
  .navbar .navbar-brand img.logo-dark {
    display: none; }
.navbar.flip .navbar-brand img.logo-light {
  display: none; }
.navbar.flip .navbar-brand img.logo-dark {
  display: inline-block; }

.header {
  min-height: 300px;
  height: 100%;
  background-image: url(../../img/background.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-position: center center;
  background-attachment: fixed; }
  .header .godown {
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0; }
  .header img {
    max-width: 100%;
    height: auto; }
  .header .copy {
    line-height: 150%; }
    .header .copy h1 {
      color: #fff;
      font-weight: 900;
      font-size: 3em;
      text-shadow: 0 2px 25px rgba(0, 0, 0, 0.5); }
      .header .copy h1 .light {
        font-weight: 300; }
      .header .copy h1 small {
        font-size: 0.5em;
        display: block;
        color: #f5d013; }
    .header .copy p {
      color: #fff;
      font-weight: 100; }
      .header .copy p a {
        color: #fff;
        display: inline-block;
        border-bottom: 1px dotted #1d96ff; }
    .header .copy .btn-cta {
      background-color: #1d96ff;
      border-radius: 3px;
      font-family: "Merriweather";
      color: #fff;
      border: none;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      transition: 0.3s all; }
      .header .copy .btn-cta:hover {
        background-color: #e42755;
        box-shadow: 1px 4px 35px rgba(0, 0, 0, 0.8);
        transition: 0.3s all; }

.servicios h2 {
  font-weight: 900;
  font-size: 3em; }
  .servicios h2 .light {
    font-weight: 300;
    display: block;
    font-size: 0.7em; }
.servicios .identidad figure, .servicios .web figure {
  height: 400px;
  line-height: 400px;
  text-align: center; }
  .servicios .identidad figure img, .servicios .web figure img {
    width: 300px;
    height: 300px; }
.servicios .identidad h2 {
  text-align: right; }

.clientes {
  padding-bottom: 50px; }
  .clientes h2 {
    text-align: left;
    font-weight: 600;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2; }
    .clientes h2 .light {
      font-weight: 300; }
  .clientes .col {
    text-align: center; }
    .clientes .col img {
      max-height: 60px;
      width: auto;
      margin: 5px; }

.contacto {
  background-color: #374d84;
  color: #819de2; }
  .contacto h2 {
    font-weight: 900;
    font-size: 3em;
    color: #fff; }
    .contacto h2 .light {
      font-weight: 300;
      display: block;
      font-size: 0.7em; }
  .contacto .formulario .mauticform-row.mauticform-required .mauticform-label:after {
    color: #819de2; }
  .contacto .formulario .mauticform-row .mauticform-label {
    color: #fff;
    font-family: "Merriweather";
    font-weight: 300;
    font-size: 0.8em; }
  .contacto .formulario .mauticform-row .mauticform-selectbox, .contacto .formulario .mauticform-row .mauticform-input, .contacto .formulario .mauticform-row .mauticform-textarea {
    background-color: #374d84;
    border: none;
    border-radius: 0;
    border-bottom: 2px solid #819de2;
    outline: none;
    transition: 0.3s all;
    color: #fff; }
    .contacto .formulario .mauticform-row .mauticform-selectbox:focus, .contacto .formulario .mauticform-row .mauticform-input:focus, .contacto .formulario .mauticform-row .mauticform-textarea:focus {
      border-bottom: 2px solid #fff;
      transition: 0.3s all; }
  .contacto .formulario .mauticform-row.mauticform-button-wrapper {
    text-align: center; }
    .contacto .formulario .mauticform-row.mauticform-button-wrapper .mauticform-button.btn.btn-default {
      background-color: #1d96ff;
      border-radius: 3px !important;
      font-family: "Merriweather";
      color: #fff;
      border: none;
      box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
      transition: 0.3s all;
      font-family: "Roboto";
      padding: 10px 25px; }
      .contacto .formulario .mauticform-row.mauticform-button-wrapper .mauticform-button.btn.btn-default:hover {
        background-color: #e42755;
        box-shadow: 1px 4px 35px rgba(0, 0, 0, 0.8);
        transition: 0.3s all; }
  .contacto .formulario .social, .contacto .formulario .phone {
    margin: 0;
    padding: 0;
    list-style: none; }
    .contacto .formulario .social li, .contacto .formulario .phone li {
      display: inline-block;
      margin: 0 5px; }
      .contacto .formulario .social li i.fa.fa-phone, .contacto .formulario .phone li i.fa.fa-phone {
        color: #fff;
        padding-left: 8px; }
      .contacto .formulario .social li a.social-link, .contacto .formulario .phone li a.social-link {
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        display: block;
        border-radius: 100px;
        background: #374d84;
        transition: 0.3s all; }
        .contacto .formulario .social li a.social-link i.fa, .contacto .formulario .phone li a.social-link i.fa {
          color: #819de2;
          transition: 0.3s all; }
        .contacto .formulario .social li a.social-link:hover, .contacto .formulario .phone li a.social-link:hover {
          background: #e42755;
          transition: 0.3s all; }
          .contacto .formulario .social li a.social-link:hover i.fa, .contacto .formulario .phone li a.social-link:hover i.fa {
            color: #fff;
            transition: 0.3s all; }
      .contacto .formulario .social li a.tel, .contacto .formulario .phone li a.tel {
        color: #819de2;
        font-size: 0.8em; }
  .contacto .informacion {
    background-color: #2e3544;
    box-shadow: -2px 2px 20px rgba(0, 0, 0, 0.3);
    color: #fff;
    text-align: center; }

.delay-02s {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s; }

.delay-03s {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s; }

.delay-04s {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s; }

.delay-05s {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s; }

.delay-06s {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s; }

.delay-07s {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s; }

.delay-08s {
  animation-delay: 0.8s;
  -webkit-animation-delay: 0.8s; }

.delay-09s {
  animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s; }

.delay-1s {
  animation-delay: 1s;
  -webkit-animation-delay: 1s; }

.delay-12s {
  animation-delay: 1.2s;
  -webkit-animation-delay: 1.2s; }

/*# sourceMappingURL=estilo.css.map */