@font-face {
  font-family: "futura";
  src: url("../fonts/FuturaStd-Light.otf"); }
@font-face {
  font-family: "montserrat";
  src: url("../fonts/Montserrat-Regular.ttf"); }
@font-face {
  font-family: "novecentos-bold";
  src: url("../fonts/Novecentosanswide-Book.otf"); }
@font-face {
  font-family: "novecentos-medium";
  src: url("../fonts/Novecentosanswide-Medium.otf"); }
@font-face {
  font-family: "opensans-regular";
  src: url("../fonts/OpenSans-Regular.ttf"); }
@font-face {
  font-family: "opensans-semibold";
  src: url("../fonts/OpenSans-Semibold_0.ttf"); }
@font-face {
  font-family: "roboto-bold";
  src: url("../fonts/Roboto-Bold.ttf"); }
@font-face {
  font-family: "roboto-medium";
  src: url("../fonts/Roboto-Medium.ttf"); }
@font-face {
  font-family: "roboto-regular";
  src: url("../fonts/Roboto-Regular.ttf"); }
@font-face {
  font-family: "roboto-thin";
  src: url("../fonts/Roboto-Thin.ttf"); }
@font-face {
  font-family: "tornado";
  src: url("../fonts/tornado.eot");
  src: url("../fonts/tornado.eot?#iefix") format("embedded-opentype"), url("../fonts/tornado.woff") format("woff"), url("../fonts/tornado.ttf") format("truetype"), url("../fonts/tornado.svg#tornado") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "tornado" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "tornado" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-productos:before {
  content: "\61"; }

.icon-facebook:before {
  content: "\63"; }

.icon-empresa:before {
  content: "\64"; }

.icon-servicios:before {
  content: "\65"; }

.icon-whatsapp:before {
  content: "\66"; }

.icon-contacto:before {
  content: "\67"; }

section.empresa {
  width: 100%;
  margin-bottom: 80px; }
  section.empresa img {
    width: 100%; }

.historia {
  position: relative; }
  .historia h2 {
    font-family: "montserrat";
    margin: 0;
    position: absolute;
    bottom: 5px;
    left: 95px;
    font-size: 41px;
    color: #FFF; }
    @media screen and (max-width: 767px) {
      .historia h2 {
        font-size: 32px;
        left: 115px; } }
    @media screen and (max-width: 400px) {
      .historia h2 {
        font-size: 14px;
        left: 45px;
        bottom: 3px; } }
  @media screen and (max-width: 767px) {
    .historia img {
      width: 320px; } }
  @media screen and (max-width: 400px) {
    .historia img {
      width: 136px; } }

.historia-info {
  margin-top: 50px;
  margin-bottom: 95px; }
  @media screen and (max-width: 400px) {
    .historia-info {
      margin-top: 40px; } }
  .historia-info figure {
    width: 100%;
    min-height: 120px;
    position: relative; }
    .historia-info figure .mascara {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: rgba(223, 159, 0, 0.75);
      font-family: "roboto-regular";
      font-size: 22px;
      color: #FFF;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .historia-info figure .mascara {
          font-size: 16px; } }
      @media screen and (max-width: 560px) {
        .historia-info figure .mascara {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .historia-info figure .mascara {
          font-size: 12px; } }
    .historia-info figure img {
      width: 100%;
      min-height: 120px; }

.mision {
  position: relative; }
  .mision img {
    position: absolute;
    right: 0; }
    @media screen and (max-width: 767px) {
      .mision img {
        width: 320px; } }
    @media screen and (max-width: 400px) {
      .mision img {
        width: 136px; } }
  .mision h2 {
    font-family: "montserrat";
    font-size: 50px;
    position: absolute;
    right: 86px;
    top: -65px; }
    @media screen and (max-width: 767px) {
      .mision h2 {
        font-size: 32px;
        right: 58px;
        top: -50px; } }
    @media screen and (max-width: 400px) {
      .mision h2 {
        font-size: 14px;
        right: 26px;
        top: -35px; } }

.mision-descripcion {
  margin-top: 120px;
  margin-bottom: 170px; }
  @media screen and (max-width: 400px) {
    .mision-descripcion {
      margin-top: 40px;
      margin-bottom: 80px; } }
  .mision-descripcion .texto {
    font-family: "roboto-regular";
    background: #808080;
    font-size: 22px;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 346px; }
  .mision-descripcion figure {
    width: 100%;
    min-height: 120px;
    position: relative; }
    .mision-descripcion figure .mascara {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(77, 77, 77, 0.75);
      font-family: "roboto-regular";
      font-size: 22px;
      color: #FFF;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center; }
      @media screen and (max-width: 767px) {
        .mision-descripcion figure .mascara {
          font-size: 16px; } }
      @media screen and (max-width: 560px) {
        .mision-descripcion figure .mascara {
          font-size: 14px; } }
      @media screen and (max-width: 480px) {
        .mision-descripcion figure .mascara {
          font-size: 12px; } }
    .mision-descripcion figure img {
      width: 100%;
      min-height: 120px; }

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