@charset "UTF-8";
/* Setando o charset */
/**
 * Importando utilitários do bootstrap
 */
/**
 * Variáveis configuradas para o projeto e mixins
 */
/*
|---------------------------
| Nossos mixins
|---------------------------
*/
/* Mixin para máscaras */
/* função que converte uma fonte em px para uma versão 'rem' baseado na fonte de 16px */
/**
* Esse utilitário retorna o valor em 'em'
* deve ser usado em locais onde o valor estiver relacionado ao tamanho da fonte
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna a font-size e line-height configurados com os valores passados
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/**
* Esse utilitário foi feito para simplificar a digitação
* retorna o padding top e bottom
* a variável $scale é opcional, ela permite calcular de maneira simples, quanto
* seria o valor da fonte se aplicado algum modificador
*/
/* GERAL 
Estilização de fonte base para as páginas
*/
html,
body {
  font-size: 16px;
  line-height: 16px;
  font-family: "moderat_regular", sans-serif;
  color: #001D55;
  overflow-x: hidden;
  position: relative;
}

body {
  overflow: hidden;
}

a,
a:visited {
  color: inherit;
}

/* COMPONENTES 
Generalizações reutilizadas ao longo das páginas, mudar aqui irá afetar TODAS as páginas
*/
.about-header .container-fluid {
  padding: 0;
  margin: 0;
}
.about-header .container-fluid .bg {
  width: 100%;
  height: 330px;
  background-size: cover;
}
@media (max-width: 767.98px) {
  .about-header .container-fluid .bg.auto {
    height: auto;
  }
  .about-header .container-fluid .bg.fixed {
    height: 180px;
  }
}
.about-header .container-fluid .bg .title-wrapper {
  margin-top: 150px;
}
@media (max-width: 991.98px) {
  .about-header .container-fluid .bg .title-wrapper {
    margin-top: 100px;
  }
}
@media (max-width: 767.98px) {
  .about-header .container-fluid .bg .title-wrapper {
    margin-top: 80px;
  }
}
.about-header .container-fluid .bg .title-wrapper h2 {
  font-family: "moderat_bold", sans-serif;
  font-size: 44px;
  line-height: 44px;
  color: #ffffff;
  display: block;
}
@media (max-width: 991.98px) {
  .about-header .container-fluid .bg .title-wrapper h2 {
    left: 108px;
  }
}
@media (max-width: 767.98px) {
  .about-header .container-fluid .bg .title-wrapper h2 {
    bottom: 60px;
    font-size: 30px;
    line-height: 36px;
  }
}
.about-header .banner-list {
  height: 400px;
  color: #000;
}
@media (max-width: 767.98px) {
  .about-header .banner-list {
    height: auto;
  }
}
.about-header .banner-list .banner {
  width: 100%;
  height: 400px;
  background-position: center;
  background-size: cover;
}
.about-header .text {
  font-family: "moderat_regular", sans-serif;
  width: 543.66px;
  height: 256.41px;
  min-width: 250px;
  background-color: #FFA400;
  border-radius: 0 20px 0 0;
  position: absolute;
  top: 40px;
  left: 58.5%;
}
@media (max-width: 1739.98px) {
  .about-header .text {
    left: 49.3%;
  }
}
@media screen and (max-width: 1336px) {
  .about-header .text {
    left: 48%;
  }
}
@media screen and (max-width: 1266px) {
  .about-header .text {
    left: 46%;
  }
}
@media (max-width: 1199.98px) {
  .about-header .text {
    left: 35%;
  }
}
@media (max-width: 991.98px) {
  .about-header .text {
    left: 19%;
    width: 63%;
  }
}
@media (max-width: 767.98px) {
  .about-header .text {
    height: 199px;
  }
}
@media (max-width: 575.98px) {
  .about-header .text {
    left: 5%;
    width: 90%;
  }
}
@media screen and (max-width: 380px) {
  .about-header .text {
    height: 200px;
  }
}
.about-header .text .wrapper-titles {
  min-width: 250px;
  margin: 40px 60px 41px 50px;
}
@media (max-width: 991.98px) {
  .about-header .text .wrapper-titles {
    height: 100%;
    padding: 30px;
    margin: 0;
  }
}
@media screen and (max-width: 322px) {
  .about-header .text .wrapper-titles {
    padding: 25px;
  }
}
.about-header .text .wrapper-titles .title {
  width: 100%;
  font-family: "moderat_bold", sans-serif;
  font-size: 36px;
  line-height: 43px;
  color: #001D55;
}
@media (max-width: 991.98px) {
  .about-header .text .wrapper-titles .title {
    font-size: 30px;
    line-height: 37px;
  }
}
@media (max-width: 767.98px) {
  .about-header .text .wrapper-titles .title {
    font-size: 23px;
    line-height: 30px;
  }
}
.about-header .text .wrapper-titles .subtitle {
  width: 100%;
  font-size: 25px;
  line-height: 30px;
  color: #ffffff;
}
@media (max-width: 991.98px) {
  .about-header .text .wrapper-titles .subtitle {
    font-size: 20px;
    line-height: 25px;
  }
}
@media (max-width: 767.98px) {
  .about-header .text .wrapper-titles .subtitle {
    font-size: 18px;
    line-height: 23px;
  }
}
.about-header .text .wrapper-button {
  text-align: right;
  min-width: 250px;
  height: 48.9px;
  margin-top: 1px;
}
@media (max-width: 991.98px) {
  .about-header .text .wrapper-button {
    margin: -1px 0;
  }
}
.about-header .text .wrapper-button .button {
  width: 197px;
  height: 100%;
  font-size: 20px;
  padding: 11px;
  line-height: 30px;
  color: #ffffff;
  background-color: #001D55;
  transition: 0.2s ease-in;
  display: inline-block;
  text-align: center;
}
.about-header .text .wrapper-button .button:hover {
  background-color: #5A4486;
  color: #ffffff;
  transition: 0.3s ease-in;
}
@media (max-width: 1199.98px) {
  .about-header .text .wrapper-button .button {
    width: 145px;
  }
}
.about-header .bottom-bar-upper {
  width: 100%;
  height: 17.7px;
  margin: auto;
  background-color: #FFA400;
  border-radius: 0 10px 0 0;
  opacity: 0.5;
  margin-top: -50px;
}
@media (max-width: 991.98px) {
  .about-header .bottom-bar-upper {
    margin-top: 82px;
    background-color: transparent;
  }
}
.about-header .bottom-bar-lower {
  width: 100%;
  margin: auto;
  height: 29.9px;
  background-color: #FFA400;
}
.about-header .bottom-bar-lower .slick-dots {
  width: 110px;
  position: absolute;
  bottom: 70px;
  left: 0;
  text-align: left;
  padding-bottom: 46.9px;
}
@media (max-width: 991.98px) {
  .about-header .bottom-bar-lower .slick-dots {
    display: none !important;
  }
}
.about-header .bottom-bar-lower .slick-dots li {
  background-color: #ffffff;
  border-radius: 20px;
}
.about-header .bottom-bar-lower .slick-dots li.slick-active {
  background-color: #5A4486;
}
.about-header .bottom-bar-lower .slick-dots li button {
  width: 19.7px;
  height: 19.7px;
}
.about-header .bottom-bar-lower .slick-dots li button:before {
  display: none;
}
@media (max-width: 991.98px) {
  .about-header .bottom-bar-lower {
    background-color: transparent;
  }
}

.icon.icon-search, .icon.icon-person, .icon.icon-phone, .icon.icon-location, .icon.icon-ig-gray, .icon.icon-ig, .icon.icon-fb-white, .icon.icon-fb {
  background-size: contain;
  background-repeat: no-repeat;
  color: transparent;
}

.wrapper-arrows3 .arrow-right, .wrapper-arrows3 .arrow-left, .wrapper-arrows2 .arrow-right, .wrapper-arrows2 .arrow-left, .wrapper-arrows .arrow-right, .wrapper-arrows .arrow-left {
  display: block;
  height: 20px;
  width: 12px;
  top: 50%;
  z-index: 999;
  display: block;
  position: absolute;
  cursor: pointer;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 991.98px) {
  .wrapper-arrows3 .arrow-right, .wrapper-arrows3 .arrow-left, .wrapper-arrows2 .arrow-right, .wrapper-arrows2 .arrow-left, .wrapper-arrows .arrow-right, .wrapper-arrows .arrow-left {
    display: none;
  }
}

.wrapper-arrows {
  width: 100%;
  position: relative;
}
.wrapper-arrows .arrow-left {
  left: 20px;
  background-image: url(/assets/front/img/includes/arrow-left.svg);
}
.wrapper-arrows .arrow-right {
  right: -100px;
  background-image: url(/assets/front/img/includes/arrow-right.svg);
}
@media (max-width: 1199.98px) {
  .wrapper-arrows .arrow-right {
    right: 20px;
  }
}

.wrapper-arrows2 {
  position: relative;
}
.wrapper-arrows2 .arrow-left {
  left: -20px;
  background-image: url(/assets/front/img/includes/arrow-left.svg);
}
.wrapper-arrows2 .arrow-right {
  right: -20px;
  background-image: url(/assets/front/img/includes/arrow-right.svg);
}

.wrapper-arrows3 {
  position: relative;
}
.wrapper-arrows3 .arrow-left {
  left: -60px;
  background-image: url(/assets/front/img/includes/arrow-left.svg);
}
.wrapper-arrows3 .arrow-right {
  right: -60px;
  background-image: url(/assets/front/img/includes/arrow-right.svg);
}

.lastId {
  display: none;
}

.icon {
  transition: 0.2s ease-in;
}
.icon:hover {
  transform: scale(1.2);
  transition: 0.3s ease-in;
}
.icon.icon-fb {
  width: 7.76px;
  height: 17px;
  background-image: url(/assets/front/img/includes/fb.svg);
  display: inline-block;
}
.icon.icon-fb-white {
  width: 11px;
  height: 23px;
  background-image: url(/assets/front/img/includes/fb-white.svg);
  display: inline-block;
}
@media (max-width: 991.98px) {
  .icon.icon-fb-white {
    width: 48px;
    height: 48px;
    background-size: 13px;
    background-position: center center;
  }
}
.icon.icon-ig {
  width: 30px;
  height: 25px;
  display: inline-block;
  background-image: url(/assets/front/img/includes/instagram.svg);
}
@media (max-width: 991.98px) {
  .icon.icon-ig {
    width: 48px;
    height: 48px;
    background-size: 28px;
    background-position: center center;
  }
}
.icon.icon-ig-gray {
  color: transparent !important;
  width: 19.94px;
  height: 25px;
  display: inline-block;
  background-image: url(/assets/front/img/includes/instagram-gray.svg);
}
.icon.icon-location {
  width: 19.94px;
  height: 25px;
  display: inline-block;
  background-image: url(/assets/front/img/includes/location.svg);
}
.icon.icon-phone {
  width: 19.94px;
  height: 25px;
  display: inline-block;
  background-image: url(/assets/front/img/includes/phone.svg);
}
.icon.icon-person {
  width: 19.94px;
  height: 25px;
  display: inline-block;
  background-image: url(/assets/front/img/includes/user.svg);
}
.icon.icon-search {
  background-image: url(/assets/front/img/includes/search.svg);
}
.icon.icon-search:hover {
  transform: none;
}

.erroInput {
  border: 2px solid tomato !important;
}

.about-header .container-fluid .bg {
  background-image: url("../../img/banners/sobre.png");
}
@media (max-width: 991.98px) {
  .about-header .container-fluid .bg {
    height: 230px;
  }
}
@media (max-width: 991.98px) {
  .about-header .container-fluid .bg h1 {
    left: 10%;
  }
}
@media (max-width: 767.98px) {
  .about-header .container-fluid .bg h1 {
    font-size: 30px;
    line-height: 36px;
  }
}
.about-header .bottom-bar-upper {
  margin-top: -18px;
}

.about-video {
  padding-top: 68.1px;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  .about-video {
    padding-top: 0;
  }
}
.about-video .blog-title .title, .about-video .video-title .title {
  font-size: 38px;
  line-height: 44px;
  color: #ffffff;
}
.about-video .blog-title .title .enfase, .about-video .video-title .title .enfase {
  font-family: "moderat_bold", sans-serif;
  color: #FFA400;
}
.about-video .video-frame .video {
  width: 100%;
  height: 550px;
  background-color: transparent;
  margin-top: 42.4px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../../img/home/video-placeholder.png);
  background-position: center center;
}
@media (max-width: 991.98px) {
  .about-video .video-frame .video {
    height: 435px;
  }
}
@media (max-width: 767.98px) {
  .about-video .video-frame .video {
    height: 240px;
  }
}
.about-video .video-frame .video .icon {
  width: 70px;
  height: 82px;
  display: inline-block;
  padding: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(../../img/includes/play.svg);
  background-size: cover;
  cursor: pointer;
}
@media (max-width: 767.98px) {
  .about-video .video-frame .video .icon {
    width: 34px;
    height: 40px;
    padding: 0;
    top: 55%;
    background-size: contain;
  }
}
.about-video .blog-title .title {
  margin-top: 107.1px;
}
.about-video .blog-posts {
  margin-bottom: 80px;
}
.about-video .blog-posts .post {
  float: left;
  width: 330px;
  margin: 60.2px 24.2px 0 0;
  font-family: "moderat_regular", sans-serif;
  color: #ffffff;
}
.about-video .blog-posts .post .title {
  font-family: "moderat_bold", sans-serif;
  font-size: 26px;
  line-height: 30px;
  margin: 31px 0 40px;
}
.about-video .blog-posts .post .text {
  font-size: 17px;
  line-height: 24px;
  margin-bottom: 23px;
}
.about-video .blog-posts .post a {
  font-family: "moderat_bold", sans-serif;
  font-size: 15px;
  line-height: 39.15px;
  display: block;
  width: 120px;
  height: 39.15px;
  color: #ffffff;
  background-color: #FFA400;
  border: none;
  text-align: center;
}
.about-video .blog-posts .post img {
  width: 100%;
  max-width: 100%;
}

.about-title {
  font-family: "moderat_regular", sans-serif;
  margin-top: 98.8px;
}
@media (max-width: 991.98px) {
  .about-title {
    margin-top: 40px;
  }
}
.about-title h2 {
  font-size: 26px;
  line-height: 30px;
  color: #001D55;
}
.about-title h2 .enfase {
  font-family: "moderat_bold", sans-serif;
}

.about-content {
  margin-top: 32.9px;
}
.about-content .text {
  margin-bottom: 126.2px;
}
.about-content .text p {
  font-size: 17px;
  line-height: 20px;
  color: #363636;
  margin-bottom: 25px;
}
.about-content .imgs .title {
  font-size: 38px;
  line-height: 44px;
  color: #001D55;
  margin-bottom: 25.7px;
  margin-left: 60px;
}
@media (max-width: 991.98px) {
  .about-content .imgs .title {
    margin-left: 0;
  }
}
.about-content .imgs .title .enfase {
  font-family: "moderat_bold", sans-serif;
}
.about-content .imgs .img-list {
  width: 560px;
  margin-left: 60px;
}
@media screen and (max-width: 1740px) {
  .about-content .imgs .img-list {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1199.98px) {
  .about-content .imgs .img-list {
    width: 80%;
  }
}
@media (max-width: 991.98px) {
  .about-content .imgs .img-list {
    width: 100%;
    margin-left: 0;
  }
}
.about-content .imgs .img-list .img {
  height: 374px;
  background-position: center;
  background-size: cover;
}
@media screen and (max-width: 1740px) {
  .about-content .imgs .img-list .img {
    height: 300px;
  }
}
.about-content .space {
  height: 100px;
}