/* ---------------- Principais ---------------- */ *{box-sizing:border-box} html{height:100%; width:100%;-webkit-backface-visibility:hidden !important;} body {margin:0; min-width:322px; background:#FFF; overflow-y:scroll;font-family: 'Roboto', sans-serif; font-weight: 400; color:#404040; height: 100%; font-size:14px; -webkit-backface-visibility:hidden; overflow-x:auto; -webkit-backface-visibility:hidden !important;} input, select, textarea {outline-style:none; font-family: 'Roboto', sans-serif; font-size:14px} h1,h2,h3{padding:0; margin:0; font-weight:400} hr {color: #4B4B4B} a {outline : none; text-decoration: unset; color: inherit;} a img {outline : none;} img {border : 0; outline: 0;} input, button, select, textarea{outline: 0;} div:focus {outline: 0;} .div-erro {float:left; width:100%; text-align:center; color:#cc0000; margin-bottom:20px; display:none} .alignCenter {*position: absolute; top: 50%;display: table-cell;vertical-align: middle;} .centralizar_site {display:inline-block; width:calc(100% - 40px); margin-left:20px; margin-right:20px; max-width:1240px; height:100%} .centralizar_site2 {display:inline-block; width:100%; max-width:1240px; height:100%} .ancora_wp {width: 60px;height: 60px;border-radius: 80px;background: #55cd6c;box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);background-position: center center;position: fixed;background-repeat: no-repeat;background-size:28px; background-image: url('../imagens/ico-whats.svg');right: 20px;bottom: 20px;transition: .3s;z-index: 999999; cursor:pointer;} .BordaDourada{border: 1px solid #D2D2D2 !important;} .BordaVermelha{border: 1px solid #BD1D2D !important;} .ExtraBold {font-weight:800} .Bold {font-weight:700} .Semibold {font-weight:600} .Medium {font-weight:500} .Regular {font-weight:400} .Light {font-weight:300} .Italic {font-style: italic} .a1{font-size:30px} .Altura {float:left; width:100%; height:50px} .TituloPrincipal {float:left; width:100%; text-align:center; font-size:30px; font-weight:700; font-family:'Roboto', sans-serif; color:#306e0f; margin-bottom:20px} .Linha {float:left; width:80px; text-align:left; margin-top:8px; border-top:5px solid #306e0f; border-radius:2px} .Linha100 {float:left; width:100%} .SubTituloPrincipal {float:left; width:100%; font-family:'Roboto', sans-serif; text-align:center; font-size:18px; font-weight:700; color:#FFF;margin-bottom:15px} .SubTituloPrincipal .SubSubTitulo {margin-top: 30px;width:500px;float:left;padding:20px;text-align:center;background-color:#007836;color:#fff;font-size:30px;} .SubTituloPrincipal2 {float:left; width:100%; text-align:center; font-size:24px; font-weight:700; font-family:'Roboto', sans-serif; color:#306e0f; margin-bottom:10px} .TextoPrincipal {float:left; width:100%; text-align:center; font-size:16px; color:#404040; line-height:26px} .TextoPrincipal50 {float:left; width:calc(50% - 20px); margin:0px 10px; text-align:center; font-size:16px; color:#404040; line-height:26px} .TextoPrincipalLeft {float:left; width:100%; text-align:left; font-size:16px; color:#404040; line-height:26px} .TextoPrincipalV {float:left; width:100%; text-align:center; font-size:17px; color: #306e0f; line-height:22px; margin:15px 0px 10px 0px; font-weight:700} .TextoPrincipal2 {float:left; width:auto; text-align:center; font-size:14px; font-weight:400; color:#FFF} .SubTextoPrincipal {float:left; width:100%; text-align:center; font-size:15px; line-height:20px; color:#FFF; margin-top:10px} /* ----- NOVO CONTEUDO ------ */ .T1 {text-transform:uppercase;font-weight: 800;font-size: 30px;text-align: left;color: #306e0f;} .T2 {font-size: 18px;line-height: 28px;text-align: left;color: #404040;} .check{margin-bottom: 3px;width:10px;margin-right:10px} /* ----- NOVO CONTEUDO ------ */ /* ----- migalha ------ */ .LinhaMigalha{width:100%; float:left; text-align:left; margin:20px 0px 20px 0px;} .migalha{width:100%; float:left; text-align:left;} .migalha .migalha_item{display:inline-block; vertical-align: middle; text-align:center; font-size:14px; color:#404040} .migalha .migalha_item.atual{display:inline-block; vertical-align: middle; text-align:center; font-size:14px; color:#306e0f; font-weight:600} /* ----- paginacao ------ */ #Paginacao {display:inline-block; width:100%; margin:80px 0px; text-align:center} #Paginacao .Prevs {display:inline-block; width:auto; text-align:center; background:transparent; font-size:20px; margin-right:10px; transition: 0.3s; font-weight:700} #Paginacao .Prevs img {width:40px} #Paginacao .PrevE:hover {opacity: 0.90; cursor:pointer} #Paginacao .PrevE:hover .img1{display:none} #Paginacao .PrevE:hover .img2{display:inline} #Paginacao .PrevE .img2{display:none} #Paginacao .PrevD:hover {opacity: 0.90; cursor:pointer} #Paginacao .PrevD:hover .img1{display:none} #Paginacao .PrevD:hover .img2{display:inline} #Paginacao .PrevD .img2{display:none} #Paginacao .Paginas {display:inline-block; width:45px; height:45px; color:#0F2305; border-radius:100%; border:1px solid #D2D2D2; text-align:center; font-size:17px; padding-top:11px; font-weight:600; margin-right:10px; transition: 0.3s;} #Paginacao .Paginas:hover{opacity: 0.80; background:#d8d8d8; cursor:pointer;} #Paginacao .PaginaAtiva{color:#FFF; background:#0F2305 !important; border:1px solid #0F2305;} #Paginacao .Disabled {cursor:default !important} /* ---------------- Principais ---------------- */ /* ---------------- Menu ---------------- */ #Topo {float:left; text-align:center; width:100%; height:85px; background-color:#306e0f; -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.20); position:fixed; z-index:999999} #Topo .Centralizar{float:left; text-align:center; width:100%; height:100%; display: flex; justify-content: space-between; align-items: center;} #Topo .Logotipo{float:left; width:auto; height:100%; text-align:left; display: flex; align-items: center;} #Topo .Logotipo img{width:auto; height:75px; cursor:pointer} #Topo .Logotipo2 {float:left; width:auto; height:100%; text-align:left; display: none; align-items: center;} #Topo .Logotipo2 img{width:auto; height:70px; cursor:pointer} #Topo .MenuGeral{float:right; text-align:right; width:auto; height:100%; text-align:center; display: flex; align-items: center; justify-items: center} #Topo .Menus{float:left; width:auto; margin-left:35px; margin-top:5px; padding-bottom:5px; border-bottom:2px solid #306e0f; transition: 0.3s; font-size:15px; color:#FFF; position:relative; transition: 0.3s;} #Topo .MenusImg{float:left; width:auto; margin-left:25px} #Topo .MenusImg img{width:30px; margin-left:10px; ; transition: 0.3s} #Topo .Contato {float:left; border-left:2px solid #404040; padding-left:35px; color:#08999F; font-weight:700; font-size:15px; margin-left:35px; transition: 0.3s;} #Topo .Contato img {width:20px; height:auto; margin-right:10px; margin-top:-3px} #Topo .MenusImg img:hover {cursor:pointer; opacity: 0.70;} #Topo .Menus:hover{cursor:pointer; color:#C9D102; border-bottom:2px solid #C9D102} /* submenu */ #Topo .MenuProdutosGeral{display:none; float:left; width:100%; min-width:160px; position:absolute; top:23px; left:0; z-index:999; border-radius:10px} #Topo .MenuProdutos{float:left; width:100%; background-color:#C9D102; text-align:left; height:45px; color:#357b11; padding:15px; display:flex; align-items: center; transition: 0.3s} #Topo .MenuProdutos:hover{color:#FFFFFF} #Topo .MenuP:hover .MenuProdutosGeral{display:block;} #Topo .SeparacaoMenu{float:left; width: 100%; border-bottom: 1px solid #357b11; height:1px} /* submenu */ #Topo .MenusImg img.Selecionado{opacity: 0.60; } #Topo .Menus.Selecionado{color:#C9D102; border-bottom:2px solid #C9D102} #Topo .Menus.Mobile {display:none} #Topo .Menus.Mobile img {width:19px; height:auto; margin-right:3px} /*-- menu mobile --*/ .Menu_flutuante{float: left; position: fixed; width: 260px; height: 100%; left:-300px; top:0px; transition:0.8s; z-index:999999;} .ParteMenu{float:left; overflow:auto; width: 260px; background:#306e0f; height:100%; transition:0.5s;} .ParteEscura{float: right; width:100%; background: rgba(0, 0, 0, 0.70); height: 100%; cursor: pointer; transition:0.8s; position:fixed; z-index:99999; display:none} .DivMenu{float:left; width:100%; height:auto; text-align:left} .ItemMobile {float:left; width:100%; height:45px; padding:0px 20px 0px 24px; color:#FFFFFF; font-size:15px; cursor:pointer; transition:0.5s; position:relative; display:table;} .ItemMobileSub {float:left; width:100%; height:auto; padding:5px 20px; color:#FFFFFF; font-size:15px; cursor:pointer; transition:0.5s; position:relative; display:table;} .SubMobile {float:left; width:calc(100% - 15px); margin-left:15px; display:none; margin-bottom:10px} .ItemMobileLogo {float:left; width:calc(100% - 40px); height:auto; text-align:center; margin:20px; position:relative; display:table; margin-top:25px} .ItemMobileLogo img {width:70%; height:auto} .SeparacaoMobile{float:left; text-align:center; width:calc(100% - 30px); margin-left:15px; margin-right:15px; height:1px; border-top:1px solid #C9D102} /* ---------------- Menu ---------------- */ /* ---------------- Banner's ---------------- */ #BannerPrincipal {float:left; width:100%; height:auto; position:relative; z-index:800; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top:85px} #BannerPrincipal .banners {float:left; width:100%; height:auto} #BannerPrincipal .imgbanner {width:100%; height:43vw; max-height:830px; min-height:200px; background-size: cover; background-position: center center; background-repeat: no-repeat;} #BannerMobile {float:left; width:100%; height:auto; position:relative; z-index:800; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-top:85px; display:none} #BannerMobile .banners {float:left; width:100%; height:auto} #BannerMobile .imgbanner {width:100%; height:63vw; max-height:380px; min-height:200px; background-size: cover; background-position: center center; background-repeat: no-repeat;} /* ---------------- Banner's ---------------- */ /* ---------------- Conteudo ---------------- */ #FicoProd {float:left; width:100%; margin:50px 0px; text-align:center; margin-top:0px} #FicoProd .TextoPrincipal {float:left; width:100%; margin:0px; padding:20px 50px; font-size:16px; color:#FFF; background-color: #007836;} #FicoProd .Bloco1 {float:left; width:100%; margin-top:55px; text-align:center} #FicoProd .Bloco1 .BlocoGeral{float:left; width:calc(100% + 20px); margin-left:-20px; text-align:center; margin-top:20px} #FicoProd .Bloco1 .Blocos{float:left; width:calc(25% - 20px); margin-left:20px; text-align:center; margin-bottom:30px; display:flex; flex-direction: column; align-items: center;} #FicoProd .Bloco1 .Imagem{float:left; width:100px; height:100px; border-radius:100%; border:5px solid #9ed102; background-size:cover; background-position: center center; background-repeat: no-repeat; margin-bottom:15px} #FicoProd .Bloco1 .Nome{float:left; width:100%; text-align:center; font-weight:600; font-size:17px; color:#0F2305; margin-bottom:5px} #FicoProd .Bloco1 .NomeSub{float:left; width:100%; text-align:center; font-weight:500; font-size:15px; color:#357b11;} #FicoProd .Bloco2 {float:left; width:100%; margin-top:90px; text-align:center} #FicoProd .Bloco2 .Centralizar {float:left; width:100%; display:flex; align-items: center; justify-content: center;} #FicoProd .Bloco2 .Esq {float:left; width:15%} #FicoProd .Bloco2 .Esq img {height:300px} #FicoProd .Bloco2 .Dir {float:right; width:45%; min-width:540px} #FicoProd .Bloco3 {float:left; width:100%; margin-top:90px; text-align:center} #FicoProd .Bloco3 .Blocos {float:left; width:calc(33.3% - 20px); margin-bottom:20px; margin-top:15px; text-align:center; display:flex; align-items: center; border:1px solid #c1c1c1; border-radius:5px; flex-direction: row;} #FicoProd .Bloco3 .Ico{float:left; width:120px; padding:20px 0px} #FicoProd .Bloco3 .Ico img {height:40px} #FicoProd .Bloco3 .Textos{float:left; width:100%; border-left:1px solid #c1c1c1; padding:20px 0px 20px 20px; text-align:left} #FicoProd .Bloco3 .Nome{float:left; width:100%; text-align:left; font-weight:600; font-size:17px; color:#0F2305; margin-bottom:5px} #FicoProd .Bloco3 .Link{float:left; width:100%; text-align:left; font-weight:500; font-size:14px; color:#357b11; transition: 0.3s;} #FicoProd .Bloco3 .Link:hover{cursor:pointer; text-decoration: underline;} #FicoProd .Bloco4 {float:left; width:100%; margin-top:70px; margin-bottom:60px; text-align:center} #FicoProd .Bloco4 .Video{width:80%; height:auto; border-radius:20px} #BlocoVideos {float:left; width:100%; margin-top:60px; margin-bottom:60px; text-align:center} #BlocoVideos .Video{width:80%; height:auto; border-radius:20px} #QuemSomos {float:left; width:100%; margin:50px 0px; text-align:center; margin-top:85px} #QuemSomos .BlocoPrincipal {float:left; width:calc(100% + 15px); margin-left:-15px; margin-top:25px; margin-bottom:25px} #QuemSomos .Blocos {float:left; width:calc(33.3% - 15px); margin-left:15px; border-radius:8px 10px 8px 10px; background:#439b15; color:#FFF; display:flex; align-items: center; height:230px; justify-content: center; flex-direction: column; padding:20px; transition: 0.3s;} #QuemSomos .Icone {float:left; width:auto; margin-bottom:20px; text-align:center} #QuemSomos .Icone img {width:auto; height:60px} #QuemSomos .Blocos:hover {opacity: 0.85; cursor:pointer} #Diferenciais {float:left; width:100%; background: #f2f2f2; text-align:center; margin:50px 0;position:relative} #Diferenciais .Alinha .imagem{width: 46%;float:left;} #Diferenciais .Alinha .imagem_mobile{display:none} #Diferenciais .Alinha {display: flex;align-items: center;} #Diferenciais .Alinha .Texto {float: right;width:54%;padding-left:35px} #Diferenciais .Alinha .Texto .T1{margin-bottom:25px;} #Diferenciais .Alinha .Texto .T2{margin-bottom:20px;} #Diferenciais .Alinha .Texto .T3{margin-bottom: 20px;max-width:640px;width:100%;float:left;font-size: 18px;line-height: 28px;text-align: left;color: #404040;} #Diferenciais .Alinha .Texto .T3:last-child{margin-bottom: 0px;} /* ---------------- Como surgiu ---------------- */ #ComoSurgiu {float:left; width:100%; margin:50px 0px; text-align:center; margin-top:85px} #ComoSurgiu .Geral {float:left; width:100%; text-align:center; display:flex; align-items: center; justify-content: center; height:auto} #ComoSurgiu .Esq{float:right; width:500px; height:auto} #ComoSurgiu .Img{float:left; width:100%; height:450px; background-image:url('../imagens/fundo01.jpg'); background-size:cover; background-position: center left 26%; background-repeat: no-repeat; border-radius:10px 4px 10px 4px} #ComoSurgiu .Dir{float:right; width:calc(100% - 520px); margin-left:20px} #ComoSurgiu .Botao{float:left; width:100%; margin-top:20px; text-align:left} #ComoSurgiu .Botao input {width:auto; padding:0px 20px; color:#FFF; background-color:#357b11; border-radius:10px 2px 10px 2px; height:40px; font-size:15px; border:2px solid #357b11; font-weight:500; transition: 0.3s;} #ComoSurgiu .Botao input:hover {background-color:#FFF; color:#357b11; cursor:pointer} #ComoSurgiu .TituloPrincipal{text-align:left} #ComoSurgiu .TextoPrincipalV{text-align:left} #ComoSurgiu .TextoPrincipal{text-align:left} /* ---------------- Como surgiu ---------------- */ /* ---------------- Produtos ---------------- */ #Produtos {float:left; width:100%; margin-bottom:60px; text-align:center; margin-top:85px} #Produtos .Banner{position:relative;height:500px;width:100%;float:left;background-image:url('../imagens/banner.svg');background-repeat:no-repeat; background-size:cover; background-position:center center} #Produtos .Banner .Conteudo{position: absolute;bottom: 0;margin-bottom: 60px;text-align: left;color: #fff;} #Produtos .Banner .Conteudo .Titulo{font-weight: 800;font-size: 30px;text-transform:uppercase;float:left;width:100%} #Produtos .Banner .Conteudo .AlinhaSub{margin-top:20px;width: 100%;float: left;display: flex;justify-content: flex-start;} #Produtos .Banner .Conteudo .AlinhaSub .BioSubtitulo{font-weight: 800;font-size: 20px;margin-right:10px;padding:15px 20px;border-radius: 10px;background: rgba(0, 0, 0, 0.34);} #Produtos .Imgs {float:left; width:100%; text-align:center; margin:20px 0px} #Produtos .Imgs img {width:auto; max-width:98%; height:auto} #Produtos .TextoPrincipal {float:none; display:inline-block; max-width:900px;margin-bottom:45px} #Produtos .Imgs2 {float:left; width:100%; text-align:center; margin:20px 0px;display: flex;justify-content: center;align-items: center;} #Produtos .Imgs2 img {width:auto; height:auto} #Produtos .Imgs2 .a1{max-width:40%} #Produtos .Imgs2 .a2{max-width:20%} #Produtos .AlinhaBloco{float: left;margin:45px 0;width:100%;display: flex;justify-content: center;} #Produtos .Bloco {max-width:950px;width: calc(100% + 20px);margin-left:-20px;float:left;display: flex;justify-content: center;} #Produtos .Bloco.BlocoVertical {flex-direction: column;} #Produtos .Bloco .Logo {opacity: .5;transition:.3s;width:calc(50% - 20px);margin-left:20px;height: 122px;border-radius: 10px;background: #f2f2f2;} #Produtos .Bloco .Logo:hover{cursor:pointer;background: #fff;filter: drop-shadow(0px 3px 25px rgba(0, 0, 0, 0.09));} #Produtos .Bloco .Logo.ativo{opacity: 1;border: 2px solid #439b15;pointer-events: none;} #Produtos .Bloco .Logo.greenup{background-image:url('../imagens/green-10.png');background-repeat: no-repeat;background-position: center;} #Produtos .Bloco .Logo.greenleaf{background-image:url('../imagens/green-leaf.png');background-repeat: no-repeat;background-position: center;} #Produtos .T1 {float:left;width:100%;text-align: center;font-size:34px} #Produtos .SubTitulo {margin:15px 0;float:left;width:100%;text-align: center;font-weight: 800;font-size: 24px;color: #404040;} #Produtos .T2 {font-size: 16px;line-height: 26px;text-align: center;color: #404040;} /*Green10*/ #Experimentos {text-align:center;background: #f2f2f2;padding:100px 0 20px 0;float: left;width: 100%;} #Experimentos .Menu{display: flex;width:calc(100% + 8px);margin-left:-8px;float:left;margin-bottom:40px} #Experimentos .Menu .ItemMenu{transition:.3s;width:calc(16.67% - 8px);margin-left:8px;height: 75px;border-radius: 10px;background: #e6e6e6;font-size: 15px;text-align: left;color: #404040;display: flex;align-items: center;justify-content: flex-start;font-weight: 500;} #Experimentos .Menu .ItemMenu:hover{cursor:pointer;background: #439b15;color: #fff;} #Experimentos .Menu .ItemMenu img{margin:0px 15px 0 15px} #Experimentos .Menu .ItemMenu .ImagemBanana{content:url("../imagens/IconeFrutas/Banana.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemBanana{content:url("../imagens/IconeFrutas/Banana2.svg")} #Experimentos .Menu .ItemMenu .ImagemBatata{content:url("../imagens/IconeFrutas/Batata.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemBatata{content:url("../imagens/IconeFrutas/Batata2.svg")} #Experimentos .Menu .ItemMenu .ImagemCebola{content:url("../imagens/IconeFrutas/Cebola.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemCebola{content:url("../imagens/IconeFrutas/Cebola2.svg")} #Experimentos .Menu .ItemMenu .ImagemMelão{content:url("../imagens/IconeFrutas/Melão.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemMelão{content:url("../imagens/IconeFrutas/Melão2.svg")} #Experimentos .Menu .ItemMenu .ImagemSoja{content:url("../imagens/IconeFrutas/Soja.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemSoja{content:url("../imagens/IconeFrutas/Soja2.svg")} #Experimentos .Menu .ItemMenu .ImagemTomate{content:url("../imagens/IconeFrutas/Tomate.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemTomate{content:url("../imagens/IconeFrutas/Tomate2.svg")} #Experimentos .Menu .ItemMenu .ImagemUva{content:url("../imagens/IconeFrutas/Uva.svg")} #Experimentos .Menu .ItemMenu:hover .ImagemUva{content:url("../imagens/IconeFrutas/Uva2.svg")} #Experimentos .Menu .ItemMenu.Ativo{background: #439b15;color: #fff;} #Experimentos .Menu .ItemMenu.Ativo .ImagemBanana{content:url("../imagens/IconeFrutas/Banana2.svg")} #Experimentos .Menu .ItemMenu.Ativo .ImagemBatata{content:url("../imagens/IconeFrutas/Batata2.svg")} #Experimentos .Menu .ItemMenu.Ativo .ImagemCebola{content:url("../imagens/IconeFrutas/Cebola2.svg")} #Experimentos .Menu .ItemMenu.Ativo .ImagemMelão{content:url("../imagens/IconeFrutas/Melão2.svg")} #Experimentos .Menu .ItemMenu.Ativo .ImagemSoja{content:url("../imagens/IconeFrutas/Soja2.svg")} #Experimentos .Menu .ItemMenu.Ativo .ImagemTomate{content:url("../imagens/IconeFrutas/Tomate2.svg")} #Experimentos .Menu .ItemMenu.Ativo .ImagemUva{content:url("../imagens/IconeFrutas/Uva2.svg")} #Experimentos .MenuMobile {width:100%;float:left;display:none;text-align:center} #Experimentos .MenuMobile .Select{width: 250px;height: 40px;padding: 5px;color: #464851;border-radius: 5px;border: 1px solid #c1c1c1;} #Experimentos .MenuMobile .Select option:hover {color:#fff;background-color:rgba(48, 110, 15, .8)} #Experimentos .MenuMobile .Select option:checked{color: #fff;background-color:#306e0f} #Experimentos .Conteudo .Titulo{text-transform:uppercase;width:100%;float:left;font-weight: 800;font-size: 30px;text-align: center;color: #306e0f;} #Experimentos .Conteudo .Vantagens {float: left;width: 100%;margin:30px 0} #Experimentos .Conteudo .Vantagens .T1{text-transform: initial;font-size: 20px;text-align: left;color: #306e0f;margin-bottom: 5px;} #Experimentos .Conteudo .Vantagens .T2 {text-transform: initial;font-weight: normal;font-size: 16px;text-align: left;color: #404040;line-height: 16px;margin-bottom: 5px;} #Experimentos .Conteudo .legenda {width:100%;float:left;font-size: 14px;text-align: center;color: #404040;} #Experimentos .Conteudo .AlinhaImagem{align-items: center;display:flex;float: left;justify-content: center;flex-direction: column;} #Experimentos .Conteudo .AlinhaImagem img{float:left;height: 100%;margin-bottom:50px} #Experimentos .Conteudo .AlinhaImagem img:last-child{margin-bottom:0px} #Experimentos .Conteudo .AlinhaImagem .img100{width:100%;} #Experimentos .Conteudo .AlinhaImagem .img50{width:50%;} #Experimentos .Conteudo .Cidade {margin-top:35px;padding:5px 0;float:left;width:100%;text-align: center;border-radius: 10px;background: #e6e6e6;font-weight: 800;font-size: 20px;color: #404040;} #Experimentos .Conteudo .AlinhaImagem.Cebola{justify-content: center;align-items: flex-start;flex-direction: row;} #Experimentos .Conteudo .AlinhaImagem.Cebola .img50{width:calc(50% - 5px);margin-left:5px;margin-bottom: 0px;} #Experimentos .Conteudo .AlinhaImagem.Cebola .img50:first-child{margin-left:5px;margin-right:0px; } #Experimentos .Conteudo .AlinhaImagem.Melão{justify-content: center;flex-direction: row;width:100%;align-items: flex-end;} #Experimentos .Conteudo .AlinhaImagem.Melão img{margin-bottom:0px} #Experimentos .Conteudo .AlinhaImagem.Melão .img50:last-child{width: calc(50% - 40px);margin-left: 40px;} #Experimentos .Conteudo .AlinhaImagem.Melão2{justify-content: center;flex-direction: row;width:100%;align-items: flex-end;} #Experimentos .Conteudo .AlinhaImagem.Melão2 img{margin-top:50px} #Experimentos .Conteudo .AlinhaImagem.Melão2 .img50{width:calc(50% - 5px);margin-left:5px;margin-bottom: 0px;} #Experimentos .Conteudo .AlinhaImagem.Melão2 .img50:first-child{margin-left:5px;margin-right:0px; } #Experimentos .Conteudo .Vantagens.Melão{margin:0 0 15px 0} #Experimentos .Conteudo .Vantagens.Melão .T1{margin-bottom:20px} #Experimentos .Conteudo .AlinhaImagem.Soja{justify-content: center;flex-direction: row;width:100%;align-items: flex-end;} #Experimentos .Conteudo .AlinhaImagem.Tomate{justify-content: center;flex-direction: row;width:100%;align-items: flex-end;} #Experimentos .Conteudo .AlinhaImagem.Uva{justify-content: center;flex-direction: row;width:100%;align-items: flex-end;} #Experimentos .Conteudo .AlinhaImagem.Uva img{margin-bottom:30px} #Experimentos .Conteudo .AlinhaImagem.Uva img:last-child{margin-bottom:30px} #Experimentos .Conteudo .Cidade.Uva {margin-top:0px} #Experimentos .Conteudo .AlinhaImagem{align-items: center;display:flex;float: left;justify-content: center;flex-direction: column;} #Experimentos .Conteudo .AlinhaImagem img{float:left;height: 100%;margin-bottom:50px} #Experimentos .Conteudo .AlinhaImagem img:last-child{margin-bottom:0px} #Experimentos .Conteudo .AlinhaImagem .img100{width:100%;} #Experimentos .Conteudo .AlinhaImagem .img50{width:50%;} #Experimentos .Conteudo .Cidade {margin-top:35px;padding:5px 0;float:left;width:100%;text-align: center;border-radius: 10px;background: #e6e6e6;font-weight: 800;font-size: 20px;color: #404040;} /*Mobile*/ .Mobile {display:none} #Experimentos .Conteudo .AlinhaImagemMobile{align-items: center;display:flex;float: left;justify-content: center;flex-direction: column;} #Experimentos .Conteudo .AlinhaImagem img{float:left;height: 100%;margin-bottom:50px} #Experimentos .Conteudo .AlinhaImagem img:last-child{margin-bottom:0px} #Experimentos .Conteudo .AlinhaImagem .img100{width:100%;} #Experimentos .Conteudo .AlinhaImagem .img50{width:50%;} #Experimentos .Conteudo .Cidade {margin-top:35px;padding:5px 0;float:left;width:100%;text-align: center;border-radius: 10px;background: #e6e6e6;font-weight: 800;font-size: 20px;color: #404040;} /*Mobile*/ /*-- Green10 --*/ /* GreenLeaf */ #Experimentos2 .Conteudo .Titulo{text-transform:uppercase;width:100%;float:left;font-weight: 800;font-size: 30px;text-align: center;color: #306e0f;} #Experimentos2 .Conteudo .Titulo.Resultados{margin-top:50px;margin-bottom:20px} #Experimentos2 .Conteudo .Vantagens {float: left;width: 100%;margin:30px 0} #Experimentos2 .Conteudo .Vantagens .T1{text-transform: initial;font-size: 20px;text-align: left;color: #306e0f;margin-bottom: 5px;} #Experimentos2 .Conteudo .Vantagens .T2 {text-transform: initial;font-weight: normal;font-size: 16px;text-align: left;color: #404040;line-height: 16px;margin-bottom: 5px;} #Experimentos2 .legenda {float: left;width: 100%;display: flex;text-align: center;justify-content: center;} #Experimentos2 .legenda span{max-width:875px;text-align: center;color: #404040;} #Experimentos2 .Conteudo .AlinhaImagem{align-items: flex-start;display: flex;float: left;justify-content: center;width: 100%;} #Experimentos2 .Conteudo .AlinhaImagem.Espaco img{margin-right:10px} #Experimentos2 .Conteudo .AlinhaImagem.Espaco imglast-child{margin-right:0px} #Experimentos2 .Conteudo .AlinhaImagem.Baixo2{align-items: flex-end;} #Experimentos2 .Conteudo .AlinhaImagem img{float:left;height: 100%;margin-bottom:50px} #Experimentos2 .Conteudo .AlinhaImagem img:last-child{margin-bottom:0px} #Experimentos2 .Conteudo .AlinhaImagem .img100{width:100%;} #Experimentos2 .Conteudo .AlinhaImagem .img50{width:50%;} #Experimentos2 .Conteudo .AlinhaImagem .img33{width:33.33%;margin-bottom:0px;margin-right:20px} #Experimentos2 .Conteudo .AlinhaImagem .img33:last-child{margin-right:0px} #Experimentos2 .Conteudo .Cidade {margin-top:35px;padding:5px 0;float:left;width:100%;text-align: center;border-radius: 10px;background: #e6e6e6;font-weight: 800;font-size: 20px;color: #404040;} #Experimentos2 .Tratamentos {margin-top:30px;padding:90px 0 70px 0;background-color:#f2f2f2} #Experimentos2 .Tratamentos .Conteudo .AlinhaImagem img{margin:20px 0 30px 0;} #Experimentos2 .Tratamentos .legenda2 {float: left;width: 100%;border-radius: 10px;background: #ffffff;width:100%;text-align: left;color: #404040;padding:25px;font-size: 16px;} #Experimentos2 .Conteudo .AlinhaImagem.Bloco1{flex-direction: column} #Experimentos2 .Conteudo .AlinhaImagem.Bloco1 img{border-radius: 10px;margin-bottom:10px} /* GreenLeaf */ /* ---------------- Produtos ---------------- */ /* ---------------- Noticias ---------------- */ #Noticias {float:left; width:100%; text-align:center; margin-bottom:40px; margin-top:85px} #Noticias .migalha {text-align:left} #Noticias .Destaque {float:left; width:100%; border-radius:5px; height:300px; text-align:center; background-size: cover; background-position: center center; background-repeat: no-repeat; padding:30px; margin:0px 0px 30px 0px; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; position:relative; transition: 0.3s;} #Noticias .Destaque .DataP {float:left; width:100%; margin-bottom:5px; color:#FFF; text-align:left; font-size:20px; position:relative;z-index:5} #Noticias .Destaque .TituloP {float:left; width:100%; text-align:left; font-size:29px; color:#FFF; font-weight:600; line-height:37px; margin-bottom:0px; position:relative;z-index:5} #Noticias .Destaque .Filtro {position:absolute; left:0px; top:0px; background:rgba(0, 0, 0, 0.59); border-radius:5px; width:100%; height:100%; z-index:3} #Noticias .Destaque:hover {opacity: 0.9; cursor:pointer} #Noticias .Btn1 {float:left; text-align:left; position:relative;z-index:5; display:inline; width:100%; margin-top:20px} #Noticias .Btn1 input {height:52px} #Noticias .Conteudo {float:left; width:calc(100% - 390px); text-align:left} #Noticias .Lateral {float:right; width:360px; margin-left:30px; text-align:left} #Noticias .Blocos {float:left; padding:30px; width:100%; background:#f3f3f3;border:1px solid #E8E8E8; border-radius:10px 5px 10px 5px; margin-bottom:20px; transition: 0.3s} #Noticias .Textos {float:left; width:100%; text-align:left} #Noticias .Data {float:left; width:100%; margin-bottom:5px; color:#306e0f; text-align:left; font-size:15px} #Noticias .Titulo {float:left; width:100%; margin-bottom:10px; text-align:left; font-size:18px; line-height:23px; font-weight:600} #Noticias .Chamada {float:left; width:100%; color:#404040; line-height:22px; text-align:left; font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;} #Noticias .Blocos:hover {border:1px solid #E8E8E8; background:#FFF; cursor:pointer} #Noticias .BlocosLateral {float:left; padding:15px 20px; width:100%; border:1px solid #E8E8E8; border-radius:5px; margin-bottom:10px} #Noticias .BlocosLateral .DataL {float:left; width:100%; margin-bottom:5px; color:#306e0f; text-align:left; font-size:15px} #Noticias .BlocosLateral .TituloL {float:left; width:100%; text-align:left; font-size:16px; font-weight:600; line-height:22px; margin-bottom:0px} #Noticias .BlocosLateral:hover {opacity:0.80; cursor:pointer} #Noticias .BlocosLateral .SaibaMais {float:left; width:auto; margin-top:10px; font-size:16px; color:#306e0f; text-align:left; cursor:pointer} #Noticias .Btn {display:inline-block; width:auto; text-align:right; margin-top:10px} #Noticias .Btn input {width:auto; padding:0px 20px; color:#FFF; background-color:#357b11; border-radius:10px 2px 10px 2px; height:40px; font-size:15px; border:2px solid #357b11; font-weight:500; transition: 0.3s;} #Noticias .Btn input:hover {background-color:#FFF; color:#357b11; cursor:pointer} /* conteudo interno */ #Noticias .TituloInt {float:left; width:100%; text-align:left; font-size:25px; line-height:37px; margin-bottom:15px; font-weight:700} #Noticias .Citacao {float:left; width:100%; text-align:left; font-size:18px; color:#4B4B4B; line-height:24px; font-style: italic; margin-bottom:20px} #Noticias .IcoCitacao {float:left; width:12px; margin-right:3px} #Noticias .TxtCitacao {float:left; width:calc(100% - 15px); text-align:left; text-align:left; font-size:14px; color:#4B4B4B; line-height:24px; font-style: italic;} #Noticias .Texto {float:left; width:100%; text-align:left; font-size:15px; color:#4B4B4B; line-height:24px; margin-bottom:15px} #Noticias .Img {float:left; width:100%; text-align:center; margin-bottom:30px} #Noticias .Img img {width:auto; height:auto; max-width:100%} #Noticias .Video {float:left; text-align:center; width:100%; margin:10px 0px 30px 0px; cursor:pointer} #Noticias .video-container {overflow: hidden;position: relative;width:100%; min-height:200px} #Noticias .video-container::after {padding-top: 56.25%; display: block;content: '';} #Noticias .video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /* ---------------- Noticias ---------------- */ /* ---------------- Contato ---------------- */ #Contato {float:left; width:100%; height:auto; text-align:center; margin-bottom:40px; margin-top:85px} #Contato .TituloPrincipal {text-align:left; margin-top:15px} #Contato .Conteudo {float:left; display:flex; width:100%; text-align:center} #Contato .Formulario {float:left; width:calc(100% - 326px);margin-right:20px; padding:50px 40px; background:#F2F2F2; border-radius:5px;} #Contato .Inputs{float: left; width:100%; height: auto; margin-bottom:15px} #Contato .Inputs input, textarea {float:left; width:100%; height:52px; border-radius:5px; border:0px; font-size:15px; z-index: 1; background:#FFF; padding-left:15px; border:1px solid #D2D2D2} #Contato .Inputs input::placeholder {color:#8A8A8A} #Contato .Inputs textarea {height:100px; resize:none; padding-left:15px; padding-top:15px} #Contato .InputAtivo{border:1px solid #439b15 !important} #Contato .Titulos {float: left; width: 100%; color: #FFF;font-size: 18px; font-weight: 600; margin-bottom: 20px; text-align: left;} #Contato .BlocoDir {float:left; width:380px; height:auto; border-radius:5px; background:#439b15; padding:40px 25px} #Contato .TextoPrincipal {color:#FFF; font-size:15px; margin-bottom:35px; text-align:left} #Contato .Itens{float:left; text-align:left; width:100%; margin-bottom:15px; display:table; font-size:16px} #Contato .Itens img {margin-right:10px;} #Contato .Itens a{color:#FFF; text-decoration: none;} #Contato .Itens a:hover{text-decoration:underline; cursor:pointer} #Contato .Icones {float:left; text-align:left; transition:0.3s; color:#FFF; font-size:16px} #Contato .Icones img {margin-right:15px; width:55px} #Contato .Icones img:hover {opacity: 0.70; cursor:pointer} #Contato .IcoTxt {float:left; width:20px; margin-top:5px} #Contato .TxtIco {float:left; width:calc(100% - 20px)} #Contato .Btn {display:inline-block; width:auto; text-align:center; margin-top:10px} #Contato .Btn input {width:auto; padding:0px 25px; color:#FFF; background-color:#357b11; border-radius:10px 2px 10px 2px; height:40px; font-size:15px; border:2px solid #357b11; font-weight:500; transition: 0.3s;} #Contato .Btn input:hover {background-color:#FFF; color:#357b11; cursor:pointer} /* ---------------- Conteudo ---------------- */ /* ---------------- Rodape ---------------- */ #Rodape {float:left; width:100%; text-align:center; height:auto; padding:20px 0px; background-color:#0F2305} #Rodape .Bloco1 {float:left; width:auto; max-width:240px; margin:0px 10px} #Rodape .Bloco2 {float:right; width:auto; max-width:240px; margin:0px 10px} #Rodape .Bloco3 {float:right; width:auto; max-width:280px; margin:0px 10px} #Rodape .Logotipo {float:left; width:100%; text-align:left; height:auto; margin-top:3px} #Rodape .Logotipo img{width:230px; height:auto} #Rodape .Slogan {float:left; width:100%; text-align:left; color:#C9D102; font-size:14px; margin-top:12px} #Rodape .Titulo {float:left; width:auto; text-align:left; color:#C9D102; font-size:15px; margin-bottom:14px;} #Rodape .Txts {float:left; width:100%; text-align:left; color:#FFF; font-size:14px; margin-bottom:10px} #Rodape .Txts a:hover{text-decoration: underline;} /* ---------------- Rodape ---------------- */ /* ---------------- Responsivo ---------------- */ @media screen and (max-width:1400px){ .T1{font-size: 20px;line-height: 20px} .T2 {font-size: 15px;line-height: 15px} #Diferenciais .Alinha .Texto .T1{margin-bottom:10px} #Diferenciais .Alinha .Texto .T2 {margin-bottom: 10px;} #Diferenciais .Alinha .Texto .T3{margin-bottom:5px;font-size: 15px;} } @media screen and (max-width:1200px){ #Diferenciais .Alinha .imagem_mobile{display:block;width:30%} #Diferenciais .Alinha .Texto{width:65%} #Diferenciais .Alinha .imagem{display:none} .T1{font-size: 15px;margin-bottom: 0px;} .T2{font-size:13px} #Diferenciais .Alinha .Texto .T3{line-height: 20px;font-size:13px} #Experimentos{padding:30px 0 20px 0} #Experimentos .MenuMobile{margin-bottom:20px} } @media screen and (max-width:1165px){ #Rodape .Bloco1 {width:100%; max-width:unset; margin:10px 0px} #Rodape .Bloco2 {width:100%; max-width:unset; margin:10px 0px} #Rodape .Bloco3 {width:100%; max-width:unset; margin:10px 0px} #Rodape .Logotipo {text-align:center} #Rodape .Slogan {text-align:center} #Rodape .Titulo {text-align:center; width:100%} #Rodape .Txts {text-align:center} } @media screen and (max-width:1145px){ #Noticias .Conteudo {width:100%} #Noticias .Lateral {float:left; width:100%; margin-left:0px; margin-bottom:40px} } @media screen and (max-width:1050px){ #Experimentos .Conteudo .Desktop{display:none} #Experimentos .Conteudo .Mobile{display:block} #Experimentos .Menu{display:none} #Experimentos .MenuMobile {display:block} } @media screen and (max-width:980px){ #Contato .Conteudo {flex-direction: column;} #Contato .Formulario {width:100%; margin-right:0px} #Contato .BlocoDir{width:100%; margin-top:30px} } @media screen and (max-width:990px){ #ComoSurgiu {margin-top:10px} #ComoSurgiu .Esq{display:none} #ComoSurgiu .Dir{width:100%; margin:0px} #ComoSurgiu .TituloPrincipal{text-align:center} #ComoSurgiu .TextoPrincipalV{text-align:center} #ComoSurgiu .TextoPrincipal{text-align:center} #ComoSurgiu .Botao{text-align:center} } @media screen and (max-width:900px){ #FicoProd .Bloco3 .Blocos {width:calc(50% - 20px); margin-bottom:15px} #FicoProd .Bloco3 .Blocos:last-child {width:calc(100% - 20px); margin-bottom:20px} #FicoProd .Bloco2 .Centralizar {flex-direction: column;} #FicoProd .Bloco2 .Esq {width:100%} #FicoProd .Bloco2 .Dir {width:100%; min-width:unset; text-align:center} #FicoProd .Bloco2 .TextoPrincipalLeft {margin-top:20px; text-align:center} } @media screen and (max-width:800px){ #Diferenciais .Alinha .imagem_mobile{display:none} #Diferenciais .Alinha .Texto{width:100%;padding: 30px;} #Diferenciais .Alinha .Texto .T3{margin-bottom:10px} #QuemSomos{margin-bottom:0px} #FicoProd .Bloco1 .Blocos {width:calc(33.3% - 20px); margin-bottom:30px;} } @media screen and (max-width:840px){ #Topo .Menus{margin-left:15px; font-size:14px} #Topo .MenusImg{margin-left:5px} #Topo .Logotipo img{height:55px} .Imgs .img2 {max-width:85% !important} .Imgs .soja {max-width:50% !important} .Imgs .soja2 {max-width:100% !important} #Produtos {margin-bottom:0px} #Produtos .Banner {height:380px} #Produtos .Banner .Conteudo{margin-bottom:20px} #Produtos .Banner .Conteudo .AlinhaSub{flex-direction: column;align-items: stretch;max-width: 320px;} #Produtos .Banner .Conteudo .AlinhaSub .BioSubtitulo{font-size:14px;margin-bottom: 5px;} #Produtos .AlinhaBloco{margin:0px;width: 100%;display: flex;justify-content: center;} #Produtos .Bloco{margin-bottom: 30px;margin-left:0px;flex-direction: column;} #Produtos .Bloco .Logo{width:100%;margin-left:0px;background-size: 20%;height: 80px;} #Produtos .Bloco .Logo:last-child{margin-top:10px} #Produtos .T1{font-size: 30px;line-height: 35px;} #Produtos .T2{text-align:left} #Produtos .Bloco.BlocoVertical{margin-bottom:0px} #Experimentos .Conteudo .Titulo{font-size:23px} #Experimentos .Conteudo .Vantagens{margin:20px 0} #Experimentos .Conteudo .Vantagens .T1{font-size:15px} #Experimentos .Conteudo .Cidade{font-size:16px} #Experimentos .Conteudo .AlinhaImagem img{margin-bottom:20px} #Experimentos .Conteudo .Vantagens .T2{font-size:15px} } @media screen and (max-width:760px){ #QuemSomos .Blocos {width:calc(100% - 15px); margin-bottom:10px; height:auto;} .TextoPrincipal {font-size:14px} .TituloPrincipal {font-size:24px} #Experimentos2 .Conteudo .Desktop{display:none} #Experimentos2 .Conteudo .Mobile{display:block} #Experimentos2 .legenda span{margin-top:20px} #Experimentos2 .Tratamentos{padding:30px 0} #Experimentos2 .Tratamentos .legenda2{font-size:14px;margin-top:20px;padding:10px} #Experimentos2 .Tratamentos .Conteudo .AlinhaImagem img{margin:20px 0 0px 0} #Experimentos2 .Conteudo .AlinhaImagem img{margin-bottom:20px} #Experimentos2 .Conteudo .Cidade{margin-bottom:20px} #Experimentos2 .Conteudo .AlinhaImagem .img33{margin:0px} } @media screen and (max-width:700px){ #Noticias .SubTitulo {font-size:23px; line-height:32px} } @media screen and (max-width:670px){ #Topo .Menus {display:none} #Topo .Menus.Mobile {display:inline} #Topo .MenusImg img {margin-left:5px; width:24px} #FicoProd .TextoPrincipal {padding:20px 20px; font-size:15px;} } @media screen and (max-width:600px){ #Noticias .Destaque {padding:20px} #Noticias .Destaque .TituloP {font-size:18px; line-height:28px} #Noticias .Destaque .DataP {font-size:16px} #Noticias .Titulo {font-size:18px; line-height:28px} #Noticias .Data {font-size:16px} #Paginacao .Prevs img {width:50px} #Paginacao .Paginas {width:50px; height:50px; padding-top:8px} .SubTituloPrincipal .SubSubTitulo {padding:10px;font-size:20px;} #Produtos .Imgs2 .a1 {max-width: 60%;} #FicoProd .Bloco3 .Blocos {width:100% !important; margin-left:0px !important; margin-bottom:15px !important} #FicoProd .Bloco2 {margin-top:40px} #FicoProd .Bloco3 {margin-top:50px} #FicoProd .Bloco4 {margin-top:50px; margin-bottom:40px} #BlocoVideos .Bloco4 {margin-top:50px; margin-bottom:40px} #FicoProd .Bloco4 .Video {width:100%} #BlocoVideos .Video {width:100%} #BannerPrincipal {display:none} #BannerMobile {display:inline} } @media screen and (max-width:580px){ #Noticias .CapaVideo {height:320px} .TextoPrincipal50 {width:100%; margin:0px; text-align:left} #FicoProd .Bloco1 .Blocos {width:calc(50% - 20px);} #FicoProd .Bloco1 .Nome {font-size:15px} #FicoProd .Bloco1 .NomeSub {font-size:13px} } @media screen and (max-width:500px){ #Produtos .Bloco .Logo{background-size: 50%;} #Produtos .T1{font-size:21px} } @media screen and (max-width:460px){ #Contato .Formulario {padding:30px 20px;} #Contato .BlocoDir {padding:30px 25px} #Produtos .Imgs.None {height:auto !important;} #Produtos .Imgs.None img {left: unset !important; top: unset !important; position: unset !important;} } @media screen and (max-width:420px){ #Topo .Logotipo {display:none} #Topo .Logotipo2 {display:flex} } @media screen and (max-width:390px){ #Contato .BlocoDir {padding:20px 10px} } /* ---------------- Responsivo ---------------- */