@charset "UTF-8";
body {
  width: 100%;
  height: 100%; }

section {
  background-image: url("../images/bg-isobar.png") !important; }

html {
  width: 100%;
  height: 100%; }

h1, h3 {
  font-family: 'steelfish__rg'; }

.section__title {
  font-size: 29px;
  position: relative; }
  .section__title:after {
    content: "";
    background-image: url(../images/title-cross.png);
    position: absolute;
    width: 54px;
    height: 53px;
    right: -33px;
    top: 5px; }

/* FONTS */
@font-face {
  font-family: 'steelfish__rg';
  src: local("steelfish__rg"), local("steelfish__rg"), url(../fonts/steelfish__rg.ttf);
  font-weight: normal; }
@font-face {
  font-family: 'steelfish__rg__it';
  src: local("steelfish__rg__it"), local("steelfish__rg__it"), url(../fonts/steelfish_bd_it.otf);
  font-weight: italic; }
@media (min-width: 767px) {
  ul.navbar {
    padding: 20px 0;
    -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
    transition: background .5s ease-in-out,padding .5s ease-in-out; }

  .top-nav-collapse {
    padding: 0; } }
.navbar-default {
  border: none;
  background-color: #ffffff; }

.nav.navbar {
  margin-top: 15px; }
  @media (max-width: 992px) {
    .nav.navbar {
      margin-top: 0;
      margin-bottom: 0;
      padding-bottom: 0; } }

.navbar-toggle {
  z-index: 999; }

.navbar > li > a {
  font-family: 'steelfish__rg';
  font-size: 19px;
  padding-top: 0;
  padding-bottom: 0; }

.active .fondo_link {
  background-color: #feca3a !important; }

@media (max-width: 992px) {
  .logo img {
    width: 29vw;
    padding-top: 1vh; } }
@media (max-width: 767px) {
  .logo img {
    width: 35vw; } }

.intro-section {
  margin-top: 94px;
  height: 100%;
  text-align: center;
  background: #fff;
  background-size: cover;
  width: 100%;
  height: 84vh;
  /* INTRO SECTION */
  /* #intro-video, iframe {
    position: fixed;
    top: 50%; left: 50%;
    z-index: 1;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
  } */
  /* END INTRO SECTION */ }
  @media (max-width: 992px) {
    .intro-section {
      margin-top: 9vh; } }
  .intro-section .conocenos__link {
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    width: 95px;
    height: 95px;
    margin: auto;
    border-radius: 50%;
    text-align: center;
    line-height: 4;
    position: relative; }
  .intro-section .container-bg {
    min-height: 100vh;
    text-align: center;
    background: #fff;
    background-size: cover;
    width: 100%;
    height: 100%;
    z-index: -999; }
  .intro-section .intro-banner {
    z-index: 999;
    margin-top: 67vh; }
  .intro-section .intro__title {
    color: #fff;
    font-size: 20px;
    letter-spacing: 2px;
    width: 95px;
    height: 95px;
    margin: auto;
    border-radius: 50%;
    border: 2px solid #feca3a;
    text-align: center;
    line-height: 4;
    position: relative; }
  .intro-section .intro__title:after {
    content: "";
    background-image: url(../images/arrow__down.png);
    height: 64px;
    width: 13px;
    position: absolute;
    top: 60px;
    right: 38px; }

/* QUIENES SOMOS  */
.quienes-somos-section {
  padding-top: 170px;
  text-align: center;
  background: #eee; }
  .quienes-somos-section .row > div {
    margin-bottom: 30px; }
  .quienes-somos-section .section__title:after {
    right: -34px;
    top: 30px; }
  .quienes-somos-section .section__title {
    font-size: 21px;
    position: relative;
    text-align: right;
    letter-spacing: 0.2em;
    text-transform: uppercase; }
  .quienes-somos-section article {
    margin: 30px 0; }
  .quienes-somos-section .texto1 {
    font-family: courier new;
    text-align: left;
    font-size: 25px;
    line-height: 31px; }
    .quienes-somos-section .texto1:after {
      content: "";
      width: 80px;
      height: 1px;
      background-color: #848484;
      position: absolute;
      top: 22px;
      left: -71px; }
    .quienes-somos-section .texto1 .first__letter {
      color: #feca3a; }
      .quienes-somos-section .texto1 .first__letter:after {
        content: "+";
        position: absolute;
        top: -22px;
        left: 18px; }
  .quienes-somos-section .texto2, .quienes-somos-section .texto3 {
    font-family: courier new;
    text-align: left;
    font-size: 16px;
    color: #292929; }
    .quienes-somos-section .texto2 span, .quienes-somos-section .texto3 span {
      font-weight: bold; }
      .quienes-somos-section .texto2 span:after, .quienes-somos-section .texto3 span:after {
        content: "+";
        color: #feca3a;
        position: absolute;
        left: 0;
        font-size: 15px; }
  .quienes-somos-section .texto3 {
    font-size: 15px;
    line-height: 18px; }
    .quienes-somos-section .texto3 span:after {
      content: none; }
  .quienes-somos-section .secondary__title {
    font-family: 'steelfish__rg__it';
    font-size: 22px;
    padding-top: 0;
    margin-top: 0;
    letter-spacing: 3px; }
    .quienes-somos-section .secondary__title span:after {
      content: "";
      color: #feca3a;
      background-image: url(../images/cruz.png);
      width: 21px;
      height: 25px;
      position: absolute;
      top: -12px;
      left: 4px; }
  .quienes-somos-section .section__text-divisor {
    border-bottom: 1px solid #848484;
    width: 20%;
    margin: 20px 0;
    font-weight: 400; }

.servicios-section {
  padding-top: 100px;
  padding-bottom: 100px;
  text-align: center;
  background: #fff; }
  .servicios-section .section__title:after {
    right: 27%;
    top: 9px; }
  @media (max-width: 992px) {
    .servicios-section {
      height: auto; } }
  .servicios-section .section__title {
    margin-bottom: 40px; }
    @media (max-width: 767px) {
      .servicios-section .section__title {
        text-align: left;
        width: 33%; } }
  .servicios-section .item {
    position: relative;
    float: left;
    margin: 10px 0;
    letter-spacing: 3.5px; }
    @media (max-width: 992px) {
      .servicios-section .item {
        width: 100%; } }
    .servicios-section .item .service {
      font-family: 'steelfish__rg';
      font-size: 29px;
      text-transform: uppercase;
      text-align: left; }
      @media (max-width: 992px) {
        .servicios-section .item .service {
          text-align: center;
          width: 100%; } }
      @media (max-width: 1122px) {
        .servicios-section .item .service {
          font-size: 22px; } }
    .servicios-section .item .icon {
      width: 25px;
      height: 25px;
      background-color: #feca3a;
      position: absolute;
      top: 8px;
      left: -35px;
      border-radius: 50%; }
      @media (max-width: 992px) {
        .servicios-section .item .icon {
          left: 0; } }
      @media (max-width: 767px) {
        .servicios-section .item .icon {
          left: 50%;
          top: -27px; } }
      .servicios-section .item .icon:after {
        content: "";
        width: 42px;
        height: 1px;
        background-color: grey;
        position: absolute;
        top: 12px;
        left: -10px; }

/*
Estos estilos son para poner los
numeros de costado, pero no encontre
solucion responsive.
hay que poner los numeros de los slides
en proyectos.php linea 9 que estan comentados.
*/
@media (max-width: 767px) {
  .section__title {
    margin-bottom: 35px; } }

.glyphicon.glyphicon-chevron-left,
.glyphicon.glyphicon-chevron-right {
  font-size: 0; }

.right__arrow__container2 {
  left: 0 !important; }
  .right__arrow__container2 .right__arrow2 {
    top: 0;
    background-image: url(../images/right__arrow2.png);
    background-repeat: no-repeat; }

.left__arrow__container2 .left__arrow2 {
  left: 10px;
  top: 0;
  background-image: url(../images/left__arrow2.png);
  background-repeat: no-repeat; }

.carousel-control.left,
.carousel-control.right {
  background-image: none; }

.proyectos-section {
  height: auto;
  padding-bottom: 80px;
  padding-top: 120px;
  text-align: center;
  background: #feca3a; }
  .proyectos-section .carousel-inner, .proyectos-section .item.next.left, .proyectos-section .item.prev.right {
    /*espacio para que entren los carousel caption
    deberia tener el mismo tamaño que el alto
    total del caption mas alto (3 lineas)*/
    padding-top: 11vh; }
    @media (max-width: 767px) {
      .proyectos-section .carousel-inner, .proyectos-section .item.next.left, .proyectos-section .item.prev.right {
        padding-top: 15vh; } }
  .proyectos-section .left__arrow {
    background-image: url(../images/left-arrow.png);
    width: 50px;
    height: 50px;
    display: block;
    top: 50%;
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
    left: 10%; }
  .proyectos-section .right__arrow {
    background-image: url(../images/right-arrow.png);
    width: 50px;
    height: 50px;
    display: block;
    top: 50%;
    position: absolute;
    z-index: 10;
    background-repeat: no-repeat;
    right: 0; }
  .proyectos-section .carousel {
    position: relative; }
  .proyectos-section .carousel-caption {
    width: 64vw;
    top: -11vh;
    left: 0%;
    text-align: left;
    color: #292929;
    text-shadow: none;
    font-family: courier new; }
    @media (max-width: 767px) {
      .proyectos-section .carousel-caption {
        width: 91vw; } }
    @media (max-width: 767px) {
      .proyectos-section .carousel-caption {
        top: -18vh; } }
    .proyectos-section .carousel-caption .title {
      font-size: 17px; }
      @media (max-width: 503px) {
        .proyectos-section .carousel-caption .title {
          font-size: 13px; } }
      .proyectos-section .carousel-caption .title span {
        font-size: 13px; }
      .proyectos-section .carousel-caption .title .slide__number {
        width: 80px;
        display: inline-block;
        position: relative;
        font-weight: bold; }
        .proyectos-section .carousel-caption .title .slide__number:after {
          content: "";
          height: 1px;
          width: 44px;
          background-color: #292929;
          position: absolute;
          top: 12px;
          left: 28px; }
    .proyectos-section .carousel-caption .description {
      font-size: 14px; }
      @media (max-width: 503px) {
        .proyectos-section .carousel-caption .description {
          font-size: 10px; } }

.maquinaria-section {
  background-color: #f9f9f9;
  padding-top: 150px;
  padding-bottom: 150px; }
  @media (max-width: 992px) {
    .maquinaria-section .section__title {
      margin-bottom: 37px !important; } }
  @media (max-width: 767px) {
    .maquinaria-section .section__title {
      text-align: left; } }
  .maquinaria-section .section__title:after {
    right: 27%;
    top: 9px; }
  .maquinaria-section .slick-list {
    position: relative; }
  .maquinaria-section .slick-prev:before {
    content: ""; }
  .maquinaria-section .slick-next:before {
    content: ""; }
  .maquinaria-section .slick-next {
    background-image: url(../images/maquina_right_arrow.png) !important;
    background-repeat: no-repeat;
    height: 50px;
    width: 78px;
    right: -1%;
    z-index: 1; }
  .maquinaria-section .slick-prev {
    background-image: url(../images/maquina_left_arrow.png) !important;
    background-repeat: no-repeat;
    height: 50px;
    width: 78px;
    left: -4%;
    z-index: 2; }
  .maquinaria-section .slick-list {
    border: 1px solid #dcddde; }
    .maquinaria-section .slick-list .item__carousel__maquinaria {
      border-right: 1px solid #dcddde;
      background-color: #fff;
      min-height: 460px; }
    .maquinaria-section .slick-list .slick-slide {
      width: 350px; }
  .maquinaria-section .descripcion {
    position: relative;
    text-align: center;
    width: 100%;
    left: 0;
    right: 0;
    color: #000;
    background-color: #fff;
    min-height: 115px;
    padding-top: 15px; }
    .maquinaria-section .descripcion p {
      margin: 0 0 5px; }
    .maquinaria-section .descripcion:before {
      content: "";
      width: 80%;
      height: 1px;
      background-color: #dcddde;
      position: absolute;
      left: 29px;
      top: -5px; }
    .maquinaria-section .descripcion .maquina {
      font-family: 'steelfish__rg';
      font-size: 23px;
      letter-spacing: 3px; }
    .maquinaria-section .descripcion .tipo, .maquinaria-section .descripcion .cantidad, .maquinaria-section .descripcion .fecha {
      font-family: 'courier new'; }
    .maquinaria-section .descripcion .tipo {
      text-indent: 12px;
      letter-spacing: 1px;
      line-height: 18px;
      font-size: 13px;
      position: relative; }
      .maquinaria-section .descripcion .tipo:after {
        content: "";
        height: 4px;
        width: 30px;
        background-color: #fed55f;
        display: block;
        margin: auto;
        margin-top: 15px;
        margin-bottom: 15px; }

/*multi-item-carousel*/
.contacto {
  font-family: 'courier new';
  height: 75%;
  padding-top: 150px;
  text-align: center;
  background: #fff; }
  .contacto .sidebar h3 {
    margin: auto;
    display: block;
    width: 243px; }
    @media (max-width: 767px) {
      .contacto .sidebar h3 {
        text-align: left; } }
    .contacto .sidebar h3:after {
      right: 55px; }
      @media (max-width: 767px) {
        .contacto .sidebar h3:after {
          position: absolute;
          left: 50px;
          top: 10px; } }
  @media (max-width: 992px) {
    .contacto .section__title {
      margin-bottom: 37px !important; } }
  @media (max-width: 767px) {
    .contacto .section__title {
      text-align: left;
      width: 20% !important; } }
  .contacto #form {
    width: 100%; }
  .contacto .contacto__input {
    border: none;
    border-bottom: 1px solid #000;
    width: 45%;
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 20px; }
  .contacto .contacto__name {
    width: 96%;
    margin: auto;
    display: block;
    border: none;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
    height: 75px; }
  .contacto .contacto__enviar-btn {
    background-color: transparent;
    border: none;
    float: right;
    font-size: 16px;
    text-transform: uppercase;
    color: #bdbec0; }
  .contacto .contacto__info-item {
    font-family: 'courier new';
    font-size: 16px;
    text-align: left;
    margin-left: 7px;
    margin-bottom: 30px; }
    @media (max-width: 767px) {
      .contacto .contacto__info-item {
        margin-bottom: 0px; } }
    .contacto .contacto__info-item .material-icons {
      color: #ffd560;
      display: inline-block;
      float: left;
      margin-right: 15px; }
    .contacto .contacto__info-item .item__info {
      min-height: 50px;
      margin-bottom: 30px;
      line-height: 3; }
      @media (max-width: 767px) {
        .contacto .contacto__info-item .item__info {
          margin-bottom: 15px; } }
      .contacto .contacto__info-item .item__info p {
        margin: 0 0 5px;
        line-height: 1; }
      .contacto .contacto__info-item .item__info .segunda__linea {
        line-height: 1; }
      .contacto .contacto__info-item .item__info a {
        color: #333; }

.google-maps {
  position: relative;
  padding-bottom: 75%;
  height: 0;
  overflow: hidden; }

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important; }

.footer {
  border-top: 1px solid #bdbec0;
  padding-top: 40px; }
  .footer .brand p {
    font-family: 'steelfish__rg';
    font-size: 33px;
    letter-spacing: 2px; }
    @media (max-width: 767px) {
      .footer .brand p {
        text-align: center; } }
  .footer .copyright {
    color: #848484; }
    @media (max-width: 767px) {
      .footer .copyright p {
        text-align: center; } }
  .footer .link__container {
    float: right;
    width: 20%; }
    @media (max-width: 992px) {
      .footer .link__container {
        width: 50%; } }
    @media (max-width: 767px) {
      .footer .link__container {
        width: 100%; } }
    .footer .link__container p {
      text-align: right;
      display: block; }
      @media (max-width: 767px) {
        .footer .link__container p {
          text-align: center; } }
      .footer .link__container p a {
        color: #848484; }

h1 {
  margin: 0 0 .5em;
  padding: 0; }

.animate-reveal {
  font: bold 1.5em sans-serif;
  text-transform: uppercase;
  letter-spacing: 2px;
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
  -moz-animation: reveal 1s ease-in 1 normal forwards;
  -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
  animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards; }

.animate-first {
  -webkit-animation-delay: 700ms;
  -moz-animation-delay: 700ms;
  -o-animation-delay: 700ms;
  animation-delay: 700ms; }

.animate-second {
  -webkit-animation-delay: 500ms;
  -moz-animation-delay: 500ms;
  -o-animation-delay: 500ms;
  animation-delay: 500ms; }

.animate-third {
  -webkit-animation-delay: 1s;
  -moz-animation-delay: 1s;
  -o-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }
@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); } }

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