@charset "UTF-8";
/***** [ DECLARAÇÕES GERAIS ] *****/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "Heebo Light", sans-serif;
}

h1, h2, h4, h5 {
  font-family: "Heebo Normal", sans-serif;
}

h3 {
  font-family: "Heebo Thin", sans-serif;
}

p {
  font-size: 1.2rem;
  text-align: justify;
}

body {
  background: #2b2b2b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0;
}

.title-padrao {
  text-transform: uppercase;
  color: #2b2b2b;
  background: #FFF212;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.title-padrao h1 {
  margin: 5px 5px 5px -5px;
  padding: 6px 6px 6px 0;
  font-size: 2.5rem;
}

.title-subtitle {
  color: #2b2b2b;
  background: rgba(255, 255, 255, 0.7);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.title-subtitle h3 {
  text-transform: uppercase;
  margin: 15px 5px;
  padding: 6px 6px 6px 0;
  font-size: 1.5rem;
}

.title-subtitle p {
  margin: 5px;
  padding: 6px 10px;
  font-size: 1.1rem;
}

.text-content {
  color: #2b2b2b;
  background: rgba(255, 255, 255, 0.7);
  margin-bottom: 15px;
}

.text-content p {
  margin: 5px;
  padding: 6px 10px;
  font-size: 1.1rem;
}

.card-white {
  color: #2b2b2b;
  background: rgba(255, 255, 255, 0.7);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  padding: 10px 20px;
}

.card-white h3 {
  line-height: 3rem;
  font-size: 2.0rem;
}

.card-white img {
  width: 7rem;
}

.card-white p {
  font-size: 1.0rem;
}

.card-white-middle {
  margin: 0 15px;
}

/***** [ FUNÇÕES ] *****/
/***** [ ESTRUTURA ] *****/
.flex-container {
  /* Elemento Pai Principal */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.content-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.article-9 {
  -webkit-box-flex: 9;
      -ms-flex: 9;
          flex: 9;
}

.article-8 {
  -webkit-box-flex: 8;
      -ms-flex: 8;
          flex: 8;
}

.article-6 {
  -webkit-box-flex: 6;
      -ms-flex: 6;
          flex: 6;
}

.article-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.article-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.article-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

/***** [ HEADER ] *****/
.main-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
  padding: 5rem 1rem 1rem 2rem;
}

.flex-container > header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
  width: 100%;
  background: url("../resources/img/bg-contato-servicos.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.welcome {
  -webkit-box-flex: 12;
      -ms-flex: 12;
          flex: 12;
  text-align: center;
  margin-top: 15%;
}

.welcome h1, .welcome h3, .welcome h5 {
  font-family: "Heebo Thin", sans-serif;
  color: #FFF212;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-height: 30vh;
  width: 100%;
  padding: 0 2rem;
}

.welcome h1 {
  font-size: 4rem;
  font-family: "Heebo Normal", sans-serif;
  line-height: 20px;
}

.welcome h3 {
  font-size: 2rem;
  line-height: 20px;
  color: #FFF;
}

.welcome h5 {
  font-size: 1.5rem;
  line-height: 20px;
  color: #FFF;
}

.welcome button {
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 25px 20px;
  color: #FFF212;
  font-family: "Heebo Normal", sans-serif;
  border: solid 3px #FFF212;
  background: transparent;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.welcome button:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  color: #FFF;
  border: solid 3px #FFF;
  background: transparent;
}

/***** [ MAIN MENU ] *****/
.main-menu {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  max-height: 30vh;
  width: 100%;
  background: rgba(43, 43, 43, 0.95);
  border-bottom: solid 2px #FFF212;
  -webkit-box-shadow: rgba(43, 43, 43, 0.9) 5px 5px 10px;
          box-shadow: rgba(43, 43, 43, 0.9) 5px 5px 10px;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
  margin-top: -75px;
  z-index: 9998;
}

.main-menu > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  width: 100%;
  height: 100%;
  margin: 0;
}

.main-menu > li {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.main-menu li {
  padding: 19vh 5vh;
  height: 100%;
}

.nav-item-bar {
  color: #FFF;
  margin-top: -3px;
}

.main-menu .menu-crea {
  color: #FFF212;
  margin-top: -3px;
}

.main-menu a, .main-menu .nav-item {
  text-decoration: none;
  color: #FFF;
  font-family: "Heebo Normal", sans-serif;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
  /* transform: scale(1.1); */
}

.navbar-nav .nav-item {
  border-top: solid 2px transparent;
  border-bottom: solid 2px transparent;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.navbar-nav .nav-item:hover {
  border-top: solid 2px transparent;
  border-bottom: solid 2px transparent;
}

.navbar-nav .nav-item:hover .nav-link {
  text-decoration: none;
  color: #FFF212;
  font-family: "Heebo Normal", sans-serif;
  -webkit-transition: 1s all ease;
  transition: 1s all ease;
}

/***** [ BOTÃO WHATSAPP ] *****/
.bt-whatsapp {
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  z-index: 9999;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  /* background: $second-color; */
  /* border-radius: 50px 50px 50px 50px; */
  /* padding: 15px 15px 10px 15px !important; */
  /* box-shadow: 2px 2px 0px 0px #116655; */
}

.bt-whatsapp:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

/***** [ SOBRE NÓS ] *****/
.main-sobre {
  background: url("../resources/img/bg-sobre-img.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  margin-top: -2rem;
  padding: 5rem 4rem;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
}

.content-adjust {
  -webkit-transform: skewY(2deg);
          transform: skewY(2deg);
}

/***** [ SERVIÇOS ] *****/
.main-servicos {
  background: url("../resources/img/bg-contato-servicos.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 5rem 4rem;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
}

.main-servicos .content-row {
  margin: 20px auto;
}

.main-servicos .title-padrao {
  color: #FFF212;
  background: transparent;
  text-align: center;
  margin: 0 auto;
}

.main-servicos .title-subtitle {
  color: white;
  background: transparent;
  margin: 0 auto;
}

.main-servicos .title-subtitle h3 {
  margin-top: -10px;
}

.main-servicos .title-padrao-galeria {
  position: absolute;
  z-index: 9999;
}

.main-servicos .title-padrao-galeria h4 {
  font: "Heebo Thin", sans-serif;
  background: #FFF212;
  margin: -18px 0 0 0;
  padding: 5px;
  font-size: 1.5rem;
}

.main-servicos .card-galeria img {
  width: 100%;
  height: 300px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-servicos .card-galeria img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

/***** [ PARCEIROS ] *****/
.main-parceiros {
  background: url("/resources/img/bg-header-white.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 5rem 4rem;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
}

.main-parceiros .content-row {
  margin: 20px auto;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-parceiros .title-padrao {
  text-transform: uppercase;
  color: #2b2b2b;
  background: #FFF212;
  text-align: right;
  margin: 0;
}

.main-parceiros .title-padrao h1 {
  margin: 5px 0px 5px -10px;
  padding: 6px 0px 5px 0px;
  font-size: 2.5rem;
  text-align: right;
  width: 98%;
}

.main-parceiros .title-subtitle {
  color: #2b2b2b;
  background: transparent;
}

.main-parceiros .title-subtitle h3 {
  font-family: "Heebo Thin", sans-serif;
  text-transform: uppercase;
  margin: 0 auto;
  padding: 10px 0 0 0;
  font-size: 1.5rem;
}

.main-parceiros .parceiro-galeria img {
  width: 50%;
  height: auto;
  border: #2b2b2b solid 3px;
  -webkit-box-shadow: #2b2b2b 2px 2px 10px;
          box-shadow: #2b2b2b 2px 2px 10px;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.main-parceiros .parceiro-galeria img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

/***** [ CONTATO ] *****/
.main-contato {
  background: url("../resources/img/bg-contato-servicos-yellow.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 5rem 4rem;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.main-contato .contato-mapa {
  margin-left: -6rem;
  padding: 10px;
  border: solid 2px #FFF !important;
}

.main-contato .title-padrao {
  text-transform: uppercase;
  color: #2b2b2b;
  background: #FFF212;
  text-align: right;
  width: 50%;
  margin: 0 0 0 50%;
}

.main-contato .title-padrao h1 {
  margin: 5px 0px 5px -10px;
  padding: 6px 0px 5px 0px;
  font-size: 2.5rem;
  text-align: right;
  width: 98%;
}

.main-contato .title-subtitle {
  color: #2b2b2b;
  background: rgba(255, 255, 255, 0.7);
  width: 70%;
  margin: 0 0 0 30%;
}

.main-contato .title-subtitle h3 {
  text-transform: uppercase;
  margin: 15px 5px;
  padding: 6px 6px 6px 0;
  font-size: 1.5rem;
}

.main-contato .text-content {
  background: transparent !important;
}

.main-contato .text-content p {
  color: #FFF;
  margin: 0;
  padding: 5px 0;
  font-size: 1.2rem;
  text-align: right;
}

.main-contato .text-content h4 {
  color: #FFF;
  margin: 0;
  padding: 0;
  font-size: 1.3rem;
  text-align: right;
}

.main-contato .card-content {
  background: rgba(255, 255, 255, 0.7);
  padding: 5px 10px;
  margin: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 9rem;
}

.main-contato .card-content h3 {
  padding: 6px 0 0 0;
  font-size: 1.5rem;
}

.main-contato .card-content img {
  width: 70px;
  height: 45px;
  margin-top: 10px;
}

.main-contato .card-content .content-center {
  margin: 0 auto;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-contato .card-content p {
  margin: 0 0;
  font-size: 1.0rem;
}

/***** [ RODAPÉ ] *****/
.footer {
  background: #2b2b2b;
  padding: 5rem 4rem 0 4rem;
  -webkit-transform: skewY(-2deg);
          transform: skewY(-2deg);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.footer .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
}

.footer .article-content {
  padding: 5px 10px;
  margin: 5px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 9rem;
}

.footer .article-content h3 {
  padding: 6px 0 0 0;
  font-size: 1.3rem;
  color: #FFF212;
}

.footer .article-content img {
  width: 70px;
  height: 45px;
  margin-top: 10px;
  color: #FFF212;
}

.footer .article-content p {
  color: #FFF;
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 1.0rem;
  text-align: center;
}

.footer .logo {
  margin: 20% 0 0 0;
}

.footer .middle {
  margin: 20% 0 0 0;
}

.footer .content-row {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/*# sourceMappingURL=style.css.map */