a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

a:focus, input:focus, button:focus, select:focus, textarea:focus {
  outline: none;
}

p {
  margin-bottom: 0;
}

.display-none {
  display: none !important;
}

body {
  background: #ece7e1;
  color: #252525;
  font-family: "Ubuntu", sans-serif;
}

body.background-dark .menu .content .light-botao .dark-botao {
  left: 5vh;
}
@media (max-width: 980px) {
  body.background-dark .menu .content .light-botao .botao {
    left: 0.7vh;
  }
}
body.background-dark .menu .content .btn-menu .circle {
  border-color: white;
}
body.background-dark .profile .img-profile {
  box-shadow: 0 0 15px -3px white;
}
body.background-dark .logo-menu .logo-ft .char-black {
  stroke: white;
}
body.background-dark .logo-menu .logo-ft .texto-logo path {
  fill: white;
}
body.background-dark .logo-menu-scroll::after {
  box-shadow: 0 0 30px -8px white;
  background: #252525;
}
body.background-dark main .elementos .content1 div {
  color: white;
}
body.background-dark main .elementos .content2 div {
  color: white;
}
body.background-dark main .content-text .name, body.background-dark main .content-text .text {
  color: white;
}
body.background-dark main .content-text .text-contato {
  color: white;
}
body.background-dark main .content-text .text-contato a:hover {
  color: white;
}
body.background-dark main .redes p {
  color: white;
}
body.background-dark main .redes .links-redes svg:hover path {
  fill: #00796f;
}
body.background-dark main .redes .links-redes svg path {
  fill: white;
}
body.background-dark main .botoes a {
  color: white;
}
body.background-dark main .botoes a svg path {
  fill: white;
}
body.background-dark main .botoes a:hover {
  color: #00796f;
}
body.background-dark main .botoes a:hover svg path {
  fill: #00796f;
}
body.background-dark .sect1-sobre .title-page {
  color: white;
}
body.background-dark .sect1-sobre .content .text {
  color: white;
}
body.background-dark .sect1-sobre .itens-repeater .content-itens .item-repeater {
  background: white;
}
body.background-dark .sect1-sobre .itens-repeater .content-itens .item-repeater .content-item .title-item {
  color: #252525;
}
body.background-dark .sect1-sobre .itens-repeater .content-itens .item-repeater .content-item .logo-item {
  filter: brightness(0) invert(0.1);
}
body.background-dark .sect1-sobre .img-perfil::before {
  background: linear-gradient(0deg, #252525 2%, transparent 34%);
}
body.background-dark .sect-projetos .content-carousel {
  position: relative;
}
body.background-dark .sect-projetos .content-carousel .custom-arrows button svg path {
  stroke: white;
}
body.background-dark .sect-projetos .content-carousel .content-projetos-nav .link-projetos p {
  color: white;
  font-weight: 300;
}
body.background-dark .sect-projetos .content-carousel .content-projetos-nav .link-projetos:hover::before {
  background: white;
  width: 100%;
}
body.background-dark .sect1-single .title-page {
  color: white;
}
body.background-dark .sect1-single .dados-produto .item-dados .title-item {
  color: white;
}
body.background-dark .sect1-single .dados-produto .item-dados .desc-item {
  color: white;
}
body.background-dark .botao-prod {
  background: white;
}
body.background-dark .botao-prod a {
  color: #252525;
}
body.background-dark .botao-prod a svg {
  filter: none;
}
body.background-dark .botao-prod a svg path {
  fill: #252525 !important;
}
body.background-dark .fundo-logo svg {
  opacity: 0.5;
}
body.background-dark .whats {
  background: #ece7e1;
}

.background-dark {
  background: #252525 !important;
}

.menu-ativo + .logo-menu .logo-ft .cls-2 {
  stroke: #252525 !important;
}
.menu-ativo + .logo-menu .logo-ft .cls-3 {
  fill: #252525 !important;
}

.menu {
  position: fixed;
  top: 4vh;
  right: 6vh;
  z-index: 1020;
  width: fit-content;
}
.menu .content {
  display: flex;
  align-items: center;
}
.menu .content .light-botao {
  background: #252525;
  width: 8vh;
  height: 3vh;
  margin-right: 3vh;
  border-radius: 100px;
  padding: 0.5vh 1vh;
  cursor: pointer;
  position: relative;
  transition: 1s;
}
.menu .content .light-botao .botao {
  width: 2vh;
  height: 2vh;
  background: white;
  border-radius: 100px;
  position: absolute;
  left: 1vh;
  transition: 1s;
}
.menu .content .btn-menu {
  position: relative;
  width: 5vh;
  height: 5vh;
  cursor: pointer;
  transition: 1s;
}
.menu .content .btn-menu .circle {
  position: absolute;
  width: 6px;
  height: 6px;
  padding: 0;
  border: 1px solid black;
  border-radius: 50%;
  transition: 1s;
}
.menu .content .btn-menu .circle#cl-1 {
  left: 0;
  top: 0;
}
.menu .content .btn-menu .circle#cl-2 {
  transform: translate(50%);
  right: 50%;
  top: 0;
}
.menu .content .btn-menu .circle#cl-3 {
  right: 0;
  top: 0;
}
.menu .content .btn-menu .circle#cl-4 {
  transform: translate(0, 50%);
  left: 0;
  bottom: 50%;
}
.menu .content .btn-menu .circle#cl-5 {
  transform: translate(50%, 50%);
  right: 50%;
  bottom: 50%;
}
.menu .content .btn-menu .circle#cl-6 {
  transform: translate(0, 50%);
  right: 0;
  bottom: 50%;
}
.menu .content .btn-menu .circle#cl-7 {
  bottom: 0;
  left: 0;
}
.menu .content .btn-menu .circle#cl-8 {
  transform: translate(50%);
  bottom: 0;
  right: 50%;
}
.menu .content .btn-menu .circle#cl-9 {
  bottom: 0;
  right: 0;
}
@media (min-width: 1200px) {
  .menu .content .btn-menu:hover .circle#cl-1, .menu .content .btn-menu:hover .circle#cl-3, .menu .content .btn-menu:hover .circle#cl-7, .menu .content .btn-menu:hover .circle#cl-9 {
    background: #252525;
    opacity: 0.6;
  }
}

.over-hidden {
  overflow: hidden !important;
}

.menu-open {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background: #96b3af;
  height: 100vh;
  padding: 20vh;
  z-index: 1019;
  width: 100%;
}
.menu-open .content-menu-open {
  display: flex;
  align-items: center;
  height: 100%;
}
.menu-open .content-menu-open .content-links {
  display: flex;
  flex-direction: column;
}
.menu-open .content-menu-open .content-links .link-menu-open {
  color: #252525;
  padding: 2vh 0;
  position: relative;
  letter-spacing: 4px;
  font-size: 30px;
  transition: 1s;
}
.menu-open .content-menu-open .content-links .link-menu-open::before {
  content: "";
  position: absolute;
  bottom: 1vh;
  width: 0;
  transition: 1s;
}
.menu-open .content-menu-open .content-links .link-menu-open:hover {
  color: white;
}
.menu-open .content-menu-open .content-links .link-menu-open:hover::before {
  content: "";
  position: absolute;
  border: 1px solid white;
  height: 1px;
  bottom: 1vh;
  width: 100%;
}
.menu-open .content-menu-open .redes {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.menu-open .content-menu-open .redes .item-redes {
  margin-bottom: 2vh;
}
.menu-open .content-menu-open .redes .item-redes p {
  color: #252525;
}
.menu-open .content-menu-open .redes .item-redes .profile-rede {
  display: flex;
  align-items: center;
  margin-top: 1vh;
}
.menu-open .content-menu-open .redes .item-redes .profile-rede p {
  color: #252525;
  transition: 1s;
}
.menu-open .content-menu-open .redes .item-redes .profile-rede svg {
  width: 3vh;
  margin-right: 1vh;
}
.menu-open .content-menu-open .redes .item-redes .profile-rede svg path {
  fill: #252525;
  transition: 1s;
}
.menu-open .content-menu-open .redes .item-redes:hover .profile-rede p {
  color: white;
}
.menu-open .content-menu-open .redes .item-redes:hover .profile-rede svg path {
  fill: white;
}

.light-clicked {
  background: white !important;
  justify-content: flex-end;
}
.light-clicked .dark-botao {
  background: black !important;
  left: 5vh !important;
}

.btn-clicked {
  transform: rotate(46deg);
}
.btn-clicked .circle {
  border: 1px solid transparent !important;
  background: #252525 !important;
}
.btn-clicked .circle#cl-1, .btn-clicked .circle#cl-3, .btn-clicked .circle#cl-7, .btn-clicked .circle#cl-9 {
  opacity: 0;
}

.logo-menu {
  position: fixed;
  right: 50%;
  transform: translate(50%);
  top: 0vh;
  padding: 2vh 7vh;
  border-radius: 0 0 15px 15px;
  z-index: 1020;
  transition: 0.5s;
}
.logo-menu::after {
  content: "";
  position: absolute;
  width: 28vh;
  height: 7vh;
  top: -15vh;
  background: #ece7e1;
  border-radius: 0 0 15px 15px;
  transform: translate(50%, 0);
  z-index: -1;
  right: 50%;
  transition: 0.5s;
}
.logo-menu .logo-ft {
  width: 24vh;
  transition: 0.5s;
}

.logo-menu-scroll::after {
  top: 0;
  box-shadow: 0 0 30px -8px #252525;
}
.logo-menu-scroll .logo-ft-scroll {
  width: 14vh;
}

.profile-menu-open {
  top: 2vh !important;
  right: 180vh !important;
  width: 10vh !important;
}
.profile-menu-open .img-profile-menu-open {
  height: 10vh !important;
}
.profile-menu-open .img-profile-menu-open:hover {
  box-shadow: 0 0 15px 0px black !important;
}

.profile {
  position: fixed;
  top: 12vh;
  right: 28vh;
  z-index: 1020;
  width: 16vh;
  transition: 1s;
}
.profile .img-profile {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 17vh;
  border-radius: 50%;
  box-shadow: 0 0 15px -3px black;
  transition: 1s;
}
.profile .img-profile:hover {
  box-shadow: 0 0 15px 2px black;
  transform: scale(1.1);
}

main {
  height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
}
main .elementos {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
@keyframes orbit {
  0% {
    transform: rotate(0deg) translateX(10px) rotate(0deg);
  }
  100% {
    transform: rotate(360deg) translateX(10px) rotate(-360deg);
  }
}
main .elementos .content1 > *,
main .elementos .content2 > * {
  transition: transform 0.5s ease-in-out;
}
main .elementos .active {
  font-size: 20px !important;
  color: #00796f !important;
}
main .elementos .content1 div {
  font-size: 8px;
  color: black;
  animation: orbit 4s linear infinite;
  transition: 1s;
}
main .elementos .content1 #ele1 {
  position: absolute;
  top: 7vh;
  left: 10vh;
}
main .elementos .content1 #ele2 {
  position: absolute;
  top: 10vh;
  left: 77vh;
}
main .elementos .content1 #ele3 {
  position: absolute;
  top: 1vh;
  right: 75vh;
}
main .elementos .content1 #ele4 {
  position: absolute;
  top: 32vh;
  left: 46vh;
}
main .elementos .content1 #ele5 {
  position: absolute;
  top: 31vh;
  right: 48vh;
}
main .elementos .content1 #ele6 {
  position: absolute;
  top: 55vh;
  left: 20vh;
}
main .elementos .content1 #ele7 {
  position: absolute;
  top: 38vh;
  left: 103vh;
}
main .elementos .content2 div {
  font-size: 8px;
  color: black;
  animation: orbit 4s linear infinite;
  transition: 1s;
}
main .elementos .content2 #ele1 {
  position: absolute;
  bottom: 2vh;
  right: 45vh;
}
main .elementos .content2 #ele2 {
  position: absolute;
  bottom: 10vh;
  left: 84vh;
}
main .elementos .content2 #ele3 {
  position: absolute;
  bottom: 9vh;
  left: 4vh;
}
main .elementos .content2 #ele4 {
  position: absolute;
  bottom: 31vh;
  right: 80vh;
}
main .elementos .content2 #ele5 {
  position: absolute;
  bottom: 31vh;
  left: 52vh;
}
main .elementos .content2 #ele6 {
  position: absolute;
  top: 23vh;
  right: 5vh;
}
main .elementos .content2 #ele7 {
  position: absolute;
  bottom: 33vh;
  right: 19vh;
}
main .elementos .content3 div {
  font-size: 8px;
  color: black;
  animation: orbit 4s linear infinite;
  transition: 1s;
}
main .elementos .content3 #ele1 {
  position: absolute;
  right: 102vh;
  top: 11vh;
}
main .elementos .content3 #ele2 {
  position: absolute;
  right: 88vh;
  top: 33vh;
}
main .elementos .content3 #ele3 {
  position: absolute;
  right: 55vh;
  top: 32vh;
}
main .elementos .content3 #ele4 {
  position: absolute;
  right: 8vh;
  top: 16vh;
}
main .elementos .content3 #ele5 {
  position: absolute;
  right: 29vh;
  top: 10vh;
}
main .elementos .content3 #ele6 {
  position: absolute;
  right: 60vh;
  top: 5vh;
}
main .elementos .content3 #ele7 {
  position: absolute;
  right: 80vh;
  top: 51vh;
}
main .elementos .content4 div {
  font-size: 8px;
  color: black;
  animation: orbit 4s linear infinite;
  transition: 1s;
}
main .elementos .content4 #ele1 {
  position: absolute;
  bottom: 17vh;
  left: 49vh;
}
main .elementos .content4 #ele2 {
  position: absolute;
  bottom: 25vh;
  left: 74vh;
}
main .elementos .content4 #ele3 {
  position: absolute;
  bottom: 44vh;
  left: 75vh;
}
main .elementos .content4 #ele4 {
  position: absolute;
  bottom: 5vh;
  left: 25vh;
}
main .elementos .content4 #ele5 {
  position: absolute;
  bottom: 25vh;
  left: 12vh;
}
main .elementos .content4 #ele6 {
  position: absolute;
  bottom: 3vh;
  left: 95vh;
}
main .elementos .content4 #ele7 {
  position: absolute;
  bottom: 36vh;
  left: 37vh;
}
main .container {
  max-width: 75%;
}
main .content-text .name {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 500;
  color: #252525;
  margin-bottom: 2vh;
  letter-spacing: 2px;
}
main .content-text .text {
  color: #252525;
}
main .content-text .text-contato {
  color: #252525;
  text-transform: uppercase;
  margin-top: 2vh;
}
main .content-text .text-contato a {
  font-weight: bold;
  color: #00796f;
  transition: 1s;
}
main .content-text .text-contato a:hover {
  color: black;
}
main .redes p {
  color: #252525;
  text-align: end;
  margin-bottom: 2vh;
}
main .redes .links-redes {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
main .redes .links-redes svg {
  width: 3vh;
  margin-right: 1vh;
}
main .redes .links-redes svg path {
  fill: #252525;
  transition: 1s;
}
main .redes .links-redes svg:hover path {
  fill: #00796f;
}
main .botoes {
  margin-top: 2vh;
  display: flex;
  justify-content: center;
}
main .botoes a {
  margin: 0 4vh;
  color: #252525;
  font-size: 22px;
  font-weight: 100;
  display: flex;
  align-items: center;
  transition: 1s;
}
main .botoes a svg {
  width: 4vh;
  position: relative;
  right: 3vh;
  transition: 1s;
}
main .botoes a svg path {
  fill: #252525;
  transition: 1s;
}
main .botoes a:hover {
  color: #00796f;
}
main .botoes a:hover svg {
  right: 2vh;
}
main .botoes a:hover svg path {
  fill: #00796f;
}

.chat {
  position: fixed;
  bottom: 4vh;
  right: 6vh;
  width: 6vh;
  z-index: 1020;
}
.chat svg {
  transition: 1s;
}
.chat svg path {
  fill: #252525;
}
.chat:hover svg {
  transform: scale(1.1) rotate(5deg);
}

.whats {
  position: fixed;
  background: #252525;
  padding: 1.5vh;
  border-radius: 10px;
  bottom: 2vh;
  opacity: 0.8;
  right: 3vh;
  width: 8vh;
  z-index: 1020;
  transition: 1s;
}
.whats svg {
  transition: 1s;
}
.whats svg path {
  fill: #00796f;
}
.whats:hover {
  opacity: 1;
}
.whats:hover svg {
  transform: scale(1.1) rotate(5deg);
}

/* End Page Home
	Page Sobre */
.page-id-10 .profile {
  top: 4vh;
  right: inherit;
  left: 6vh;
  width: 7vh;
}
.page-id-10 .profile .img-profile {
  height: 7vh;
}

.title-page {
  font-size: 25px;
  text-transform: uppercase;
  color: #252525;
  margin-bottom: 3vh;
  font-weight: 500;
}

.sub {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 3vh;
  color: #00796f;
}

.sect1-sobre {
  padding: 14vh 0;
}
.sect1-sobre .content {
  padding-left: 20vh;
}
.sect1-sobre .content .text {
  color: #252525;
  letter-spacing: 1px;
  line-height: 190%;
}
.sect1-sobre .content .itens-repeater {
  margin-top: 3vh;
}
.sect1-sobre .content .itens-repeater .content-itens {
  display: flex;
  flex-wrap: wrap;
}
.sect1-sobre .content .itens-repeater .content-itens .item-repeater {
  width: 10%;
  margin-right: 2%;
  background: #252525;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.sect1-sobre .content .itens-repeater .content-itens .item-repeater .content-item {
  padding: 1vh;
  text-align: center;
}
.sect1-sobre .content .itens-repeater .content-itens .item-repeater .content-item .title-item {
  color: white;
  font-size: 10px;
  margin-bottom: 1vh;
}
.sect1-sobre .content .itens-repeater .content-itens .item-repeater .content-item .logo-item {
  filter: brightness(0) invert(1);
  width: 50%;
  margin-bottom: 1vh;
}
.sect1-sobre .content .itens-repeater .content-itens .item-repeater .porcent .progress {
  background: #7e7b7b;
  height: 6px;
}
.sect1-sobre .content .itens-repeater .content-itens .item-repeater .porcent .progress .bg {
  background: #a50202;
}
.sect1-sobre .col-lg-4 {
  padding: 0;
}
.sect1-sobre .img-perfil {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 86vh;
  width: 100%;
  border-radius: 5px;
  opacity: 0.7;
  position: relative;
}
.sect1-sobre .img-perfil::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #ece7e1 2%, transparent 34%);
}

/* End Page Sobre
	Page Projetos */
.archive .profile {
  top: 2vh;
  left: 15vh;
  width: 10vh;
}
.archive .profile .img-profile {
  height: 10vh;
}
.archive .sect-projetos {
  padding: 10% 0 5%;
  height: 100vh;
}
.archive .sect-projetos .container {
  max-width: 75%;
}
.archive .sect-projetos .content-carousel {
  position: relative;
}
.archive .sect-projetos .content-carousel .custom-arrows .slick-arrow {
  background: transparent;
  bottom: -7vh;
  width: 74px;
}
.archive .sect-projetos .content-carousel .custom-arrows #custom-prev {
  left: inherit;
  right: 9%;
}
.archive .sect-projetos .content-carousel .custom-arrows #custom-next {
  right: 0;
}
.archive .sect-projetos .content-carousel .content-projetos-nav .link-projetos {
  position: relative;
}
.archive .sect-projetos .content-carousel .content-projetos-nav .link-projetos:before {
  content: "";
  position: absolute;
  width: 0%;
  left: 0;
  bottom: 0;
  height: 1px;
  background: #252525;
  transition: 0.5s;
}
.archive .sect-projetos .content-carousel .content-projetos-nav .link-projetos p {
  color: #252525;
  padding: 2vh 0;
  position: relative;
  letter-spacing: 4px;
  font-size: 25px;
  cursor: pointer;
  transition: 0.5s;
}
.archive .sect-projetos .content-carousel .content-projetos-nav .link-projetos.slick-current p {
  color: #00796f;
}
.archive .sect-projetos .content-carousel .content-projetos-nav .link-projetos:hover::before {
  width: 100%;
}
.archive .sect-projetos .content-projetos .img-projeto {
  background: #98c3be;
  border-radius: 20px;
  height: 60vh;
  display: flex;
  align-items: center;
}
.archive .sect-projetos .content-projetos .img-projeto img {
  width: 70%;
  height: 35vh;
  margin-bottom: 0;
  object-fit: contain;
}

/* End Page Projetos
	Page Single */
.single-projetos .profile {
  top: 15vh;
  right: 6vh;
}
.single-projetos.background-dark .logo-menu.logo-menu-scroll .logo-ft .cls-2 {
  stroke: white;
}
.single-projetos.background-dark .logo-menu .logo-ft .cls-2 {
  stroke: #252525;
}
.single-projetos.background-dark .fundo-logo svg .cls-2 {
  stroke: white;
}

.banner-produto {
  background: rgba(112, 182, 185, 0.8);
  display: flex;
  justify-content: center;
  padding: 15vh 0 12vh;
  border-radius: 0 0 20px 20px;
  margin-bottom: 4vh;
}
.banner-produto .logo-produto {
  width: 50vh;
  text-align: center;
}

.sect1-single .container {
  max-width: 78%;
}
.sect1-single .title-page {
  max-width: 60%;
  margin: auto;
  text-align: center;
}
.sect1-single .dados-produto {
  display: flex;
  max-width: 80%;
  margin: 6vh auto;
}
.sect1-single .dados-produto .item-dados {
  width: 56%;
  padding: 0 2%;
}
.sect1-single .dados-produto .item-dados:nth-child(1), .sect1-single .dados-produto .item-dados:nth-child(3) {
  width: 22%;
  padding: 0 2%;
}
.sect1-single .dados-produto .item-dados .title-item {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 1vh;
  color: #252525;
}
.sect1-single .dados-produto .item-dados .desc-item {
  font-weight: 300;
  font-size: 16px;
  color: #252525;
}

.fundo-logo svg {
  position: fixed;
  width: 100%;
  height: auto;
  filter: blur(30px);
  transform: translate(50%, 50%);
  right: 50%;
  bottom: 50%;
  z-index: -1;
  opacity: 0.3;
}

.sect-previa {
  padding: 15vh 0;
}
.sect-previa .container {
  max-width: 78%;
}
.sect-previa .content-mobile {
  padding-top: 15vh;
  text-align: center;
}
.sect-previa .content-mobile .img-mobile {
  width: 100%;
}

.botao-prod {
  position: fixed;
  background: #252525;
  border-radius: 100px;
  top: 37vh;
  right: 97vh;
  opacity: 0;
  width: 10vh;
  height: 10vh;
  transition: 1.5s;
}
.botao-prod a {
  color: white;
  font-size: 12px;
  font-weight: 500;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.botao-prod a svg {
  filter: brightness(0) invert(1);
  width: 3.5vh;
  display: block;
  margin: 0 auto 0.5vh;
  transform: rotateY(180deg);
}
.botao-prod a svg path {
  fill: white;
}

.botao-prod-scroll {
  opacity: 1;
  right: 9vh;
}

/* End Page Single
	Page Contato */
.fill-black {
  fill: black !important;
}

.contato {
  background: #252525;
}
.contato .menu .light-botao {
  display: none;
}
.contato .menu .btn-menu .circle {
  border-color: white;
}
.contato .logo-ft .cls-3 {
  fill: #00796f;
}
.contato .logo-ft .cls-2 {
  stroke: white;
}
.contato .profile {
  top: 2vh;
  left: 20vh;
  width: 10vh;
}
.contato .profile .img-profile {
  height: 10vh;
}
.contato .sect-contato {
  padding-top: 19vh;
}
.contato .sect-contato .container {
  max-width: 78%;
}
.contato .sect-contato .content-texto .title-page {
  color: white;
  font-size: 37px;
}
.contato .sect-contato .content-texto .texto {
  color: white;
  font-weight: 300;
}
.contato .sect-contato .content-texto .redes {
  margin-top: 3vh;
}
.contato .sect-contato .content-texto .redes p {
  color: white;
  margin-bottom: 1vh;
}
.contato .sect-contato .content-texto .redes .links-redes {
  display: flex;
}
.contato .sect-contato .content-texto .redes .links-redes a svg {
  width: 3vh;
  margin-right: 1vh;
}
.contato .sect-contato .content-texto .redes .links-redes a svg path {
  fill: white;
  transition: 0.5s;
}
.contato .sect-contato .content-texto .redes .links-redes a:hover svg path {
  fill: #00796f;
}
.contato .sect-contato form {
  position: relative;
}
.contato .sect-contato .campos {
  padding: 1vh 0;
}
.contato .sect-contato .campos .texto-form {
  color: white;
  font-size: 16px;
}
.contato .sect-contato .campos input, .contato .sect-contato .campos select, .contato .sect-contato .campos textarea {
  width: 100%;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4196078431);
  padding: 2vh 1vh;
  border-radius: 5px;
  color: white;
  font-weight: 300;
}
.contato .sect-contato .campos input::placeholder, .contato .sect-contato .campos select::placeholder, .contato .sect-contato .campos textarea::placeholder {
  color: white;
}
.contato .sect-contato .campos select {
  background: #252525;
}
.contato .sect-contato .campos textarea {
  height: 30vh;
  padding-right: 10vh;
}
.contato .sect-contato .botao-form input {
  position: absolute;
  bottom: 8vh;
  right: 0;
  background: white;
  padding: 1vh 3vh;
  border: none;
  border-radius: 5px;
}
.contato .whats, .contato .chat {
  background: #ece7e1;
}

@media (max-width: 980px) {
  .menu {
    top: 3vh;
    right: 3vh;
  }
  .menu .content .light-botao {
    height: 2vh;
    padding: 0.3vh 1vh;
    width: 6vh;
  }
  .menu .content .light-botao .botao {
    width: 1.5vh;
    height: 1.5vh;
    left: 0.7vh !important;
  }
  .menu .content .light-botao.light-clicked .dark-botao {
    left: 3.7vh !important;
  }
  .menu .content .btn-menu {
    width: 4vh;
    height: 4vh;
  }
  .logo-menu {
    right: 58%;
    padding: 3vh 2vh;
  }
  .logo-menu .logo-ft {
    width: 17vh;
    height: 4vh;
    object-fit: contain;
    transform: none;
    right: inherit;
    left: 12vh;
  }
  .profile {
    top: 2vh !important;
    width: 6vh !important;
    left: 2vh !important;
  }
  .profile .img-profile {
    height: 6vh !important;
  }
  .menu-open {
    padding: 9vh 6vh;
  }
  .menu-open .content-menu-open .content-links {
    margin-bottom: 3vh;
  }
  .menu-open .content-menu-open .content-links .link-menu-open {
    padding: 1vh 0;
    font-size: 22px;
  }
  .menu-open .content-menu-open .redes .item-redes p {
    font-size: 16px;
    font-weight: 500;
  }
  .menu-open .content-menu-open .redes .item-redes .profile-rede p {
    font-size: 14px;
    font-weight: 400;
  }
  .menu-open .content-menu-open .redes .item-redes .profile-rede svg {
    width: 2.5vh;
  }
  main .elementos .content1 #ele1 {
    top: 7%;
    left: 10%;
  }
  main .elementos .content1 #ele2 {
    top: 10%;
    left: 77%;
  }
  main .elementos .content1 #ele3 {
    top: 1%;
    right: 75%;
  }
  main .elementos .content1 #ele4 {
    top: 22%;
    left: 20%;
  }
  main .elementos .content1 #ele5 {
    top: 31%;
    right: 48%;
  }
  main .elementos .content1 #ele6 {
    top: 55%;
    left: 20%;
  }
  main .elementos .content1 #ele7 {
    top: 38%;
    left: 95%;
  }
  main .elementos .content2 #ele1 {
    bottom: 2%;
    right: 45%;
  }
  main .elementos .content2 #ele2 {
    bottom: 10%;
    left: 84%;
  }
  main .elementos .content2 #ele3 {
    bottom: 9%;
    left: 4%;
  }
  main .elementos .content2 #ele4 {
    bottom: 31%;
    right: 80%;
  }
  main .elementos .content2 #ele5 {
    bottom: 31%;
    left: 52%;
  }
  main .elementos .content2 #ele6 {
    top: 23%;
    right: 5%;
  }
  main .elementos .content2 #ele7 {
    bottom: 33%;
    right: 19%;
  }
  main .container {
    max-width: 90%;
  }
  main .content-text .name {
    text-align: center;
  }
  main .content .redes {
    margin-top: 5vh;
  }
  main .content .redes p {
    text-align: center;
  }
  main .content .redes .links-redes {
    justify-content: center;
  }
  main .botoes {
    margin-top: 5vh;
  }
  main .botoes a {
    margin: 0 2vh;
    font-size: 18px;
  }
  main .botoes a svg {
    width: 2vh;
    right: 2vh;
  }
  main .botoes a:hover svg {
    right: 1vh;
  }
  .title-page {
    font-size: 23px;
    margin-bottom: 2vh;
  }
  /* End Page Home
  	Page Projetos */
  .single-projetos .menu {
    padding: 1vh;
    border-radius: 10px;
    background: #ece7e1;
    top: 2vh;
  }
  .single-projetos.background-dark .menu {
    background: #252525;
  }
  .single-projetos.background-dark .logo-menu::after {
    background: #252525;
  }
  .single-projetos.background-dark .logo-menu svg .cls-2 {
    stroke: white !important;
  }
  .single-projetos .logo-menu {
    right: 60%;
    padding: 1vh 2vh;
    top: 2vh;
    border-radius: 10px;
  }
  .single-projetos .logo-menu svg {
    width: 17vh;
    height: 4vh;
    object-fit: contain;
  }
  .single-projetos .logo-menu::after {
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    background: #ece7e1;
    border-radius: 10px;
  }
  .archive .sect-projetos {
    padding: 14vh 0;
  }
  .archive .sect-projetos .container {
    max-width: 85%;
  }
  .archive .sect-projetos .container .row {
    flex-direction: column-reverse;
  }
  .archive .sect-projetos .title-page {
    font-size: 23px;
    margin-bottom: 4vh;
  }
  .archive .sect-projetos .content-carousel .custom-arrows .slick-arrow {
    width: 65px;
    bottom: inherit;
    top: -10vh;
  }
  .archive .sect-projetos .content-carousel .custom-arrows #custom-prev {
    right: 18%;
  }
  .archive .sect-projetos .content-carousel .content-projetos-nav .link-projetos p {
    padding: 0.5vh 0;
    font-size: 24px;
    letter-spacing: 3px;
  }
  .archive .sect-projetos .content-projetos .img-projeto {
    margin-bottom: 5vh;
    height: 37vh;
  }
  .archive .sect-projetos .content-projetos .img-projeto img {
    width: 65%;
    height: 17vh;
  }
  /* End Page Projetos
  	Page Sobre */
  .page-id-10 .menu {
    padding: 1vh;
    border-radius: 10px;
    background: #ece7e1;
    top: 2vh;
  }
  .page-id-10.background-dark.menu-aberto .menu .content .btn-menu .circle {
    border-color: white !important;
  }
  .page-id-10.background-dark .menu {
    background: #252525;
  }
  .page-id-10.background-dark .logo-menu::after {
    background: #252525;
  }
  .page-id-10.background-dark .logo-menu svg .cls-2 {
    stroke: white !important;
  }
  .page-id-10 .logo-menu {
    right: 60%;
    padding: 1vh 2vh;
    top: 2vh;
    border-radius: 10px;
  }
  .page-id-10 .logo-menu svg {
    width: 17vh;
    height: 4vh;
    object-fit: contain;
  }
  .page-id-10 .logo-menu::after {
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    background: #ece7e1;
    border-radius: 10px;
  }
  .sect1-sobre {
    padding: 0 0 14vh;
  }
  .sect1-sobre .row {
    flex-direction: column-reverse;
  }
  .sect1-sobre .content {
    padding-left: 0;
    padding-top: 5vh;
  }
  .sect1-sobre .content .itens-repeater .content-itens .item-repeater {
    width: 21%;
    margin: 2%;
  }
  .sect1-sobre .img-perfil {
    height: 65vh;
    border-radius: 0;
  }
  .sect1-sobre .img-perfil::before {
    background: linear-gradient(0deg, #ece7e1 5%, transparent 30%);
  }
  /* End Page Sobre
  	Page Single */
  .background-dark.menu-aberto .menu .content .btn-menu .circle {
    border-color: white !important;
  }
  .sect1-single .container {
    max-width: 87%;
  }
  .sect1-single .banner-produto .logo-produto {
    width: 28vh;
  }
  .sect1-single .title-page {
    font-size: 18px;
    max-width: 100%;
  }
  .sect1-single .dados-produto {
    max-width: 100%;
    display: block;
  }
  .sect1-single .dados-produto .item-dados {
    width: 100% !important;
    margin-bottom: 3vh;
  }
  .sect1-single .dados-produto .item-dados .title-item {
    font-size: 18px;
  }
  .fundo-logo svg {
    width: 170%;
    bottom: 46%;
  }
  .sect-previa {
    padding: 0 0 15vh;
  }
  .sect-previa .container {
    max-width: 87%;
  }
  .sect-previa .content-mobile {
    padding-top: 8vh;
  }
  .sect-previa .content-mobile .img-mobile {
    width: 100%;
  }
  .botao-prod {
    bottom: 13vh;
    top: inherit;
    width: 8vh;
    height: 8vh;
  }
  .botao-prod a {
    font-size: 10px;
  }
  .botao-prod a svg {
    width: 2.5vh;
  }
  .botao-prod.botao-prod-scroll {
    right: 2vh;
  }
  /* End Page Single 
  	Page Contato*/
  .contato .menu {
    padding: 1vh;
    border-radius: 10px;
    background: #ece7e1;
    top: 2vh;
  }
  .contato .menu .content .btn-menu .circle {
    border-color: #252525;
  }
  .contato.background-dark .menu .content .btn-menu .circle {
    border-color: #252525;
  }
  .contato.background-dark .logo-menu svg .cls-2 {
    stroke: #252525;
  }
  .contato.background-dark .logo-menu svg .texto-logo path {
    fill: #00796f;
  }
  .contato .logo-menu {
    right: 60%;
    padding: 1vh 2vh;
    top: 2vh;
    border-radius: 10px;
  }
  .contato .logo-menu svg {
    width: 17vh;
    height: 4vh;
    object-fit: contain;
  }
  .contato .logo-menu svg .cls-2 {
    stroke: #252525;
  }
  .contato .logo-menu::after {
    width: 100%;
    height: 100%;
    top: 0;
    opacity: 1;
    background: #ece7e1;
    border-radius: 10px;
  }
  .contato .sect-contato {
    padding-bottom: 10vh;
  }
  .contato .sect-contato .container {
    max-width: 87%;
  }
  .contato .sect-contato .content-texto .title-page {
    font-size: 30px;
  }
  .contato .sect-contato form {
    padding-top: 3vh;
  }
  .contato .sect-contato form .campos textarea {
    padding-right: 0;
    padding-bottom: 8vh;
  }
  .whats {
    background: #252525;
    padding: 1.2vh;
    border-radius: 10px;
    bottom: 2vh;
    right: 2vh;
  }
  .whats svg path {
    fill: #00796f;
  }
}

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