.footer-top {
  display: none;
}

.hero .hero-left h1 {
  width: 126px;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.hero .hero-right {
  color: #FA6A17;
}
.hero .hero-right .bloque-tit1 {
  margin-bottom: 20px;
}
.hero .hero-right a {
  color: #FA6A17;
}
.hero .hero-right a:focus {
  color: #fb8845;
}
.hero .hero-right a:hover {
  color: #fca674;
}

.img1 img {
  margin-left: auto;
  margin-right: auto;
}

.porque .bloque-tit1,
.ofrecemos .bloque-tit1 {
  color: #FA6A17;
}

.ofrecemos {
  position: relative;
  z-index: 1;
}
.ofrecemos .row :nth-child(3n+1) .card {
  background-image: url("../../images/inicioFront/mask1.svg");
}
.ofrecemos .row :nth-child(3n+2) .card {
  background-image: url("../../images/inicioFront/mask2.svg");
}
.ofrecemos .row :nth-child(3n+3) .card {
  background-image: url("../../images/inicioFront/mask3.svg");
}
.ofrecemos .card ul {
  padding-left: 15px;
  margin-left: 0;
}
.ofrecemos .card ul li {
  margin-bottom: 0;
}

.faq {
  padding-bottom: 70px;
  background-color: #474141;
  color: #FFFFFF;
}

.banner {
  padding: 40px 0;
}
.banner.primary {
  background-color: #FA6A17;
}
.banner.secondary {
  background-color: #24D681;
}
.banner .banner-left {
  position: relative;
}
.banner .banner-left:before {
  content: "";
  height: 100%;
  background-image: url("../../images/iconos/forma-neg.svg");
  background-size: auto 100%;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0;
}

@media (min-width: 1440px) {
  .banner {
    font-size: 30px;
  }
}
@media (min-width: 768px) and (max-width: 1439px) {
  .banner {
    font-size: 24px;
  }
}
@media (min-width: 768px) {
  .hero {
    padding-bottom: 60px;
    position: relative;
  }
  .hero .forma {
    width: 50vw;
    height: 239px;
    background-image: url("../../images/iconos/forma-primary.svg");
    background-repeat: repeat-x;
    background-position: right center;
    position: absolute;
    bottom: 60px;
    right: 50%;
  }
  .hero .hero-right {
    min-height: calc(100vh - 254px);
    font-size: 25px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .hero .hero-right > * {
    max-width: 500px;
  }
  .hero .hero-right > *.empleo-medium {
    max-width: 900px;
  }
  .porque,
  .ofrecemos {
    padding-top: 75px;
  }
  .porque .bloque-tit1 {
    margin-bottom: 35px;
  }
  .ofrecemos .row > * {
    margin-top: 35px;
  }
  .ofrecemos .row > *:nth-child(4) {
    margin-left: auto;
  }
  .ofrecemos .row > *:nth-child(5) {
    margin-right: auto;
  }
  .faq {
    padding-top: 350px;
    padding-bottom: 350px;
    margin-top: -250px;
    position: relative;
  }
  .faq .forma {
    width: 50vw;
    height: 239px;
    background-image: url("../../images/iconos/forma-primary.svg");
    background-repeat: repeat-x;
    background-position: right center;
    position: absolute;
    bottom: -120px;
    left: 50%;
  }
  .banner .row {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
  .banner .banner-left {
    height: 239px;
  }
  .banner .banner-left:before {
    width: 50vw;
    background-position: right center;
    right: 0;
  }
  .banner .banner-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .eventos {
    margin-bottom: 40px;
  }
  .eventos .bloque-tit1 {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .hero {
    padding-bottom: 300px;
    background-image: url("../../images/iconos/forma-primary.svg");
    background-size: auto 192px;
    background-repeat: no-repeat;
    background-position: bottom 50px center;
  }
  .hero .hero-left {
    display: none;
  }
  .hero .hero-right .bloque-tit1 {
    margin-bottom: 160px;
  }
  .porque,
  .ofrecemos {
    padding-top: 40px;
  }
  .porque .bloque-tit1,
  .ofrecemos .bloque-tit1 {
    margin-bottom: 20px;
  }
  .ofrecemos .row > * + * {
    margin-top: 20px;
  }
  .faq {
    padding-top: 270px;
    margin-top: -220px;
    padding-bottom: 300px;
    background-image: url("../../images/iconos/forma-primary.svg");
    background-size: auto 192px;
    background-repeat: no-repeat;
    background-position: bottom 50px center;
  }
  .banner {
    font-size: 22px;
    overflow: hidden;
  }
  .banner .banner-left {
    height: 203px;
    margin-top: 50px;
  }
  .banner .banner-left:before {
    width: 100vw;
    background-position: center;
    left: 50%;
    transform: translateX(-50%);
  }
  .banner .banner-right .bloque-tit1 {
    margin-bottom: 100px;
  }
}/*# sourceMappingURL=citalent.css.map */