@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url(http://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v15/mem6YaGs126MiZpBA-UFUK0Zdcg.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url(http://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKXGUdhrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWiUNhrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url(http://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKW-U9hrIqY.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(http://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0e.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UNirkOUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN7rgOUuhs.ttf) format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(http://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhs.ttf) format('truetype');
}

/*		GENERAL		*/
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 10px; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

header {
  position: absolute;
  width: 100%;
  padding-top: 5px; }
  header nav {
    max-width: 1100px;
    padding: 0 10px;
    margin: 0 auto; }
    header nav .brand {
      float: left; }
      header nav .brand img {
        width: 150px; }
    header nav ul {
      margin-top: 55px;
      float: right;
      list-style: none; }
      header nav ul li {
        display: inline-block;
        margin-right: 30px; }
        header nav ul li:last-child {
          margin-right: 0; }
      header nav ul a {
        float: left;
        color: #fff;
        font-size: 2em;
        font-weight: 600;
        text-decoration: none;
        -moz-transition: all 500ms linear;
        -webkit-transition: all 500ms linear;
        -ms-transition: all 500ms linear;
        -o-transition: all 500ms linear;
        -khtml-transition: all 500ms linear;
        transition: all 500ms linear;
        border-bottom: 2px solid transparent;
        border-top: 2px solid transparent; }
        header nav ul a:hover {
          border-bottom: 2px solid #fff;
          border-top: 2px solid #fff; }
    @media screen and (max-width: 670px) {
      header nav .brand {
        float: none;
        text-align: center;
        display: block; }
      header nav .brand img {
        width: 100px; }
      header nav ul {
        float: none;
        text-align: center;
        margin-top: 10px; } }
    @media screen and (max-width: 515px) {
      header nav ul li {
        margin-right: 12px; }
      header nav ul a {
        font-size: 1.4em; } }

h2 {
  font-size: 4em;
  font-weight: 600; }

#inicio.parallax {
  height: 100vh;
  min-height: 660px;
  /* fix background */
  background-attachment: fixed;
  /* center it */
  background-position: center center;
  /* Scale it nicely to the element */
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-image: url("../../themes/fresh/assets/imgs/landing.jpg"); }
#inicio .featured {
  padding: 190px 15px 15px;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  color: #fff; }
  #inicio .featured .content {
    padding: 20px 10px;
    background: rgba(35, 31, 32, 0.9);
    border: 2px solid #fff; }
    #inicio .featured .content p {
      font-size: 2.2em;
      font-weight: 300; }
      #inicio .featured .content p:first-child {
        font-size: 3.5em; }
      #inicio .featured .content p:nth-child(3) {
        font-weight: 600;
        font-style: italic; }
  #inicio .featured a {
    width: 400px;
    display: block;
    margin: 40px auto 0;
    background: #1E824C;
    font-size: 2.4em;
    padding: 8px 13px;
    color: #fff;
    text-decoration: none;
    border-bottom: 3px solid #003806; }
    #inicio .featured a:hover {
      background: #0C6A38; }
  #inicio .featured span {
    display: block;
    width: 60%;
    height: 2px;
    background: #fff;
    margin: 20px auto; }
@media screen and (max-width: 670px) {
  #inicio .featured {
    padding-top: 160px; }
    #inicio .featured .content p {
      font-size: 1.6em; }
      #inicio .featured .content p:first-child {
        font-size: 1.8em; }
    #inicio .featured a {
      font-size: 1.6em;
      width: auto; } }

#servicio {
  border-top: 6px solid #172A59;
  border-bottom: 6px solid #172A59;
  text-align: center;
  padding: 60px 10px;
  background: url("../../themes/fresh/assets/imgs/porche.jpg") center center;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  color: #2f2f2f; }
  #servicio .content {
    background: rgba(255, 255, 255, 0.8);
    max-width: 700px;
    margin: 0 auto;
    padding: 0 15px 15px; }
  #servicio h2 {
    margin-bottom: 15px; }
  #servicio p {
    font-size: 2.2em;
    font-weight: 600; }
  #servicio span {
    display: block;
    width: 60%;
    height: 2px;
    background: #2f2f2f;
    margin: 20px auto; }
  @media screen and (max-width: 670px) {
    #servicio h2 {
      font-size: 2.8em;
      margin-bottom: 8px; }
    #servicio p {
      font-size: 1.6em; } }

#clientes {
  text-align: center;
  color: #e3e3e3;
  padding: 15px 0;
  background: #e3e3e3; }
  #clientes h2 {
    margin-bottom: 15px;
    color: #000; }
  #clientes h4 {
    font-size: 2em; }
  #clientes p {
    font-size: 1.6em; }
  #clientes .content {
    max-width: 1300px;
    margin: 0 auto; }
  #clientes .client {
    width: 23%;
    margin: 0 1%;
    float: left;
    height: 250px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    /* Scale it nicely to the element */ }
    #clientes .client .info {
      position: absolute;
      width: 100%;
      background: rgba(0, 0, 0, 0.6);
      padding: 20px 10px;
      bottom: 0;
      -moz-transition: all 500ms linear;
      -webkit-transition: all 500ms linear;
      -ms-transition: all 500ms linear;
      -o-transition: all 500ms linear;
      -khtml-transition: all 500ms linear;
      transition: all 500ms linear; }
      #clientes .client .info p {
        visibility: hidden;
        height: 0;
        opacity: 0;
        transition: visibility 0s linear 0.5s,opacity 0.5s linear; }
    #clientes .client:hover .info {
      padding: 101px 10px; }
      #clientes .client:hover .info p {
        visibility: visible;
        opacity: 1;
        height: auto;
        transition-delay: 0s; }
  @media screen and (max-width: 980px) {
    #clientes .client {
      width: 48%; } }
  @media screen and (max-width: 400px) {
    #clientes .client {
      width: 98%; } }

#contacto {
  text-align: center;
  padding: 15px 0;
  background: #172A59;
  border-top: 6px solid #232323;
  border-bottom: 6px solid #232323; }
  #contacto h2 {
    margin-bottom: 15px;
    color: #121212; }
  #contacto .content {
    max-width: 900px;
    margin: 0 auto; }
  #contacto form input:not([type=submit]) {
    float: left;
    width: 32%;
    margin-right: 2%;
    padding: 4px 6px;
    font-size: 2em; }
    #contacto form input:not([type=submit]):nth-child(3) {
      margin-right: 0; }
  #contacto form textarea {
    margin-top: 10px;
    width: 100%;
    min-height: 200px;
    font-size: 2em;
    padding: 5px 6px; }
  #contacto form input[type=submit] {
    margin-top: 10px;
    padding: 3px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #1E824C;
    color: #fff;
    font-size: 1.8em;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid #003806; }
    #contacto form input[type=submit]:hover {
      cursor: pointer;
      background: #0C6A38; }
  @media screen and (max-width: 670px) {
    #contacto form input:not([type=submit]), #contacto form textarea, #contacto form input[type=submit] {
      width: 96%;
      margin: 10px 2% 0; }
    #contacto form input:first-child {
      margin-top: 0; } }

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