/* CSS Geral - Pools */

* {
	font-family: "Lexend", sans-serif;
}

a {
	text-decoration: unset !important;
}


ul {
	padding: 0;
	list-style-type: none;
}

mobileonly {
	display: none;
}

body {
	overflow-x: hidden;
}

body .container-fluid {
	padding: 0;
} 

a, input[type="submit"] {
	transition: all .3s !important;
}

a:hover,
input[type="submit"]:hover {
	filter: saturate(1.7) !important;
}

/*SCROLL */
*::-webkit-scrollbar {
	width: 6px;
}

*::-webkit-scrollbar-track {
	background: #c1c1c1;
}

*::-webkit-scrollbar-thumb {
	background-color: #66cef8;
	border-radius: 0px;
	border: 1px solid #54c8f7;
}

.mobileonly {
	display: none;
}

.waves {
  position:absolute;
  width: 100%;
  height:250px;
  margin-bottom:-7px; /*Fix for safari gap*/
  min-height:100px;
  max-height:250px;
  bottom: 0;
}

/* Animation */

.parallax > use {
  animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}
.parallax > use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}
.parallax > use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}
.parallax > use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}
@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}
/*Shrinking for mobile*/
@media (max-width: 768px) {
  .waves {
    height:90px;
    min-height:40px;
  }
}

.wave:nth-of-type(2) {
  top: -175px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translate3d(0,-25px,0);
  }
  50% {
    transform: translate3d(0,5px,0);
  }
}

/* Header */

img {
	max-width: 100%;
}

* {
	font-family: "Lexend", sans-serif;
}

#header-topo .cta-header,
.cta-footer .cta-header{
	 font: normal normal normal 14px / 25px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 20px;
    background: #33b9dd;
    border-radius: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.cta-footer {
	padding-top: 20px;
}

#bg-header {
	background-image: unset;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	height: auto;
}

#topline {
	background-color: #1d2942;
	padding: 0.5rem 0;
}

.contato-topline a {
	font-size: 14px;
    color: #fff;
}

.wave-header {
	display: none;
}

.home #bg-header {
	background-image: url(../imagens/home/bg-fastband.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	height: 968px;
	position: relative;
	margin-bottom: 20px;
	background-position-y: -10px;
}

.home .wave-header {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
}

.top-menu ul {
	padding: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	list-style-type: none;
}

.top-menu ul li {
	list-style-type: none;
	margin: 0.9rem;
}

#header-topo {
    box-shadow: 0px 3px 6px #00000029;
    background-color: #fff;
    padding: 20px 0;
}

.top-menu ul li a {
	color: #33b9dd;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	text-decoration: unset;
}

.top-menu ul li a:hover {
	text-decoration: unset;
}

.top-menu ul li a:after {
	content: "";
	position: absolute;
	width: 0;
	left: 0;
	top: 22px;
	height: 2px;
	transition: .3s ease-in-out;
	background-color: #33b9dd;
	border-radius: 3px;
}

.top-menu ul li a:hover:after {
	width: 100%;
}

.main-pools {
	position: relative;
}

.submenu-pools {
	position: absolute;
	left: 0;
	top: 2rem;
	opacity: 0;
	transition: .7s all;
}

.main-pools:hover .submenu-pools {
	opacity: 1;
}

.submenu-pools ul li {
	width: max-content;
	margin: 0;
    margin-right: 20px;
}

.main-pools svg {
	fill: var(--main-blue);
    margin-left: 0.3rem;
    position: relative;
    bottom: 1px;
	transition: .2s all;
}

.main-pools:hover svg {
	fill: #33b9dd;
}

.home .top-menu ul li a.home:after,
.page-template-about .top-menu ul li a.about:after,
.woocommerce .top-menu ul li a.pools:after,
.page-template-projects .top-menu ul li a.projects:after,
.page-template-resources .top-menu ul li a.resources:after,
.page-template-contact .top-menu ul li a.contact:after {
	background-color: #33b9dd;
}

.home .top-menu ul li a.home,
.page-template-services .top-menu ul li.main-services > a,
.page-template-pool-transfer .top-menu ul li.main-services > a,
.page-template-pool-installation .top-menu ul li.main-services > a,
.page-template-concrete-pool .top-menu ul li.main-services > a,
.page-template-metal-frame .top-menu ul li.main-services > a,
.page-template-custom-design .top-menu ul li.main-services > a,
.page-template-about .top-menu ul li a.about,
.woocommerce .top-menu ul li a.pools,
.page-template-projects .top-menu ul li a.projects,
.page-template-resources .top-menu ul li a.resources,
.page-template-contact .top-menu ul li a.contact,
.page-template-financing .top-menu ul li a.financing{
	font-weight: 500;
	color: #000000;
}

.sociais-header ul {
	padding: 0;
	text-align: center;
	display: flex;
	justify-content: end;
	align-items: center;
	margin-bottom: 0;
	list-style-type: none;
}

.sociais-header ul li {
	list-style-type: none;
	margin: 0.5rem;
	margin-top: 0;
    margin-bottom: 0;
}

.sociais-header ul li a img {
	filter: brightness(100);
}

.logo-header img {
	width: 200px;
}

#header-topo .sociais-header ul li a img {
	width: 16px;
}

#textos-header {
	margin-top: 10rem;
	text-align: left;
}

#textos-header h2 {
	font: normal normal 800 34px / 40px Lexend;
	letter-spacing: 0px;
	color: #fff;
	opacity: 1;
	width: 80%;
}

#textos-header h1 {
	font: normal normal normal 16px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: 60%;
	text-align: left;
	line-height: 25px;
	margin-top: 20px;
	margin-bottom: 32px;
}

#textos-header a {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 10px 20px;
	background: #1d2942;
	border-radius: 10px;
}

#textos-header a.cta-second {
	background-color: #33b9dd;
}

.brands-home ul {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 7rem;
}

.title-especialidades p {
	margin-top: 22px;
    margin-bottom: 40px;
}

.diferenciais {
	margin-top: 2rem;
	margin-bottom: 0rem;
}

.diferenciais  ul {
	display: flex;
	justify-content: space-around;
	align-items: center;
	text-align: center;
}

.diferenciais  ul li p {
	text-align: center;
	line-height: 1.5;
	margin-bottom: 0;
	color: #ffffff;
}

.diferenciais  ul li {
	padding: 2rem;
	transition: all .3s;
	height: 150px;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.cta-products {
	font: normal normal normal 14px / 25px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 70px;
    background: #1d2942;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    max-width: max-content;
    margin: auto;
    position: relative;
    bottom: 5rem;
}


.cta-products:hover {
	color: #fff;
}

.diferenciais  ul li svg {
	width: 60px;
	height: auto;
	margin-bottom: 10px;
	transition: all .3s;
}

.diferenciais ul li svg:hover {
	transform: translateY(-10px);
}

.title-especialidades {
	margin-top: 3rem;
	text-align: center;
}

.title-especialidades h3 {
	font: normal normal 700 40px / 45px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
	position: relative;
}

.has-submenu .submenu-level3 {
    display: none;
    position: absolute;
    left: 86%; /* abre ao lado do Concrete Pool */
    top: 36%;
    background: #fff;
    padding: 10px 0;
    list-style: none;
    min-width: 200px;
    z-index: 999;
    border: 1px solid #ddd;
}

/* Exibe ao passar o mouse */
.has-submenu:hover .submenu-level3 {
    display: block;
}


/* About Home */

#about-home {
	position: relative;
}

.subtitle-about {
	margin-top: 2rem;
}


#about-home .text-about h2 {
	margin-bottom: 32px;
	font: normal normal 800 60px/25px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
	position: relative;
}

#about-home .text-about p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
	width: 90%;
}

#about-home .text-about p:not(:last-child) {
	margin-bottom: 32px;
}

.carrossel-about .owl-prev {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #00000029;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translate(0, -50%);
}

.carrossel-about .owl-next {
	background: #FFFFFF 0% 0% no-repeat padding-box !important;
	box-shadow: 0px 3px 6px #00000029;
	width: 30px;
	height: 30px;
	border-radius: 100%;
	position: absolute;
	right: -6px;
	top: 50%;
	transform: translate(0, -50%);
}

.subtitle-about h3 {
	text-align: center;
	font: normal normal 800 60px/75px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
	margin-bottom: 32px;
}

.subtitle-about h3 .safety {
	color: #071A25;
}

.subtitle-about h3 .and {
	color: #1E8AA6;
}

.subtitle-about h3 .design {
	color: #33b9dd;
}

#about-home .text-about {
	padding-left: 70px;
}

.text-about h3 {
	color: #1d2942;
	font-size: 18px;
	margin-bottom: 20px;
}

#about-home .images-about img {
    animation: floatUpDown 3s ease-in-out infinite;
    height: 430px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

@keyframes floatUpDown {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

/* Choose Home */

#choose-home {
	position: relative;
	margin-top: 16rem;
	background: #1d2942;
	padding-bottom: 50px;
}

.wave-choose {
	position: absolute;
	top: -10rem;
	right: 0;
}

.title-choose h3 {
	text-align: center;
	font: normal normal 700 40px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom: 19px
}

.title-choose p {
	text-align: center;
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom: 46px;
}

#choose-home .title-especialidades p {
	max-width: 670px;
	width: 100%;
	margin: auto;
	margin-top: 18px;
	margin-bottom: 30px;
	color: #fff;
	text-align: center;
}

.card-wrapper {
	background-color: #fff;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
	padding: 35px;
	text-align: center;
	margin: 1rem;
}

.icon-card {
	margin-bottom: 18px;
}

.icon-card img {
	max-height: 38px;
}

.title-card h3 {
	color: #33b9dd;
	font-weight: 600;
	font-size: 16px;
	margin-bottom: 18px;
}

.text-card p {
    color: #373737;
    font-size: 14px;
    width: 90%;
    margin: auto;
    height: 120px;
}

#choose-home iframe {
	margin: auto;
}

/* Projects Home */

#projects-home {
	margin-top: 8rem;
	margin-bottom: 8rem;
}

#projects-home .text-about h2 {
    margin-bottom: 32px;
    font: normal normal 800 60px / 52px Lexend;
    letter-spacing: 0px;
    color: #33b9dd;
    position: relative;
}

.button-quote {
	font: normal normal normal 14px / 25px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 20px;
    background: #33b9dd;
    border-radius: 10px;
}

.button-projects {
	font: normal normal normal 14px / 25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 10px 20px;
	background: #1d2942;
	border-radius: 10px;
}

.button-quote:hover,
.button-projects:hover {
	color: #fff;
}

.buttons-projects {
	margin-top: 40px;
    display: flex;
    gap: 20px;
}

#projects-home .owl-item img {
	border-radius: 10px;
	height: 410px;
    object-fit: cover;
}

/* Contact Home */

#contact-home {
	padding-top: 3rem;
	padding-bottom: 4rem;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	background-color: #f7f7f7;
}

#contact-home .title-contact h3 {
	font: normal normal 800 60px / 60px Lexend;
    letter-spacing: 0px;
    color: #33b9dd;
    margin-bottom: 20px;
    text-align: center;
}

#contact-home .text-contact h4 {
	color: #1d2942;
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 1.6;
}

#contact-home .text-contact {
	text-align: center;
	width: 45%;
	margin: auto;
}

#contact-home .text-contact p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.contact-list ul li a {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.contact-list ul {
	margin-bottom: 0;
}

.contact-list ul li {
	margin-bottom: 20px;
}

.contact-list ul li a img {
	margin-right: 10px;
}

.form-contact {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 10px;
	width: 90%;
	padding: 30px;
	margin: auto;
}

.form-contact .row-form p{
	display: flex;
	gap: 10px;
	width: 100%;
}

.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}

.form-contact input,
.form-contact select {
	background: #F3F3F3E0 0% 0% no-repeat padding-box;
	border-radius: 10px;
	width: 100%;
	margin-bottom: 20px;
	border: unset;
	height: 40px;
	font: normal normal normal 14px/25px Lexend;
	padding-left: 10px;
}

.form-contact label {
	font: normal normal medium 16px/25px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
	margin-bottom: 4px;
}

.form-contact .row-form-submit input {
	background: #33b9dd 0% 0% no-repeat padding-box;
	border-radius: 10px;
	cursor: pointer;
	font: normal normal 600 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-bottom: 0;
	width: 100%;
	padding: 0;
}

.form-contact .content p {
	font-weight: 500;
    color: #33b9dd;
}

/* Newsletter */

.button-financing {
	font: normal normal normal 14px / 25px Lexend;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 10px 20px;
	background: #33b9dd;
	border-radius: 10px;
	font-weight: 600;
}

.button-financing:hover {
	color: #fff;
}

.text-newsletter {
	display: flex;
    align-items: center;
    justify-content: center;
}

#newsletter {
	background: #1d2942;
	box-shadow: 0px 3px 6px #00000029;
	padding: 33px;
	margin-bottom: 85px;
}

#newsletter form p {
	display: flex;
	margin-bottom: 0;
}

.text-newsletter p {
	font: normal normal normal 19px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	margin-right: 2rem;
	margin-bottom: 0;
}

.text-newsletter p span {
	font-weight: 600;
}

.form-newsletter form {
	display: flex;
	align-items: center;
	margin-bottom: 0;
}

.form-newsletter .wpcf7-response-output {
	position: absolute;
	width: 100%;
	top: 4rem;
	right: 0;
	padding: 0 !important;
	border: unset !important;
}

.form-newsletter input.wpcf7-email {
	border: unset;
	background: #f3f3f34f 0% 0% no-repeat padding-box;
	border-radius: 10px;
	margin-right: 1rem;
	padding: 11px 18px;
	color: #fff;
	height: 40px;
}

.form-newsletter form input::placeholder {
	font: normal normal normal 14px/25px Lexend !important;
	letter-spacing: 0px;
	color: #FFFFFF78;
	opacity: 0.7;
	font-style: italic !important;
}

.form-newsletter form input {
	font: normal normal normal 14px/25px Lexend;
}

.form-newsletter input.wpcf7-submit {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	background: #0FA9BA 0% 0% no-repeat padding-box;
	border-radius: 9px;
	padding: 9px 29px;
	border: unset;
	height: 40px;
	cursor: pointer;
}

/* Footer  */

.logo-footer {
	margin-bottom: 20px;
}

.description-footer p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
	width: 70%;
}

.coluna-footer h5 {
	font: normal normal bold 14px/25px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
	margin-bottom: 20px;
}

.coluna-footer ul li a {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.sitemap-footer .sociais-header ul {
	justify-content: initial;
}

.sitemap-footer .sociais-header ul li {
	margin: 0;
	margin-right: 8px;
}

.selo-footer img {
	width: 70px;
}

.logo-footer img {
	width: 230px;
}

.description-footer p {
	margin-bottom: 0;
	width: 75%;
}

.copyright-footer p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
	margin-bottom: 0;
	padding: 10px 0;
}

.copyright-footer a {
	font: normal normal bold 14px/25px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.copyright-footer {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #707070;
	margin-top: 50px;
}

/* Page About */

#page-about-top {
	margin-bottom: 80px;
}

.title-about h1 {
	margin-bottom: 32px;
	font: normal normal 800 60px/75px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
	position: relative;
}

.text-about p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
	width: 80%;
}

.map-about iframe {
	width: 100%;
	border-radius: 10px;
}

#products-about {
	background-image: url(../imagens/about/bg-pool-kid.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 80px;
}

.text-social-products h2 {
	margin-bottom: 32px;
	font: normal normal 800 60px/75px Lexend;
	letter-spacing: 0px;
	color: #fff;
}

.text-social-products p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #fff;
	margin-bottom: 32px;
}

.text-social-products a {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 10px 20px;
	background: #33b9dd0% 0% no-repeat padding-box;
	border-radius: 10px;
}

.page-template-about #about-home {
	margin-top: 60px;
	margin-bottom: 30px;
}

.page-template-about #choose-home iframe {
	width: 100%;
    border-radius: 20px;
}

.page-template-about #choose-home {
    position: relative;
    margin-top: 10rem;
    background: #33b9dd; 
}
.page-template-about .subtitle-about h3 {
	position: relative;
	top: 40px;
}

.banner-topo {
    position: relative;
    z-index: 0;
}

.banner-topo img {
	width: 100%;
}

.faixa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 10;
}

.faixa h1 {
    font-size: 52px;
    margin: auto;
    color: #fff;
    line-height: 1.2;
    font-weight: 600;
}

.breadcrumbs-wrapper {
	margin-top: 2rem;
}

.breadcrumbs-wrapper a {
	color: #000;
}

.breadcrumbs-wrapper p {
	font-size: 14px;
    font-family: 'Lexend', sans-serif;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.breadcrumbs-wrapper p span {
	font-weight: 600;
}

.page-template-contact #choose-home {
    position: relative;
    margin-top: 10rem;
    background: #33b9dd;
}

.page-template-contact iframe {
	width: 100%;
	border-radius: 20px;
}

/* Page Projects */

#bg-projects {
	background-image: url(../imagens/projects/bg-projects2.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
	background-attachment: fixed;
	height: 768px;
	position: relative;
}

.wave-projects {
	position: absolute;
	right: 0;
	bottom: 0;
}


.page-template-projects #textos-header {
	margin-top: 4rem;
}

.page-template-projects #textos-header h2 {
	mix-blend-mode: unset;
}

#cases {
	margin-top: 60px;
	margin-bottom: 80px;
}

#cases .row {
	margin-bottom: 10px;
}

#cases .text-case {
	opacity: 0;
}

.case-right .top-right,
.case-right .bottom-right {
	display: flex;
}

#cases .image-case img {
	border-radius: 5px;
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}

.case-left .image-case {
	height: 450px;
}

.case-right .image-case {
	height: 220px;
	width: 365px;
}

#cases .col-4 {
	padding-right: 10px;
}

#cases .col-8 {
	padding-left: 0px;
}

#cases h2 {
	margin-bottom: 32px;
    font: normal normal 800 40px / 25px Lexend;
    letter-spacing: 0px;
    color: #33b9dd;
    position: relative;
    text-align: center;
}

#cases h3 {
	color: #33b9dd;
    font-size: 18px;
    margin-bottom: 20px;
	text-align: center;
	font-weight: 500;
	margin-bottom: 20px;
}

#cases .text-quote-projects {
	text-align: center;
	margin-top: 50px;
}

#cases .text-quote-projects p {
	font-weight: 500;
	color: #33b9dd;
	font-size: 22px;
	margin-bottom: 20px;
	text-align: center;
}

#cases .text-quote-projects a {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 10px 20px;
	background: #33b9dd0% 0% no-repeat padding-box;
	border-radius: 10px;
}

.case-right .top-right {
	padding-bottom: 10px;
}

.case-right .top-right .case-wrapper:first-child,
.case-right .bottom-right .case-wrapper:first-child {
	padding-right: 10px;
}

#cases .image-case {
	position: relative;
}

#cases .case-wrapper {
	position: relative;
}

#cases .case-wrapper:hover .text-case {
	opacity: 1;
	transition: all 1s;
}

#cases .case-wrapper .text-case {
	position: absolute;
    bottom: 2rem;
    text-align: center;
    left: 50%;
    transform: translate(-50%);
}

#cases .case-wrapper .text-case p {
	font: normal normal normal 16px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	width: 100%;
	margin: auto;
}

#cases .image-case:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background-color: #33b9dd;
	height: 30%;
	background: linear-gradient(180deg, rgba(1, 8, 60, 0) 0%, rgb(0 150 168) 100%);
	border-radius: 5px;
}

#cases .case-wrapper:hover .image-case:after {
	height: 100%;
	transition: all 1s;
	background: linear-gradient(180deg, rgba(1, 8, 60, 0) 0%, rgb(8 40 55) 100%)
}

/* Page Contact */

.page-template-contact #contact-home {
	background-image: none;
	padding-top: 0;
	position: relative;
	margin-top: 20px;
	background-color: #fff;
}

.page-template-contact .form-contact {
	margin-left: auto;
}

/* Services */

#services .title-services h1 {
    margin-bottom: 32px;
    font: normal normal 800 60px/25px Lexend;
    letter-spacing: 0px;
    color: #223840;
    position: relative;
}

#services p {
	font: normal normal normal 14px/25px Lexend;
    letter-spacing: 0px;
    color: #404040;
}

#services .subtitle-services {
	padding-bottom: 1rem;
    border-bottom: 1px solid #11a0a8;
}

#services .right {
	padding-left: 2rem;
}

#services .left {
	padding-right: 2rem;
}

#services .right .title-service h2 {
	color: #33b9dd;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 2rem;
    letter-spacing: 1px;
    line-height: 1.4;
}

#services .left .title-service h2 {
	color: #33b9dd;
    font-weight: 600;
    font-size: 26px;
    margin-bottom: 2rem;
    letter-spacing: 1px;
    line-height: 1.4;
}

#services .row {
	justify-content: space-between;
	margin-bottom: 4rem;
	align-items: center;
}

.button-contact-service {
	text-align: center;
	margin-bottom: 3rem;
}

.text-service .button-contact-service {
	text-align: left;
}

.button-contact-service a {
	background-color: #33b9dd;
    padding: 10px 30px;
    position: relative;
    top: 20px;
    color: #fff;
    text-align: justify;
    letter-spacing: 0.2px;
    font-size: 14px;
    font-weight: 500;
	border-radius: 9px;
}

/* Pools */

.woocommerce ul.products li.product .button {
	display: none !important;
}

.filters {
	background: #F6F6F6;
	border-radius: 10px;
	width: 95%;
}

.filters>p {
	padding: 17px;
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 21px;
	color: #1B1B1B;
}

.filter-option {
	padding: 0 20px 40px;
}

.filter-option:last-child {
	padding: 0 20px 30px;
}

.filter-option .filter-title,
.filter-option .wcapf-field-title {
	font-size: 14px;
	letter-spacing: -0.14px;
	color: #1B1B1B;
	font-weight: 700;
	position: relative;
	z-index: 0;
	padding-bottom: 10px;
	margin-bottom: 18px;
}

.filter-option .filter-title::after,
.filter-option .wcapf-field-title::after {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 36px;
	height: 2px;
	background: #DEDEDE;
}

.filter-option .wcapf-layered-nav li {
	padding: 0;
	color: #757575;
	font-size: 14px;
	line-height: 16px;
	display: flex;
	align-items: center;
	gap: 5px;
}

.filter-option .wcapf-layered-nav li * {
	cursor: pointer;
	margin-bottom: 0;
}

.woocommerce .filter-option ul.products {
	margin: 0;
	display: flex;
	flex-direction: column;
}

.woocommerce .filter-option ul.products li.product {
	margin: 0;
	width: initial;
	float: unset;
}

.woocommerce .filter-option ul.products li.product+li.product,
.filter-option .wcapf-layered-nav li+li {
	margin-top: 7px;
}

.woocommerce .filter-option ul.products li.product .woocommerce-loop-category__title {
	padding: 0;
	font-size: 1.4rem;
	color: #757575;
}

.woocommerce .content-area .products ul,
.woocommerce .content-area ul.products {
	margin: 0 0 0.5rem;
}

.woocommerce-products-header__title.page-title {
	font-size: 30px;
	font-weight: 700;
	color: #33b9dd;
}

.description-pools p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.woocommerce-ordering {
	display: none;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
	float: right !important;
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.woocommerce-LoopProduct-link.woocommerce-loop-product__link h2 {
	font-weight: 600;
	color: #33b9dd;
	position: relative;
	left: 20px;
	bottom: 10px;
	width: 90%;
}

.woocommerce ul.products li.product a img {
	border-radius: 10px;
	--mask: radial-gradient(67.08px at 50% calc(100% - 90.00px), #000 99%, #0000 101%) calc(50% - 60px) 0/120px 100%, radial-gradient(67.08px at 50% calc(100% + 60.00px), #0000 99%, #000 101%) 50% calc(100% - 31px)/120px 100% repeat-x;
	-webkit-mask: var(--mask);
	mask: var(--mask);
	margin-bottom: 0 !important;
}

.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 10px;
}

.woocommerce nav.woocommerce-pagination ul {
	border: 0 !important;
	margin: 0 !important;
}

.woocommerce .woocommerce-pagination ul.page-numbers li {
	border: 0;
}

.woocommerce .woocommerce-pagination ul.page-numbers li+li {
	margin-left: 10px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	padding: 0;
	line-height: 40px;
	font-weight: 700;
	color: #1B1B1B;
	border: 1px solid #E9E9E9;
	transition: all .2s ease-in-out;
	position: relative;
	padding-top: 12px !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
	background: #33b9dd !important;
	color: #fff !important;
}

.preview-product-quote {
	padding-top: 80px;
}

.preview-product-quote .xoo-qv-plink {
	display: none !important;
}

.preview-product-quote .xoo-qv-panel.xoo-qv-panel-active {
	margin-bottom: 60px;
}

.preview-product-quote .woocommerce div.product {
	display: flex;
}

.preview-product-quote .xoo-qv-images,
.preview-product-quote .xoo-qv-summary {
	width: 50%;
}

.preview-product-quote .xoo-qv-images {
	margin-right: 30px;
}

.preview-product-quote .xoo-qv-images img {
	border-radius: 10px;
}

.preview-product-quote .woocommerce div.product .product_title {
	font-weight: 700;
	color: #33b9dd;
}

.preview-product-quote .woocommerce-product-details__short-description h3 {
	font-weight: 500;
	color: #33b9dd;
	font-size: 22px;
}

.preview-product-quote .woocommerce-product-details__short-description .size-pool {
	font-weight: 500;
	color: #071A25;
	margin-bottom: 2rem;
	position: relative;
}

.preview-product-quote .woocommerce-product-details__short-description .size-pool:after {
	content: '*Approximate Dimensions';
	position: absolute;
	left: 0;
	bottom: -1.5rem;
	font-size: 12px;
	color: #1fa902;
}

.preview-product-quote .woocommerce-product-details__short-description p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.woocommerce div.product .xoo-qv-images div.images .thumbnails {
	display: none;
}

.woocommerce-products-header {
	position: relative;
}

.quote-catalog {
	margin-bottom: 60px;
	display: none;
}

.quote-catalog h4 {
	font-weight: 700;
	color: #33b9dd;
	font-size: 2.5rem;
}

.quote-catalog p {
	font-weight: 500;
	color: #33b9dd;
	font-size: 22px;
}

.quote-catalog p:last-child {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.quote-catalog .wpcf7-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.quote-catalog .name {
	padding-right: 20px;
}

.quote-catalog .model {
	display: none;
}

.quote-catalog .name,
.quote-catalog .phone {
	width: 50%;
}

.quote-catalog .form-contact {
	width: 100%;
}

.quote-catalog .email,
.quote-catalog .model {
	width: 100%;
}

.quote-catalog .submit {
	max-height: 50px;
}

.quote-catalog .submit input {
	background: #33b9dd 0% 0% no-repeat padding-box;
    border-radius: 10px;
    cursor: pointer;
    font: normal normal 600 14px / 25px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 0;
    line-height: 0;
}



/* Page Resources */

.title-terms h2 {
	margin-bottom: 32px;
	font: normal normal 700 30px/30px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.content-terms p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.title-resources h1 {
	margin-bottom: 32px;
	font: normal normal 800 60px/60px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.title-reviews h2 {
	margin-bottom: 32px;
	font: normal normal 700 30px/30px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.reviews,
.terms {
	margin-bottom: 60px;
}

.title-faq h2 {
	margin-bottom: 32px;
	font: normal normal 700 30px/30px Lexend;
	letter-spacing: 0px;
	color: #33b9dd;
}

.faq-result p {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #404040;
}

.faq-init h3 {
	font-size: 16px;
	color: #33b9dd;
	font-weight: 500;
}

.faq-init {
	box-shadow: 0px 3px 6px #00000038;
	border-radius: 10px;
	padding-top: 20px;
	padding-left: 15px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	background-color: #f0f8ffb8;
	cursor: pointer;
	position: relative;
	padding-right: 15px;
}

.faq-init svg {
	position: absolute;
	right: 15px;
	bottom: 13px;
}

.faq-result {
	max-height: 0;
	overflow: hidden;
	transition: .6s ease-in-out;
}

.faq-wrapper.active .faq-result {
	max-height: 300px;
	overflow: hidden;
	transition: .6s ease-in-out;
	margin-top: 30px;
}

.faq-wrapper.active .faq-init svg {
	transform: rotate(180deg);
	transition: .3s ease-in-out;
}

.faq-wrapper {
	margin-bottom: 15px;
}

.content-faq {
	margin-bottom: 60px;
}

.resources-contact {
	margin-bottom: 80px;
	text-align: center;
}

.resources-contact h5 {
	font-weight: 500;
	color: #33b9dd;
	font-size: 22px;
	margin-bottom: 20px;
}

.resources-contact a {
	font: normal normal normal 14px/25px Lexend;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 10px 20px;
	background: #33b9dd0% 0% no-repeat padding-box;
	border-radius: 10px;
}

.wrapper-map iframe {
	width: 100% !important;
	margin-bottom: 0;
}

.main-services {
	position: relative;
}

.submenu-services {
	position: absolute;
	left: 0;
	top: 2rem;
	opacity: 0;
	transition: .7s all;
	z-index: 2;
}

.main-services:hover .submenu-services {
	opacity: 1;
}

.submenu-services ul li {
	width: 100%;
	margin: 0;
	text-align: left;
	z-index: 2;
	padding-left: 10px;
	padding-bottom: 0;
	padding-right: 10px;
	width: 160px;
	align-items: flex-end;
	display: flex;
	justify-content: start;
	align-items: center;
}


.submenu-services .submenu-level3 li {
	padding-bottom: 8px;
    padding-top: 6px;
}

.submenu-services ul {
	flex-direction: column;
	background-color: #fff;
	justify-content: left;
	text-align: left;
	width: 100%;
	gap: 20px;
	padding: 20px;
	padding-left: 10px;
	padding-top: 10px;
	box-shadow: 0px 0px 10px #00000033;
}

.row-form-submit p {
	margin-bottom: 0;
}

/* 404 and Thank You */

/* 404 */

.error-404.not-found,
.agradecimento-form {
	padding-top: 4rem;
	padding-bottom: 6rem;
	text-align: center;
}

.error-404.not-found h1 {
	font-size: 150px;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #33b9dd;
}


.error-404.not-found h2 {
	margin-bottom: 1rem;
}

.error-404.not-found p,
.agradecimento-form p {
	width: 50%;
	margin: auto;
}


.error-404.not-found p a {
	font-weight: 600;
	color: #33b9dd;
}

.agradecimento-form h1 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 1rem;
	color: #33b9dd;
}

#financial {
	padding: 4rem 0;
}

.subtitle-financial h3 {
    font: normal normal 800 60px/75px Lexend;
    letter-spacing: 0px;
    color: #1d2942;
    margin-bottom: 0;
}

.subtitle-financial h3 span {
	color: #33b9dd;
}

.text-financial {
	margin-bottom: 2rem;
}

.text-financial p {
	font: normal normal normal 14px/25px Lexend;
    letter-spacing: 0px;
    color: #404040;
}

.text-financial p span {
	font-weight: 600;
}

.button-financial a {
	font: normal normal normal 14px/25px Lexend;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 20px;
    background: #33b9dd0% 0% no-repeat padding-box;
    border-radius: 10px;
}

.wrapper-button-img {
	display: flex;
	justify-content: center;
	gap: 40px;
	align-items: center;
}

.img-hfs {
	width: 180px;
    position: relative;
    bottom: 3px;
}

.filters .filter-option .wcapf-filter-item-label {
	font-size: 14px;
}

.filters .filter-option .wcapf-filter-title-inner {
	font-size: 16px;
}

.download-pdf a {
	display: flex;
    align-items: center;
    gap: 10px;
    background-color: #33b9dd;
    color: #fff;
    fill: #fff;
    width: 231px;
    padding: 10px 20px;
    border-radius: 2px;
}

#resources-page {
	margin-top: 3rem;
}

.text-privacy {
	font: normal normal normal 14px / 22px Lexend;
    letter-spacing: 0px;
    color: #404040;
}

.text-privacy h2 {
	margin-top: 2rem;
    font: normal normal 800 30px / 25px Lexend;
    letter-spacing: 0px;
    color: #73cef3;
}

.text-privacy h3 {
	margin-top: 2rem;
    font: normal normal 800 22px / 18px Lexend;
    letter-spacing: 0px;
    color: #73cef3;
}

.text-privacy {
	margin-bottom: 5rem;
}

.page-template-metal-frame #banner-topo {
	background-image: url(../imgs/services/frame.jpg);
	background-position: top;
}

.page-template-concrete-pool #banner-topo {
	background-image: url(/wp-content/themes/fiberglass/assets/imagens/home/project4.jpg);
	background-position: center;
}

.page-template-custom-design #banner-topo {
	background-image: url(/wp-content/themes/fiberglass/assets/imagens/home/project1.jpg);
	background-position: center;
}

.page-template-pool-transfer #banner-topo {
	background-image: url(/wp-content/uploads/2025/07/pool-transfer.png);
	background-position: center;
}

.bg-top-services-inner {
	margin-top: 4rem;
	margin-bottom: 3rem;
}

.subtitle-service-inner h2 {
    color: #009adb;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 1rem;
	line-height: 40px;
}

.text-service-inner h3 {
	font-size: 1.8rem;
	color: #1d2942;
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: 40px;
}

.main-button a {
	font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    fill: #006cc7;
    color: #ffffff;
    background-color: #009adb;
    padding: 10px 20px;
    border-radius: 25px;
}

.img-service-inner img {
	height: 530px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.text-service-inner {
	margin-bottom: 2.5rem;
}

.text-service-inner  .cta-blue {
	margin-top: 50px;
}

.padding-right-5 {
	padding-right: 2.5rem;
}

#banner-topo {
	padding: 12rem 0;
	position: relative;
	background-size: cover;
	background-position: center;
}

.page-template-kisol-pools #banner-topo {
	background-image: url("/wp-content/themes/fiberglass/assets/imagens/pools/master/master-8.JPG");
	background-size: cover; 
	background-position-y: -35rem;
}

#banner-topo .overlay {
	background-color: #006cc7c7;
    opacity: 0.89;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}

#banner-topo h1 {
	text-align: center;
    color: #FFFFFF;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1.2em;
}

.page-template-pool-installation #banner-topo {
	background-image: url(/wp-content/uploads/2025/08/installation-pools.png);
}

.page-template-metal-frame #banner-topo {
	background-image: url(/wp-content/uploads/2025/07/metal-frame.png);
}

.parent-pageid-800 #contact-home .title-contact h3 {
    font: normal normal 800 30px / 40px Lexend;
    letter-spacing: 0px;
    color: #1d2942;
    margin-bottom: 20px;
    text-align: left;
    max-width: 80%;
}

.parent-pageid-800 #contact-home .left-contact .subtitle-contact p {
	margin-bottom: 0;
}

.parent-pageid-800 #contact-home .text-contact {
    text-align: left;
    width: 45%;
    margin: 0;
	margin-top: 14px;
}

.woocommerce div.product p.stock,
.woocommerce div.product form.cart,
.woocommerce ul.products li.product .price {
	display: none !important;
}

/* Responsive */

@media only screen and (max-width: 769px) {
	#header-topo {
		display: none;
	}

	#textos-header {
		padding-top: 8rem;
		margin-top: 0;
	}
	
	#bg-projects #textos-header {
		padding-top: 9rem;
	}

	.mobileonly {
		display: block;
	}

	#menu-mobile {
		width: 70%;
		height: 100vh;
		background-color: #ffffff;
		padding-left: 2rem;
		padding-top: 2rem;
		padding-bottom: 2rem;
		position: absolute;
		top: -1rem;
		left: -100%;
		transition-property: left;
		transition-duration: 1s;
		border-radius: 10px;
		z-index: 999;
		box-shadow: 0px 0px 12px #0000006b;
	}

	.headermob {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	}

	.logo-menumob {
		text-align: center;
	}

	#header-mob {
		position: absolute;
		top: 10px;
		width: 100%;
		left: 0;
		padding-left: 10px;
		padding-right: 10px;
		z-index: 2;
	}
	
	#header-mobile {
		background-color: #fff;
		padding: 20px 0;
		z-index: 9;
		display: block;
		box-shadow: 0px 0px 10px #00000033;
		border-radius: 10px;
	}
	
	#header-mobile .row {
		width: 100%;
		margin: auto;
	}
	
	body .banner-topo img {
		height: 250px;
		object-fit: cover;
	}
	
	.faixa {
    	top: 63%; 
	}

	.bar-menumob {
		position: absolute;
		left: 15px;
	}
	
	#textos-header h1 {
	font: normal normal normal 14px/25px Lexend; 
	}

	#textos-header h2 {
		font: normal normal 800 24px/42px Lexend;
		width: 100%;
	}
	
	#about-home .text-about {
		padding-left: 0;
		margin-top: 4rem;
	}
	
	#choose-home {
    	margin-top: 8rem; 
	}
	
	#choose-home iframe {
		width: 100%;
    	height: 198px;
	}
	
	#projects-home {
    	margin-top: 5rem;
    	margin-bottom: 4rem;
 }

	#projects-home .carrossel-about {
		margin-top: 3rem;
	}
	.nav-mob {
		padding-top: 3rem;
	}
	
	.logo-nav-mob {
		width: 70%;
	}

	.nav-mob ul li {
		margin-bottom: 1.2rem;
	}

	.nav-mob ul li a {
		color: #33b9dd!important;
		font-size: 14px;
		letter-spacing: 0;
	}
	
	#menu-mobile .sociais-header ul {
		justify-content: start;
	} 

	.contato.btn-mobile {
		margin-top: 5rem;
	}

	.logo-menu-mobile {
		position: absolute;
		top: 2rem;
	}


	.close-menu-mob {
		position: absolute;
		top: 2rem;
		right: 1.5rem;
		z-index: 2;
	}

	.close-menu-mob button {
		border: none;
		background: unset;
	}
	
	.close-menu-mob img {
		filter: contrast(0.5);
	}
	
	.diferenciais ul {
		flex-wrap: wrap;
	}

	.view-variedade {
		flex-direction: column;
	}

	.nav-variedade ul {
		display: flex;
		flex-flow: wrap;
	}

	.nav-variedade ul:after {
		display: none;
	}

	.view-variedade .nav-variedade {
		max-width: 100%;
		flex: 0 0 100%;
		padding-right: 0;
		margin-bottom: 30px;
	}

	.infos-variedade {
		padding-right: 0;
		margin-bottom: 30px;
	}

	.view-variedade .box-info-imagem-variedade {
		max-width: 100%;
		flex: 0 0 100%;
		align-items: center;
		flex-direction: column;
		margin-bottom: 0;
	}

	.nav-variedade ul li button {
		width: 100%;
		border-radius: 10px;
	}

	.nav-variedade ul li button.active {
		border-radius: 10px;
	}

	.nav-variedade ul li:not(:last-child) {
		margin-bottom: 1.5rem;
	}

	.nav-variedade ul li:not(:last-child) {
		margin-right: 1rem;
	}

	#textos-header h1 {
		width: 100%;
	}

	#about-home .text-about p {
		width: 100%;
	}

	.form-newsletter form {
		flex-direction: column;
	}

	#newsletter form p {
		display: flex;
		margin-bottom: 0;
		flex-direction: column;
		justify-content: center;
	}

	.form-newsletter input {
		margin-right: 0 !important;
		    width: 90%; 
		margin: auto !important;
	}
	
	.wpcf7-form-control-wrap {
		position: relative;
		text-align: center;
	}

	.coluna-footer {
		text-align: center;
		margin-bottom: 30px;
	}
	
	.text-newsletter p {
		margin-right: 0;
		text-align: center;
	}

	.description-footer p {
		margin: auto;
	}
	
	.subtitle-financial h3 {
		text-align: left;
		font: normal normal 800 45px/55px Lexend;
		margin-bottom: 30px;
	}
	
	.wrapper-button-img {
		flex-direction: column-reverse;
		gap: 30px;
	}

	.sitemap-footer .sociais-header ul {
		justify-content: center;
	}
	
	.text-financial p {
		text-align: left;
	}
	
	.text-contact {
		text-align: center;
	}

	.copyright-footer {
		display: flex;
		border-top: 1px solid #707070;
		margin-top: 50px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}

	.copyright-footer p:first-child {
		padding-bottom: 0;
	}

	.bar-menumob svg {
		height: 20px;
	}

	.title-choose h3 {
		text-align: center;
		font: normal normal 800 60px/60px Lexend;
	}

	.form-contact {
		width: 100%;
		padding: 10px;
	}
	
	.form-newsletter .wpcf7-response-output {
		position: relative;
		width: 100%;
		top: 0;
		right: 0;
		padding: 0 !important;
		color: #fff;
		text-align: center;
		border: unset !important;
		margin-top: 0 !important;
		font-size: 14px;
	}
	
	.form-contact .row-form-submit input {
		background: #33b9dd 0% 0% no-repeat padding-box;
		border-radius: 10px;
		cursor: pointer;
		font: normal normal 600 14px / 25px Lexend;
		letter-spacing: 0px;
		color: #FFFFFF;
		margin-bottom: 0;
		width: 35%;
		padding: 0;
		line-height: 0;
	}
	
	.wpcf7-not-valid-tip {
		font-size: 14px;
		margin-top: 10px;
	}
	
	#bg-header {
		height: auto;
	}
	
	.product-grid-list .filters {
		position: relative;
		left: 0;
		z-index: 2;
		width: 100%;
		top: 0;
		height: 0;
		overflow: hidden;
		margin-bottom: 30px;
	}
	
	.product-grid-list .filters.active {
		height: auto;
	}
	
	#filtrar-mobile {
		letter-spacing: 0px;
		color: #034159;
		border: 1px solid #034159;
		border-radius: 5px;
		padding: 5px 10px;
		background-color: #fff;
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.breadcrumb-filter {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-top: 20px;
	}
	
	.preview-product-quote .woocommerce div.product {
		flex-direction: column;
	}
	
	.preview-product-quote .xoo-qv-images, .preview-product-quote .xoo-qv-summary {
		width: 100%;
		margin-right: 0;
	}
	
	.home #bg-header {
    	height: 650px;
	}
	
	.wave-header {
		display: none !important;
	}

	.wave-mobile {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
	}
	
	#about-home .text-about h2 {
		font: normal normal 800 45px/25px Lexend;
	}
	
	.subtitle-about h3 {
		text-align: center;
		font: normal normal 800 45px/75px Lexend; 
	}
	
	.title-choose h3 {
		text-align: center;
		font: normal normal 800 45px/45px Lexend;
	}
	
	
	.title-variedade h2 {
		text-align: center;
		font: normal normal 800 45px/25px Lexend; 
	}
	
	.title-variedade p {
		margin-bottom: 30px;
	}
	
	#contact-home .title-contact h3 {
    	font: normal normal 800 45px/60px Lexend; 
		text-align: center;
		margin-top: 30px;
	}
	
	#contact-home .text-contact h4 {
		font: normal normal bold 18px/26px Lexend;
		letter-spacing: 0px;
		color: #33b9dd;
		margin-bottom: 22px;
		text-align: center;
		margin-top: 10px;
	}
	
	.contact-list {
		text-align: center;
	}
	
	#contact-home {
		padding-top: 30px;
		padding-bottom: 90px; 
	}
	
	#contact-home .text-contact {
		text-align: center;
		width: 100%; 
	}
	
	.text-newsletter {
		margin-bottom: 20px;
		flex-direction: column;
    	gap: 15px;
	}
	
	#projects-home .text-about h2 {
   		font: normal normal 800 45px / 25px Lexend; 
	}
	
	.wave-choose {
		display: none;
	}
	
	.wave-choose-mobile {
		position: absolute;
		top: 1px;
		left: 0;
		width: 100%;
		transform: translate(0%, -100%);
	}
	
		.wave-choose-mobile-bottom {
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		transform: translate(0%, 30%);
	}
	
	.submit p {
		margin-bottom: 0;
	}
	
	.logo-menumob img {
		max-width: 180px !important;
	}
	
	.text-social-products h2 {
		margin-bottom: 32px;
		font: normal normal 800 45px/50px Lexend;
		letter-spacing: 0px;
		color: #fff;
	}
	
	.title-about h1 {
		margin-bottom: 32px;
		font: normal normal 800 45px/50px Lexend;
	}
	
	.text-about p {
		font: normal normal normal 14px/25px Lexend;
		letter-spacing: 0px;
		color: #404040;
		width: 100%;
		margin-bottom: 40px;
	}
	
	.case-right .top-right, .case-right .bottom-right {
		display: flex;
		flex-direction: column;
		padding: 0;
	}
	
	.case-right .image-case {
		height: 220px;
		width: 100%;
	}
	
	.case-right .top-right .case-wrapper:first-child, .case-right .bottom-right .case-wrapper:first-child {
		padding: 0;
	}
	
	#newsletter {
		margin-bottom: 60px;
	}
	
	#cases .row {
		margin-bottom: 0;
	}
	
	.case-wrapper {
		margin-bottom: 10px;
	}
	
	.page-template-projects #textos-header {
		margin-top: 0;
	}
	
	.page-template-projects #bg-header {
		height: 0;
	}
	
	.wave-projects {
		display: none;
	}
	
	#bg-projects {
    	height: 570px; 
	}
	
	.title-resources h1 {
		font: normal normal 800 45px/50px Lexend;
		margin-top: 30px;
	}
	
	.title-faq h2 {
		font: normal normal 700 30px/40px Lexend; 
	}
	
	.content-faq {
		margin-bottom: 30px;
	}
	
	.home .subtitle-about h3 {
		margin-bottom: 0;
	}
	
	.resources-contact {
		margin-bottom: 80px;
		text-align: center;
		margin-top: 30px;
	}
	
	.page-template-contact #contact-home .row {
		flex-direction: column;
	}
		
	.page-template-contact #contact-home {
		margin-top: 60px;
	}
	
	.home #contact-home .row {
		flex-direction: column-reverse;
	}
	
	#banner-topo {
    	padding: 4rem 0; 
		padding-top: 10rem;
	}
	
	#banner-topo h1 {
		font-size: 3rem; 
	}
	
	#financial .wrapper-button-img {
        flex-direction: column-reverse;
        gap: 30px;
        flex-direction: row;
        justify-content: center;
    }
	
	#financial {
		padding: 2rem 0;
	}
	
	.parent-pageid-800 #contact-home .text-contact {
		text-align: left;
		width: 70%; 
	}

}

/* Small */ 

@media only screen and (max-width: 376px) { 
	#textos-header h2 {
		font: normal normal 800 50px/62px Lexend;
	}
	
	#textos-header h1 {
    	font: normal normal normal 14px/25px Lexend; 
	}
}

/* Screen 4k */
@media only screen and (min-width: 2040px) {
	.home .wave-header,
	.wave-choose,
	.wave-projects {
		display: none;
	}
	
	#choose-home, #about-home, #cases {
		padding-top: 80px;
	}
	
	#choose-home {
		margin-top: 4rem;
	}
}