body{
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #FFFFFF;
  }
  h1,h2,h3,h4,h5,h6,p{
    font-family: 'Roboto', sans-serif;
  }
  
  
  /* VIDEO */
  section.certificaciones{
    background-color: white;
    padding: 0;
  }
  
  section.certificaciones .video-home{
    position: relative;
      padding-bottom: 56.25%; /* 16:9 */
      padding-top: 25px;
      height: 0;
  }
  section.certificaciones .video-home iframe{
    position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
  }
  /*  */
  
                                    /* -- EMPRESA -- */
  section.empresa .cont-empresa{
    /* width: 100vw;
    height: 100vh; */
    width: 100%;
    height: auto;
    background-color: #2a2d33;
    padding: 0;
  }
  
  section.empresa .historia-hover h2,
  section.empresa .historia-hover h6,
  section.empresa .equipo-hover h6,
  section.empresa .equipo-hover h2,
  section.empresa .clientes-hover h6,
  section.empresa .clientes-hover h2,
  section.empresa .instalacion-hover h6,
  section.empresa .instalacion-hover h2,
  section.empresa .ubicacion-hover h6,
  section.empresa .ubicacion-hover h2{
    color: white;
  }
  
  section.empresa .cont-historia, .cont-equipo, .cont-clientes, .cont-instalacion, .cont-ubicacion{
    float: left;
    width: 20vw;
    height: 100vh;
    border-left: 1px solid #C7C7CC;
  }
  section.empresa hgroup h6{
    font-weight: 300;
    color: #C7C7CC;
  }
  section.empresa hgroup h2{
    font-size: 2em;
    font-weight: 900;
    color: #C7C7CC;
    margin-top: 0;
  }
  section.empresa .historia, section.empresa .equipo, section.empresa .clientes, section.empresa .instalacion, section.empresa .ubicacion{
    position: relative;
    /* height: 100%;
    width: 20vw; */
    float: left;
  }
  section.empresa .cont-historia hgroup{
    margin-top: 82%;
    padding: 0 30%;
  }
  section.empresa .historia-hover hgroup{
    position: relative;
    margin-top: 90%;
    padding: 0 30%;
    z-index: 999;
    opacity: 0;
  }
  section.empresa .cont-equipo hgroup{
    margin-top: 150%;
    padding: 0 35%;
  }
  section.empresa .equipo-hover hgroup{
    position: relative;
    margin-top: 90%;
    padding: 0 35%;
    z-index: 999;
    opacity: 0;
  }
  section.empresa .cont-clientes hgroup{
    margin-top: 82%;
    padding: 0 20%;
  }
  section.empresa .clientes-hover hgroup{
    position: relative;
    margin-top: 90%;
    padding: 0 35%;
    z-index: 999;
    opacity: 0;
  }
  section.empresa .cont-instalacion hgroup{
    margin-top: 40%;
    padding: 0 20%;
  }
  section.empresa .instalacion-hover hgroup{
    position: relative;
    padding: 0 20%;
    margin-top: 78%;
    z-index: 999;
    opacity: 0;
  }
  section.empresa .cont-ubicacion hgroup{
    margin-top: 150%;
    padding: 0 15%;
  }
  section.empresa .ubicacion-hover hgroup{
    position: relative;
    padding: 0 20%;
    margin-top: 90%;
    z-index: 999;
  }
  section.empresa .img-historia{
    position: absolute;
    left: 0;
    bottom: 0;
    margin-top: 8%;
    z-index: 998;
    opacity: 0;
  }
  section.empresa .img-historia img{
    width: 19.98vw;
  }
  section.empresa .img-equipo{
    position: absolute;
    left: 0;
    bottom: -5px;
    z-index: 998;
    opacity: 0;
  }
  section.empresa .img-equipo img{
    width: 23.3vw;
  }
  section.empresa .img-clientes{
    position: absolute;
    margin: 40% 0 0 -10%;
    z-index: 998;
    opacity: 0;
  }
  section.empresa .img-clientes img{
    width: 24vw;
  }
  section.empresa .img-instalacion{
    position: absolute;
    bottom: 0;
    z-index: 998;
    opacity: 0;
  }
  section.empresa .img-instalacion img{
    width: 20vw;
  }
  section.empresa .img-ubicacion{
    position: absolute;
    bottom: 0;
    margin: 0 0 50% -10%;
    z-index: 998;
    opacity: 0;
  }
  section.empresa .img-ubicacion img{
    width: 16vw;
  }
  section.empresa .historia-hover{
    position: absolute;
    width: 20vw;
    height: 0vh;
    background: #1875bb; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1875bb 0%, #00baff 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1875bb 0%,#00baff 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1875bb 0%,#00baff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* display: none; */
  }
  section.empresa .equipo-hover{
    position: absolute;
    width: 20vw;
    height: 0vh;
    background: #f39200; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f39200 0%, #ffce00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #f39200 0%,#ffce00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #f39200 0%,#ffce00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* display: none; */
  }
  section.empresa .clientes-hover{
    position: absolute;
    width: 20vw;
    height: 0vh;
    background: #46688d; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #46688d 0%, #c8d7e3 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #46688d 0%,#c8d7e3 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #46688d 0%,#c8d7e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* display: none; */
  }
  section.empresa .instalacion-hover{
    position: absolute;
    width: 20vw;
    height: 0vh;
    background: #e00b0b; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #e00b0b 0%, #de7b56 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #e00b0b 0%,#de7b56 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #e00b0b 0%,#de7b56 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* display: none; */
  }
  section.empresa .ubicacion-hover{
    position: absolute;
    width: 20vw;
    height: 0vh;
    background: #3c3c3c; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #3c3c3c 0%, #727272 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #3c3c3c 0%,#727272 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #3c3c3c 0%,#727272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /* display: none; */
  }
  
  
    /* --- */
  
  
  
  
  .mainPicture {
      width: 100%;
      height: 100vh;
      position: relative;
      overflow: hidden;
      padding: 0;
  }
  
  .mainBackground {
      width: 100%;
      height: 100%;
      background-position: center;
      background-size: cover;
      background-repeat: no-repeat;
      margin-bottom: 30px;
      transition: all 6.5s ease-in-out;
  }
  
  .mainBackground:hover {
      -ms-transform: scale(1.4); /* IE 9 */
      -webkit-transform: scale(1.4); /* Safari 3-8 */
      transform: scale(1.4);
  }
  
  .mainTitleLeft {
      width: 230px;
      height: 135px;
      background-color: #e8e8e8;
      text-align: center;
      position: absolute;
      bottom: 0;
      left: 0;
      display: table;
      /* padding: 3%; */
  }
  
  .mainTitleLeft h5, .mainTitleLeft h1 {
      display: table-cell;
      vertical-align: middle;
      font-size: 10px;
      line-height: 200%;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #a6a8ab;
  }
  
  
  .mainTitleRight {
      width: 230px;
      height: 135px;
      /* padding: 3%; */
      background-color: #e8e8e8;
      text-align: center;
      position: absolute;
      bottom: 0;
      right: 0;
      display: table;
  }
  
  .mainTitleRight h5 {
      display: table-cell;
      vertical-align: middle;
      font-size: 10px;
      line-height: 200%;
      font-weight: bold;
      text-transform: uppercase;
      letter-spacing: 3px;
      color: #a6a8ab;
  }
  
  .pictureGroups {
      width: 70%;
      height: auto;
      margin: 0 auto;
      padding: 4% 0 0 0;
      overflow: hidden;
  }
  
  .gallerySection {
      width: 100%;
      height: auto;
      text-align: center;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
      line-height: 0;
  }
  
  .gallerySection img {
      transition: all 6.5s ease-in-out;
  }
  
  .gallerySection img:hover {
      -ms-transform: scale(1.4); /* IE 9 */
      -webkit-transform: scale(1.4); /* Safari 3-8 */
      transform: scale(1.4);
  }
  
  .pictureRight {
      width: 100%;
      height: auto;
      margin: 0 auto;
      padding: 0;
      overflow: hidden;
  }
  
  .imageContent {
      width: 50%;
      height: auto;
      text-align: right;
      overflow: hidden;
      margin-bottom: 30px;
      position: relative;
      line-height: 0;
      float: right;
  }
  
  .imageContent img {
      transition: all 6.5s ease-in-out;
  }
  
  .imageContent img:hover {
      -ms-transform: scale(1.4); /* IE 9 */
      -webkit-transform: scale(1.4); /* Safari 3-8 */
      transform: scale(1.4);
  }
  
  /* --- RESPONSIVE --- */
  @media (max-width: 1025px) {
    section.empresa hgroup h2{
      font-size: 1.4em;
    }
  }