/*
Theme Name: 30 Anos Alfacitrus
Theme URI: https://30anos.alfacitrus.com.br
Author: I9 Criações
Author URI: https://i9criacoes.com.br
Description: Tema WordPress 30 Anos de Alfacitrus
Version: 1.0
Text Domain: alfacitrus
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@font-face {
    font-family: 'Cocon';
    src: url('webfonts/cocon_regular-webfont.woff2') format('woff2'),
         url('webfonts/cocon_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root {
  --page: #F5F5F5;
  --primary: #F26F21;
  --text: #525252;
}
* {
scrollbar-color: rgb(223, 227, 232) rgb(249, 250, 251);
scrollbar-width: thin;
margin: 0px;
padding: 0px;
box-sizing: border-box;
font-family: "Montserrat", sans-serif;
}
html, body{
font-family: "Montserrat", sans-serif;
background-color:var(--page);
color:var(--text);
margin:0;
padding:0;
}
ul{
margin:0;
padding:0;
}
ul li{
padding:0;
margin:0;
list-style: none;
}
img{
max-width: 100%;
height:auto;
border:0;
outline: 0;
}
button, input, a, select{
outline: 0 !important;
border:0;
text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Cocon', sans-serif;
}
.loading__circle {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
display: none;
justify-content: center;
align-items: center;
z-index: 9999;
}
.loading__circle-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid var(--primary);
border-radius: 50%;
width: 50px;
height: 50px;
animation: loading__circle-spin 0.6s linear infinite;
}
@keyframes loading__circle-spin {
  to {
    transform: rotate(360deg);
  }
}
header.alfacitrus{
background-color:#fff;
position:fixed;
width:100%;
top:0;
left:0;
z-index:99;
box-shadow: 0 0 10px rgb(13,13,13,.2);
}
header.alfacitrus .content-header{
display:flex;
align-items:center;
justify-content:space-between;
padding: 18px 0 20px;
}
header.alfacitrus .content-header .menu-header ul.nav_menu{
display:flex;
align-items:center;
justify-content:flex-end;
}
header.alfacitrus .content-header .menu-header ul.nav_menu li:not(:last-child){
margin-right:40px;
}
header.alfacitrus .content-header .menu-header ul.nav_menu li a{
font-family: 'Cocon', sans-serif;
color:var(--texto);
transition:all .2s linear;
}
header.alfacitrus .content-header .menu-header ul.nav_menu li a:hover, header.alfacitrus .content-header .menu-header ul.nav_menu li a.active{
color:var(--primary);
}
.ellipse{
width:1000px;
height:1000px;
margin:0;
position:absolute;
z-index:1;
opacity: 0.7;
}
.ellipse:before{
content:"";
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
background-color:transparent;
background: radial-gradient(circle,rgba(242, 111, 33, 0.22) 0%, rgba(245, 245, 245, 0) 70%);	
}
main#content-page{
overflow:hidden;
}
footer.alfacitrus{
position:relative;
}
footer.alfacitrus .content-footer{
background-color:#F5F1EB;
border-radius:28px 28px 0 0;
padding:60px 60px 0;
position:relative;
z-index:3
}
footer.alfacitrus .content-footer .items_footer{
display:flex;
justify-content:space-between;
}
footer.alfacitrus .content-footer .items_footer .aba_footer.logo_rodape a img{
max-width:130px;
margin-bottom:30px;
}
footer.alfacitrus .content-footer .items_footer .aba_footer.logo_rodape h3{
font-size:18px;
max-width:200px;
}
footer.alfacitrus .content-footer .items_footer .aba_footer h2{
font-size:18px;
margin:15px 0 15px;
}
footer.alfacitrus .content-footer .items_footer .aba_footer ul li a{
font-size:15px;
color:var(--texto);
line-height:40px;
transition:all .2s linear;
}
footer.alfacitrus .content-footer .items_footer .aba_footer ul li a:hover, footer.alfacitrus .content-footer .sociais ul li a:hover{
color:var(--primary);
}
footer.alfacitrus .content-footer .sociais ul{
display:flex;
align-items:center;
gap:15px;
}
footer.alfacitrus .content-footer .sociais ul li a{
font-size:22px;
color:var(--texto);
transition:all .2s linear;
}
footer.alfacitrus .content-footer .sociais{
padding:50px 0 30px;
}
footer.alfacitrus .content-footer .copyright{
border-top:1px solid rgb(13,13,13,.1);
padding:22px;
}
footer.alfacitrus .content-footer .copyright span{
display:block;
text-align:center;
font-size:13px;
}
footer.alfacitrus .ellipse.rodape-1{
left:-300px;
bottom:-300px;
}
footer.alfacitrus .ellipse.rodape-2{
top:-500px;
right:0;
}
footer.alfacitrus .pattern-rodape{
position: absolute;
right: -180px;
bottom: -80px;
max-width: 340px;
}
footer.alfacitrus .folhas-left{
position:absolute;
right:-50px;
bottom:-70px;
}
.container{
position:relative;
z-index:5;
max-width:1260px;
}
section#topo{
padding:150px 0 60px;
position:relative;
}
section#topo h2{
font-size:46px;
line-height:52px;
text-align:center;
margin:0 auto 15px;
}
section#topo h2 span{
color:var(--primary);
font-family: 'Cocon', sans-serif;
}
section#topo p{
text-align:center;
font-size:18px;
margin:0 auto 40px;
}
.video-container {
overflow: hidden;
position: relative;
width: 100%;
height:100%;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50px;
}
.video-wrapper {
position: relative;
display: block;
width: 100%;
max-width:1000px;
margin:0 auto;
cursor: pointer;
overflow: hidden;
border-radius: 50px;
height:500px;
}
.video-cover {
display: block;
width: 100%;
height: 100%;
object-fit:cover;
}
.play-button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 120px;
height: 120px;
transition:all .4s linear;
}
.video-wrapper:hover .play-button{
transform: translate(-50%, -50%) scale(1.07);
}
section#topo .ellipse.topo{
top:-500px;
left:-500px;
}
section#topo .folhas_right{
position:absolute;
top:-40px;
right:-70px;
}
section#historia{
position:relative;
padding:60px 0;
}
.title-section h2{
text-align:center;
font-size:40px;
line-height:46px;
margin:0 auto 15px;
}
.title-section p{
font-size:18px;
text-align:center;
line-height:24px;
}
section#historia .title-section p{
max-width:400px;
margin:0 auto 40px;
}
.cards-historia{
position:relative;
max-width:1000px;
margin:0 auto;
}
.cards-historia:before{
content:"";
width:2px;
height:94%;
border:1px dashed rgb(82, 82, 82,.35);
position:absolute;
top:3%;
left:calc(50% - 20px);
transform:translatex(-50%);
}
.cards-historia .card-historia{
display:flex;
justify-content:space-between;
align-items:center;
position:relative;
}
.cards-historia .card-historia .texto:before{
content:"";
width:24px;
height:24px;
background-color:#FFC9A9;
position:absolute;
border-radius:50%;
left: -93px;
top: 0;
}
.cards-historia .card-historia.left .texto:before{
left:auto;
right:-51px;
}
.cards-historia .card-historia .texto h3{
display:flex;
align-items:flex-start;
color:var(--primary);
}
.cards-historia .card-historia .texto h3 span{
font-family: 'Cocon', sans-serif;
font-size:24px;
line-height:28px;
max-width:calc(100% - 40px);
}
.cards-historia .card-historia .texto{
width:440px;
position:relative;
}
.cards-historia .card-historia .texto p{
font-weight:300;
font-size:16px;
line-height:24px;
max-width:360px;
}
.cards-historia .card-historia .image{
width:440px;
height:300px;
display:flex;
align-items:center;
}
.cards-historia .card-historia .image img{
width:auto;
max-height:300px;
}
.cards-historia .card-historia .texto h3 .icon-sound{
width:32px;
margin-left:8px;
margin-top:-4px;
display: none;
}
.cards-historia .card-historia.right .texto{
padding-left:60px;
}
.cards-historia .card-historia.left .texto{
padding-right:60px;
}
.cards-historia .card-historia.left .image{
padding-left:60px;
}
section#historia .folhas_left{
position:absolute;
left:-70px;
top:-90px;
}
section#historia .folhas_right{
position:absolute;
right:-80px;
top:1550px;
}
section#historia .ellipse.historia-1{
top:-400px;
right:-500px;
}
section#historia .ellipse.historia-2{
top:180px;
left:-500px;
}
section#historia .ellipse.historia-3{
top:1100px;
right:-450px;
}
section#historia .ellipse.historia-4{
top:1900px;
left:-500px;
}
section#historia .ellipse.historia-5{
bottom:-300px;
right:0;
}
section#videos{
position:relative;
padding:60px 0;
}
section#videos .title-section h2{
max-width:500px
}
section#videos .title-section p{
max-width:420px;
margin:0 auto 40px;
}
.video-gallery .swiper-wrapper{
max-width:1014px;
margin: 20px auto 10px;
}
.video-gallery .video-wrapper, .video-gallery .video-wrapper .video-container iframe{
border-radius:20px;
}
.swiper-container.thumbnails {
max-width: 1014px;
margin:0 auto;
padding-bottom: 30px;
overflow: hidden;
}
.swiper-container.thumbnails .swiper-slide {
cursor: pointer;
padding: 0 7px;
}
.swiper-container.thumbnails .swiper-slide .thumb-video{
opacity: 0.6;
transition: opacity 0.3s;
border-radius: 10px;
overflow: hidden;
height: 134px;
}
.swiper-container.thumbnails .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit:cover;
}
.swiper-container.thumbnails .swiper-slide.active-thumb .thumb-video{
opacity: 1;
border: 2px solid var(--primary);
}
.swiper-scrollbar{
max-width: 1100px;
left: 50% !important;
transform: translateX(-50%);
}
.galeria-video .base-filtros{
max-width: 900px;
margin: 0 auto 60px;
}
.filtros-video {
position: relative;
display: flex;
overflow: hidden;
padding: 0;
height: 50px;
margin: 0;
}
.filtros-video .filter-video-bg {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 33.3333%;
background: rgb(255, 139, 70,.5);
border-radius: 30px;
transition: transform 0.3s ease;
z-index: 0;
}
.filter-video-btn {
position: relative;
flex: 1;
background: none;
border: none;
padding: 0 20px;
height: 100%;
font-family: 'Cocon', sans-serif;
font-size: 18px;
cursor: pointer;
border-radius: 9999px;
color: var(--text);
z-index: 1;
flex: 1 0 33.3333%;
text-align: center;
white-space: nowrap;
transition: color 0.3s ease, font-weight 0.3s ease;
}
section#galeria{
position:relative;
padding:60px 0;
}
section#galeria .title-section p{
max-width:480px;
margin:0 auto 40px;
}
.galeria{
overflow:hidden;
padding: 0;
}
.galeria .slides .swiper-slide a{
display:flex;
align-items:center;
justify-content:center;
overflow:hidden;
position:relative;
border-radius:12px;
height:640px;
cursor:pointer;
margin: -60px 0;
}
.galeria .slides .swiper-slide a::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(100deg, #f0f0f0 30%, #e0e0e0 50%, #f0f0f0 70%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;
}
.galeria .slides .swiper-slide a.loaded::before {
display: none;
}
@keyframes shimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.galeria .slides .swiper-slide a img{
width:100%;
height:100%;
object-fit:cover;
display: block;
opacity: 0;
transition: opacity 0.3s ease;
}
.galeria .slides .swiper-slide a.loaded img {
opacity: 1;
}
.galeria .slides .swiper-wrapper{
align-items:center;
}
.galeria .slides .swiper-slide{
transition: all .3s linear;
transform: scale(0.5) !important; 
z-index: 1;
}
.galeria .slides .swiper-slide.swiper-slide-prev, .galeria .slides .swiper-slide.swiper-slide-next {
transform: scale(1) !important;
z-index: 5;
}
.galeria .slides .swiper-slide.swiper-slide-prev a, .galeria .slides .swiper-slide.swiper-slide-next a {
height:393px;
}
.galeria .slides .swiper-slide.swiper-slide-next{
position:relative;
left:46px;
}
.galeria .slides .swiper-slide.swiper-slide-prev{
position:relative;
right:46px;
}
.galeria .slides .swiper-slide.swiper-slide-active {
transform: scale(1.2) !important;
z-index: 10;
}
.galeria .slides .swiper-slide.swiper-slide-active a{
height:410px;
}
.nav-galeria{
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 25px 0 0;
position: relative;
z-index:10;
}
.nav-galeria .arrow-galeria{
display:flex;
align-items:center;
justify-content:center;
background-color:#fff;
width:36px;
height:36px;
border-radius:50%;
color:rgb(82, 82, 82,.5);
font-size:18px;
cursor:pointer;
transition:all .2s linear;
}
.nav-galeria .arrow-galeria:hover{
background-color:var(--primary);
color:#fff;
opacity:0.8;
}
.base-filtros{
background: #FFFFFF;
border-radius: 30px;
padding:8px;
max-width:1200px;
margin:0 auto 45px;
}
.filtros-online{
position: relative;
display: flex;
overflow: hidden;
padding: 0;
height:50px;
margin:0;
}
.filtros-online .filter-bg{
position: absolute;
top: 0;
left: 0;
height:100%;
width: 16.6666%;
background: rgb(255, 139, 70,.5);
border-radius: 30px;
transition: transform 0.3s ease;
z-index: 0;
}
.filter-btn{
position: relative;
flex: 1;
background: none;
border: none;
padding: 0 20px;
height:100%;
font-family: 'Cocon', sans-serif;
font-size: 18px;
cursor: pointer;
border-radius: 9999px;
font-weight: 300;
color: var(--text);
z-index: 1;
flex: 1 0 16.6666%;
text-align: center;
white-space: nowrap;
transition: color 0.3s ease, font-weight 0.3s ease;
}
.box_collections {
display: grid;
grid-template-columns: 100%;
}
.do-collection__item {
opacity: 0;
transform: translateY(50px);
z-index: 0;
transition: all .3s linear;
grid-area: 1/1/2/2;
}
.do-collection__item.active {
transition-delay: .3s;
opacity: 1;
z-index: 1;
transform: translateY(0px);
}
section#depoimentos{
position:relative;
padding:60px 0;
}
section#depoimentos .title-section h2{
max-width:700px
}
section#depoimentos .title-section p{
max-width:480px;
margin:0 auto 40px;
}
.testimonial-wrapper {
overflow: hidden;
width: 100%;
padding:10px 0;
position: relative;
z-index:5;
}
.testimonial-track {
display: flex;
gap: 0 30px;
animation: scroll 40s linear infinite;
}
.testimonial-track .depoimento {
flex: 0 0 calc(100% / 4);
background: #F5F1EB;
border: 1px solid rgb(242, 111, 33,.2);
border-radius: 20px;
padding:40px 50px 30px 50px;
height: 100%;
display: flex;
flex-direction: column;
justify-content:space-between;
transition: transform 0.3s, opacity 0.3s;
}
.depoimento p{
font-size:15px;
line-height:24px;
font-weight:300;
margin:0;
padding-bottom:20px;
flex:1;
display:flex;
align-items:center;
}
.depoimento .depoente{
display:flex;
align-items:center;
}
.depoimento .depoente .image{
width:54px;
height:54px;
margin-right:15px;
}
.depoimento .depoente .image img{
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
}
.depoimento .depoente .texto{
width:calc(100% - 69px);
}
.depoimento .depoente .texto h4{
font-size:18px;
margin:0;
}
.depoimento .depoente .texto span{
display:block;
font-size:15px;
font-weight:400;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.testimonial-wrapper.paused .testimonial-track {
animation-play-state: paused;
}
section#numeros{
position:relative;
padding:60px 0;
}
section#numeros .title-section{
display:flex;
justify-content:space-between;
margin:0 auto 40px;
}
section#numeros .title-section h2{
text-align:left;
max-width:300px;
margin:0;
}
section#numeros .title-section p{
text-align:right;
max-width:350px;
margin:0;
}
section#numeros .nav-galeria{
display:none;
}
.numeros .slides{
width:calc(100% + 20px);
margin-left:-10px;
}
.numeros .slides .swiper-wrapper .swiper-slide{
padding:0 10px;
}
.numeros .slides .swiper-wrapper .numero{
background-color:#F5F1EB;
border: 1px solid rgb(242, 111, 33,.2);
border-radius:15px;
padding:25px 30px 40px;
}
.numeros .slides .swiper-wrapper .numero .icone{
width:60px;
margin:0 0 20px;
}
.numeros .slides .swiper-wrapper .numero h3{
font-size:26px;
margin:0 0 10px;
}
.numeros .slides .swiper-wrapper .numero p{
font-size:18px;
font-weight:300;
max-width:130px;
line-height:24px;
min-height:48px;
margin:0;
}
section#proposito{
position:relative;
padding:60px 0;
}
section#proposito .texto h2{
font-size: 40px;
line-height: 46px;
max-width:360px;
margin:0 0 15px;
}
section#proposito .texto p{
font-size: 18px;
text-align: left;
line-height: 24px;
max-width:310px;
}
section#proposito .propositos{
display:flex;
align-items:stretch;
flex-wrap:wrap;
gap:60px 25px;
}
section#proposito .propositos .proposito{
width:calc(50% - 14px);
}
section#proposito .propositos .proposito .icone{
width:36px;
height:36px;
display:flex;
align-items:center;
justify-content:center;
margin:0 0 15px;
}
section#proposito .propositos .proposito .text h3{
font-size:22px;
max-width:290px;
}
section#proposito .propositos .proposito:last-child .text h3{
max-width:200px;
}
section#proposito .propositos .proposito .text p{
font-size:16px;
font-weight:300;
max-width:310px;
line-height:26px;
}
section#pilares{
position:relative;
padding:60px 0 30px;
}
section#pilares .title-section h2{
max-width:500px
}
section#pilares .title-section p{
max-width:520px;
margin:0 auto 40px;
}
.pilar{
display:flex;
align-items:center;
background-color:#F5F1EB;
border: 1px solid rgb(242, 111, 33,.2);
border-radius:20px;
padding:30px;
margin:0 auto 30px;
}
.pilar .image{
width:50%;
}
.pilar:nth-of-type(3){
flex-direction:row-reverse;
}
.pilar .text{
padding-left:80px;
width:50%;
}
.pilar:nth-of-type(3) .text{
padding-right:0px;
padding-left:40px;
}
.pilar .text h2{
font-size:28px;
margin:0 0 15px;
}
.pilar ul li{
position:relative;
padding-left:30px;
line-height:32px;
font-size:16px;
}
.pilar ul li:before{
content:'';
width:20px;
height:20px;
position:absolute;
left:0;
top:50%;
transform:translatey(-50%);
background-image:url('images/pin.png');
background-size:100%;
}
section#contato{
position:relative;
padding:60px 0;
}
section#contato .texto-contato h2{
font-size: 40px;
line-height: 46px;
max-width:400px;
margin:0 0 15px;
}
section#contato .texto-contato p{
font-size: 18px;
text-align: left;
line-height: 24px;
max-width:400px;
}
.input-form{
display:flex;
align-items:flex-start;
background-color:#F5F1EB;
border: 1px solid rgb(242, 111, 33,.2);
border-radius:10px;
margin:0 0 15px;
padding:0 10px;
}
.input-form i{
width:18px;
height:50px;
font-size:18px;
opacity:0.5;
display:flex;
align-items:center;
justify-content:center;
}
.input-form input, .input-form textarea{
width:100%;
flex:1;
background-color:transparent;
color:var(--texto);
font-size:16px;
padding:5px 10px;
height:50px;
border:0;
outline:none;
}
.input-form textarea{
resize:none;
height:120px;
padding:10px 10px;
}
.area-submit{
text-align:center;
padding-top:20px;
}
.btn-enviar-form{
background: linear-gradient(-90deg,rgba(255, 167, 115, 1) 0%, rgba(242, 111, 33, 1) 100%);
font-family: 'Cocon', sans-serif;
color:#fff;
font-size:18px;
border-radius:50px;
width:300px;
height:54px;
transition:all .2s linear;
}
.btn-enviar-form:hover{
background: linear-gradient(90deg,rgba(255, 167, 115, 1) 0%, rgba(242, 111, 33, 1) 100%);
}
.ellipse.numeros{
right:-460px;
top:-460px;
}
.ellipse.contato{
left:-500px;
top:-500px;
}
.pattern-contato{
position:absolute;
bottom:-590px;
left:-120px;
max-width:400px;
}
#pilares .folhas-left{
position:absolute;
right:-70px;
top:-20px;
z-index:6;
}
.ellipse.pilares-1{
left:-500px;
top:-300px;
}
.ellipse.pilares-2{
right:-500px;
top:700px;
}
.ellipse.proposito-1{
left:-500px;
top:-530px;
}
.ellipse.proposito-2{
right:-500px;
top:-100px;
}
.pattern-proposito{
position:absolute;
top:300px;
left:-120px;
max-width:400px;
}
#depoimentos .folhas-right{
position:absolute;
right:-55px;
top:-160px;
}
.ellipse.depoimentos{
top:-400px;
left:-500px;
}
.ellipse.galeria{
top:-550px;
right:-500px;
}
.ellipse.videos{
top:-100px;
left:-500px;
}
#videos .folhas-left{
position:absolute;
left:-60px;
top:-110px;
}
.area-befores{
max-width:1290px;
margin:0 auto;
position:relative;
}
.seta {
display: none;
}
.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-scrollbar-galeria{
height:8px !important;
max-width:1000px;
margin:0 auto;
}
.swiper-scrollbar-drag, .swiper-scrollbar-galeria .swiper-scrollbar-drag{
background-color:#FFC9A9 !important;
}

@media(max-width:1500px){
section#topo {
padding: 100px 0 60px;
}
.testimonial-track .depoimento {
flex: 0 0 calc(100% / 3);
}	
	
}

@media(max-width:992px){
.container{
padding:0 20px;
}
.menu_mobile {
width: 27px;
height: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
.menu_mobile span {
display: block;
width: 27px;
height: 3px;
background-color: #5B5B5F;
border-radius: 2px;
transition: all 0.3s ease;
}
.menu_mobile.active span:nth-child(1) {
transform: translateY(8.5px) rotate(45deg);
}
.menu_mobile.active span:nth-child(2) {
opacity: 0;
}
.menu_mobile.active span:nth-child(3) {
transform: translateY(-8.5px) rotate(-45deg);
}
.mobile-menu{
position: absolute;
width: 100vw;
height: 100vh;
left: 0;
top: 100%;
visibility: hidden;
max-height: 0;
z-index: 50;
opacity: 0;
color: var(--texto);
font-size: 18px;
transform: scale(0.9);
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out, visibility 0.25s ease-in-out, max-height 0s linear 0.25s;
will-change: transform;
}	
.mobile-menu[aria-hidden="false"] {
opacity: 1;
visibility: visible;
transform: scale(1);
transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear;
max-height: calc(100vh - 78px);
top: 100%;
}	
.mobile-menu .icon--nav-triangle-borderless {
position: absolute;
bottom: 100%;
right: 26px;
width: 18px;
height: 8px;
z-index: 1;
}	
.mobile-menu__inner {
position: relative;
max-width: 100vw;
height: 100%;
overflow: hidden;
}	
.mobile-menu__panel {
position: relative;
height: 100%;
background: #f4f4f4;
overflow-y: auto;
overflow-x: hidden;
-ms-scroll-chaining: none;
overscroll-behavior: none;
-webkit-overflow-scrolling: touch;
transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1), visibility 500ms cubic-bezier(0.23, 1, 0.32, 1);
}	
.mobile-menu__section:not(:last-child) {
border-bottom: 1px solid #ccc;
}
.mobile-menu__section {
padding: 16px 20px;
}	
.mobile-menu__section ul.mobile-menu__nav li a{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 10px 0 10px 0;
background-color: transparent;
color:var(--text);
font-family: 'Cocon', sans-serif;
}	
.mobile-menu__section ul.mobile-menu__nav li a.active{
color:var(--primary);
}	
.mobile-menu .sociais ul{
display:flex;
align-items:center;
}
.mobile-menu .sociais ul li:not(:last-child){
margin-right:8px;
}
.mobile-menu .sociais ul li a{
display:flex;
align-items:center;
justify-content:center;
width:36px;
height:36px;
background-color:var(--primary);
border-radius:50%;
color:#fff;
font-size:18px;
transition:all .2s linear;
}
.content-header a.logo{
max-width:150px;
}
header.alfacitrus .content-header {
padding: 13px 0 15px;
}
section#topo h2 {
font-size: 32px;
line-height: 36px;
}
section#topo p {
margin: 0 auto 30px;
max-width: 280px;
}
.video-wrapper {
border-radius: 20px;
height: 210px;
}
.video-container iframe{
border-radius: 20px;
}
.play-button{
width:70px;
height:70px;
}
section#topo .folhas_right {
position: absolute;
top: 390px;
right: -40px;
max-width: 200px;
}
section#topo {
padding: 110px 0 60px;
}
section#historia .folhas_left {
position: absolute;
left: -60px;
top: -535px;
max-width: 140px;
}
.title-section h2 {
font-size: 30px;
line-height: 34px;
margin: 0 auto 15px;
}

.cards-historia .card-historia {
flex-direction: column-reverse;
padding:30px 0;
}
.cards-historia .card-historia.left{
flex-direction: column;
}
.cards-historia .card-historia .image {
width: 100%;
height: auto;
margin: 0 0 30px;
}
.cards-historia .card-historia .image img{
width:auto;
height:220px;
object-fit: cover;
}
.cards-historia .card-historia.right .texto, .cards-historia .card-historia.left .texto {
padding: 0;
width: 100%;
margin: 0 0 10px;
}
.cards-historia .card-historia.left .image{
padding:0;
}
.cards-historia .card-historia .texto h3 span {
font-size: 20px;
line-height: 24px;
max-width: calc(100% - 40px);
}
.cards-historia .card-historia .texto p {
font-weight: 300;
font-size: 15px;
line-height: 22px;
max-width: 360px;
}
.cards-historia{
padding-left:60px;
padding-top:20px;
padding-bottom: 5px;
}
.cards-historia::before {
height: 100%;
top: 0;
left: 20px;
transform: translatex(-50%);
}
.cards-historia .card-historia .texto::before {
content: "";
width: 20px;
height: 20px;
border-radius: 50%;
left: -50px;
top: 0;
}
.cards-historia .card-historia.left .texto::before {
left: -50px;
right: auto;
}
section#historia .title-section p {
max-width: 400px;
margin: 0 auto 10px;
}
.historia-wrapper {
position: relative;
width: 100%;
margin: 0 auto;
overflow: hidden;
transition: height 0.3s ease;
}
.cards-historia .card-historia {
display: flex;
opacity: 0;
transition: all 0.4s linear;
pointer-events: none;
transform:translatey(100px);
}
.cards-historia .card-historia.active {
opacity: 1;
pointer-events: auto;
transform:translatey(0);
}
.seta {
position: absolute;
left: 3px;
background: #fff;
color: var(--texto);
border: none;
border-radius: 50%;
width: 34px;
height: 34px;
cursor: pointer;
font-size: 20px;
z-index: 10;
opacity: 0.9;
display: flex;
align-items: center;
justify-content: center;
}
.seta:hover{
background-color:#FFC9A9;
color:#fff;
}
.seta-up{
top: 0px;
}
.seta-down{
bottom: 0px;
}
section#videos {
position: relative;
padding: 35px 0;
}
section#videos .folhas_right{
position: absolute;
max-width: 200px;
top: -110px;
right: -60px;
}	
.swiper-container.thumbnails .swiper-slide .thumb-video{
height:60px;
}	
.select2.select2-container{
width:100% !important;
}
.select2-search.select2-search--dropdown{
display:none;
}
.select2-hidden-accessible{
display: none;
}
.select2-selection__rendered{
width: 100%;
line-height: 150%;
transition: box-shadow .15s ease,border-color .15s ease;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-clip: padding-box;
display: flex;
align-items: center;
font-family: 'Cocon', sans-serif;
flex-wrap:wrap;
padding:5px 10px;
font-size:18px;
background-color: transparent;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(91,91,95,1)'%3E%3Cpath d='M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z'%3E%3C/path%3E%3C/svg%3E");
background-repeat:no-repeat;
background-size:30px;
background-position:center right;
cursor:pointer;
height:40px;
}
.select2-selection[aria-expanded="true"] .select2-selection__rendered{
border-color:var(--primary);
}
.select2-selection__rendered li{
height: 100%;
display: flex;
align-items: center;
}
.select2-selection__rendered li.select2-selection__choice{
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
background-color: var(--primary);
color: #fff;
font-family: 'Cocon', sans-serif;
padding: 0 10px 3px 6px;
border-radius: 20px;
height: 22px;
line-height: 1;
font-size: 14px;
}
.select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove{
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
width: 14px;
height: 14px;
padding-bottom: 1px;
cursor: pointer;
}
.select2 + .select2-container{
width:100%;
z-index:99;
transform: translatey(7px);
}
.select2-dropdown{
display: flex;
border: 0;
border-radius: .5rem;
background-color: #fff;
overflow: hidden;
box-shadow: 0 0 15px rgba(13, 13, 13, 0.1);
padding: 10px 10px;
}
.select2-dropdown .select2-results{
overflow: auto;
max-height: 240px;
}
.select2-dropdown .select2-results, .select2-dropdown .select2-results ul{
width:100%;
}
.select2-dropdown .select2-results ul li{
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
font-weight: 400;
font-family: 'Cocon', sans-serif;
border-radius: 0.5rem;
background-color: transparent;
margin-bottom: 3px;
}
.select2-dropdown .select2-results ul li.select2-results__option.select2-results__option--highlighted{
background-color: var(--primary);
color:#fff;
font-weight:500
}
.select2-dropdown .select2-results ul li.select2-results__option[aria-selected="true"]{
background-color:var(--primary);
color:#fff;
opacity:0.4;
pointer-events:none;
}
.select2-selection__placeholder{
color:var(--text);
}	
.galeria-video .base-filtros{
position:relative;
padding: 5px 15px;
margin: 0 auto 30px;
}	
section#galeria {
position: relative;
padding: 30px 0;
}	
.galeria .slides .swiper-slide.swiper-slide-active a {
height: 220px;
opacity:1;
}	
.galeria .slides .swiper-slide.swiper-slide-prev a, .galeria .slides .swiper-slide.swiper-slide-next a {
height: 200px;
opacity:1;
}	
.galeria .slides .swiper-slide a{
height:395px;
opacity:0;
}	
.galeria .slides .swiper-slide.swiper-slide-prev {
position: relative;
right: 26px;
}	
.galeria .slides .swiper-slide.swiper-slide-next {
position: relative;
left: 26px;
}	
.base-filtros{
margin:0 auto 30px;
padding: 5px 15px;
}	
section#galeria .folhas-left{
position: absolute;
max-width: 200px;
left: -74px;
top: -110px;
}	
.swiper-scrollbar-galeria{
margin-top:25px;
background-color:rgba(0,0,0,.1);
max-width:100%;
overflow:hidden;
border-radius:20px;
}	
section#depoimentos .folhas-left{
position: absolute;
max-width: 170px;
top: -130px;
right: -40px;
}
.slides-depo{
overflow:hidden;
}
.slides-depo .depoimento {
background: #F5F1EB;
border: 1px solid rgb(242, 111, 33,.2);
border-radius: 20px;
padding: 20px 20px 20px 20px;
height: 100%;
display: flex;
flex-direction: column;
justify-content:space-between;
transition: transform 0.3s, opacity 0.3s;
}	
.depoimento .depoente .image{
width:50px;
height:50px;
margin-right:10px;
}	
.depoimento .depoente .texto {
width: calc(100% - 60px);
}	
.depoimento .depoente .texto h4 {
font-size: 16px;
}	
.depoimento .depoente .texto span {
font-size: 14px;
line-height: 18px;
}	
.depoimento p {
font-size: 14px;
line-height: 24px;
font-weight: 400;
}	
section#numeros .folhas-right{
position: absolute;
max-width: 180px;
top: -145px;
left: -50px;
}	
section#numeros .title-section{
flex-direction:column;
}	
section#numeros .title-section h2 {
text-align: center;
max-width: 300px;
margin: 0 auto 15px;
}	
section#numeros .title-section p{
text-align:center;
}	
section#numeros .nav-galeria {
display: flex;
}	
.numeros .slides .swiper-wrapper .numero {
padding: 25px 30px 40px;
max-width: 310px;
margin: 0 auto;
}	
.numeros .slides .swiper-wrapper .numero .icone {
width: 60px;
margin: 0 auto 20px;
}	
.numeros .slides .swiper-wrapper .numero h3 {
font-size: 26px;
margin: 0 0 10px;
text-align: center;
}	
.numeros .slides .swiper-wrapper .numero p {
max-width: 100%;
text-align: center;
}	
section#proposito .texto h2, section#contato .texto-contato h2 {
font-size: 30px;
line-height: 34px;
margin: 0 auto 15px;
text-align: center;
}
section#proposito{
padding-top:20px;
}
section#proposito .texto p {
font-size: 18px;
text-align: center;
line-height: 24px;
max-width: 310px;
margin: 0 auto 40px;
}	
.slides-proposito .slides{
overflow:hidden;
}	
.slides-proposito .slides .proposito{
background-color: #F5F1EB;
border: 1px solid rgb(242, 111, 33,.2);
border-radius: 15px;
padding: 30px 20px;
display: flex;
}	
.slides-proposito .slides .proposito .icone{
width: 38px;
margin-right: 12px;
}	
.slides-proposito .slides .proposito .text{
max-width: calc(100% - 50px);
}	
.slides-proposito .slides .proposito .text h3{
font-size: 22px;
margin: 0 0 10px;
}	
.slides-proposito .slides .proposito .text p{
font-size:15px;
margin:0;
}	
.pattern-proposito {
position: absolute;
top: 315px;
left: auto;
max-width: 330px;
right: -163px;
transform: rotateY(180deg);
}	
#pilares .folhas-left{
display:none;
}	
section#pilares{
padding-top:20px;
}	
.pilar {
padding: 20px 20px 15px;
margin: 0 auto 30px;
flex-direction: column;
}	
.pilar .image {
width: 100%;
margin-bottom: 15px;
}	
.pilar .accordion-item{
width: 100%;
padding: 5px 10px;
}	
.pilar .accordion-item .title{
display: flex;
align-items: center;
justify-content: space-between;
}	
.pilar .accordion-item .title span{
font-family: 'Cocon', sans-serif;
font-size: 20px;
}
.pilar .accordion-item .title .icon{
transition:all .2s linear;
}
.pilar .accordion-item .title[aria-expanded="true"] .icon{
transform:rotate(180deg);
}
.pilar:nth-of-type(3) {
flex-direction: column;
}	
.pilar ul li {
position: relative;
line-height: 20px;
font-size: 15px;
padding: 10px 0 10px 25px;
}	
.pilar ul li::before {
width: 16px;
height: 16px;
}	
section#contato .texto-contato p {
font-size: 18px;
text-align: center;
line-height: 24px;
max-width: 400px;
margin:0 auto 40px;
}	
.pattern-contato {
position: absolute;
bottom: -70px;
left: -220px;
max-width: 385px;
}	
footer.alfacitrus .content-footer .items_footer{
flex-direction:column;
}	
footer.alfacitrus .content-footer {
background-color: #F5F1EB;
border-radius: 20px;
padding: 30px 25px 0;
margin: 0 0 20px;
}	
footer.alfacitrus .content-footer .items_footer .aba_footer.logo_rodape a img {
max-width: 100px;
margin-bottom: 30px;
}	
footer.alfacitrus .folhas-left.folha1{
max-width: 180px;
right: -60px;
bottom: 720px;
transform: rotateY(-180deg);
}	
footer.alfacitrus .folhas-left.folha2 {
position: absolute;
right: auto;
bottom: 10px;
left: -105px;
max-width: 180px;
}	
footer.alfacitrus .pattern-rodape{
bottom:1100px;
}












}