@import url("https://use.typekit.net/lns7rnp.css");

*{font-family: 'urw-form', sans-serif}
h1,h2 {color: #252525; font-weight: 900}
h3,h4 {color: #252525; font-weight: 700}
p,ul,ul li {color: #3f3f3f; font-weight: 300; font-size: 17px}
a {color: inherit; transition: .5s}
a:hover {color: #009b03; text-decoration: none}
button:focus {box-shadow: 0; outline: 0}
ul{list-style: none; padding: 0; margin: 0}
img{width: 100%; height: auto}
section {padding: 130px 0; overflow: hidden}

/* TITULAÇÃO */
.sec-titulo {text-align: center; margin-bottom: 80px}
.sec-titulo h2 {font-size: 54px; position: relative}
.sec-titulo h2::after {content: '';display: block;width: 100px;height: 6px;background: #009b03;margin: 15px auto}
.sec-titulo-esquerda {margin-bottom: 40px}
.sec-titulo-esquerda > span {font-size: 15px; text-transform: uppercase; font-weight:700; color: #009b03; }
.sec-titulo-esquerda h2 {font-size: 36px; margin-bottom: 10px}
.sec-titulo-esquerda h2 span {color: #009b03}
.sec-titulo-esquerda p {border-left: 3px solid #009b03; padding-left: 15px}

/* BOTOES */
.botao {position: relative; z-index: 2; overflow: hidden; display: inline-block; padding: 15px 35px; font-weight: 700; text-transform: uppercase; color: #fff; border-radius: 5px; border: 2px solid currentColor; transition: .35s}
.botao::after {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: #fff;z-index: -1;transform-origin: left; transform: scaleX(0); transition: .35s}
.botao.laranja {background-color: #f67f2b; border-color: #f67f2b}
.botao.verde {background-color: #009b03; border-color: #009b03}
.botao:hover{color: #3f3f3f; border-color: #3f3f3f}
.botao:hover::after {transform: scaleX(1)}
.botao i {line-height: 1;vertical-align: middle;margin-right: 4px;}
.botao-centralizado {margin-top: 80px; text-align: center}


/* NAVBAR */
.barra-topo{padding: 12px 0; border-bottom: 1px solid #e5eaee}
.barra-topo ul, .navbar ul, .barra-topo ul li, .navbar ul li {margin: 0; padding: 0}
.barra-topo .barra-de-social, .barra-topo .barra-de-idioma {display: flex; flex-wrap: wrap; align-items: center}
.barra-topo .barra-de-social li, .barra-topo .barra-de-idioma li{margin-right: 12px}
.barra-topo .barra-de-social li:last-child, .barra-topo .barra-de-idioma li:last-child{margin-right: 0}
.barra-topo .barra-de-idioma {justify-content: flex-end; font-size: 15px}
.barra-topo .barra-de-idioma li:first-child {font-weight: 600}
.barra-topo .barra-de-social a {display: flex;justify-content: center;align-items: center;height: 27px;width: 27px;font-size: 14px;line-height: 1;border-radius: 100%;background-color: #009b03;border: 1px solid #009b03;color: #fff; transition: .5s}
.barra-topo .barra-de-social a:hover {background: #fff; color: #009b03}
.navbar {padding: 22px 15px;z-index: 999;background: #fff;width: 100%;top: 0;border-bottom: 1px solid #ececec}
.navbar.fixa {position: fixed; animation: delizaNav 1s both}
@keyframes delizaNav {
	from{transform: translateY(-100px)}
	to{transform: translateY(0)}
}
.navbar .logo a {display: block}
.navbar .logo a img {width: 175px}
.navbar .navegacao .nav-menu {display: flex;flex-wrap: wrap;align-items: center}
.navbar .navegacao .nav-menu li a {margin: 0 22px;font-size: 19px;font-weight: 500; position: relative}
.navbar .navegacao .nav-menu li a.botao {margin-right: 0; padding: 10px 30px; font-weight: 700}
.navbar .navegacao .nav-menu li a.active{color: #009b03; font-weight: 700}
.navbar .navegacao .nav-menu li a.active::after {content: '';width: 100%;height: 2px;background-color: #009b03;position: absolute;bottom: -5px;left: 0}
.navbar .navegacao .nav-menu li.logo-mobile, .navbar .menu-hamburguer{display: none}



/* HOME - BANNER */
.banner {padding: 0}
.banner .owl-carousel .item {position: relative; height: 67vh}
.banner .owl-carousel .item .img-bg {position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -2}
.banner .owl-carousel .item .img-bg::after {content: ''; background-color: #000; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .25}
.banner .owl-carousel .item .img-bg picture, .banner .owl-carousel .item .img-bg img {object-fit: cover; height: 100%; width: 100%}
.banner .owl-carousel .item .texto{position: absolute;top: 0;bottom: 0;left: 0;right: 0;max-width: 1260px; height: fit-content;text-align: center;margin: auto}
.banner .owl-carousel .item .texto h1, .banner .owl-carousel .item .texto h2, .banner .owl-carousel .item .texto p {color: #fff}
.banner .owl-carousel .item .texto h1, .banner .owl-carousel .item .texto h2 {font-size: 77px;line-height: 1;margin-bottom: 20px;color: #fff;text-shadow: 0 0 15px #00000040;font-weight: 900;letter-spacing: -1.5px;}
.banner .owl-carousel .item .texto p {font-size: 21px;line-height: 1.5;font-weight: 400;width: 70%;max-width: 70%;letter-spacing: 1px;margin: 0 auto 50px}
@keyframes textoBanner {
from{opacity: 0; transform: translateY(100px)}
to{opacity: 1; transform: translateY(0)}
}
.banner .owl-carousel .owl-item.active .texto h1, .banner .owl-carousel .owl-item.active .texto h2, .banner .owl-carousel .owl-item.active .texto p, .banner .owl-carousel .owl-item.active .texto a {animation: textoBanner 1.3s both}
.banner .owl-carousel .owl-item.active .texto p {animation-delay: .3s}
.banner .owl-carousel .owl-item.active .texto a {animation-delay: .6s}
.banner .owl-carousel .owl-dots {width: fit-content;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 15px}
.banner .owl-carousel .owl-dots button span {background: none repeat scroll 0 0 #fff;border-radius: 20px;display: block;height: 12px;margin: 5px 7px;width: 12px; transition: .5s}
.banner .owl-carousel .owl-dots button.active span {background: none repeat scroll 0 0 #009b03}
.banner .owl-carousel .owl-nav button {position: absolute;top: 0;bottom: 0;margin: auto;height: 60px;width: 60px;background: transparent;display: flex;justify-content: center;align-items: center;border: 1px solid #fff;color: #fff;font-size: 32px;opacity: 0;transform: translateY(-100px);transition: .5s}
.banner .owl-carousel:hover .owl-nav button {transform: translateY(0); opacity: 1}
.banner .owl-carousel .owl-nav button:hover {background-color: #009b03; border-color: #009b03}
.banner .owl-carousel .owl-nav button.owl-prev {left: 30px}
.banner .owl-carousel .owl-nav button.owl-next {right: 30px}
.banner .owl-carousel .owl-nav button i {line-height: 0}



/* PRODUTOS */
.categorias .card-produto {padding: 15px 0}
.card-produto .imagem {display: block; position: relative; border: 1px solid #e5eaee; border-bottom: none; border-radius: 15px 15px 0 0; overflow: hidden}
.card-produto .imagem::before{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: 0; z-index: 1; transition: .5s}
.card-produto .imagem:hover::before {opacity: .7}
.card-produto .imagem::after {content: "\f123";display: flex;justify-content: center;align-items: center;height: 45px;width: 45px;border-radius: 100%;background: #fff;position: absolute;z-index: 2;top: 0;bottom: 0;left: 0;right: 0;margin: auto; opacity: 0; color: #3f3f3f; transform: translateY(-30px); transition: .5s}
.card-produto .imagem:hover::after {opacity: 1; transform: translateY(0)}
.card-produto .imagem picture, .card-produto .imagem img {object-fit: cover; height: 100%; width: 100%; display: block}
.card-produto .descricao {display: flex; flex-direction: column; border: 1px solid #e5eaee; border-radius: 0 0 15px 15px; text-align: center; padding: 25px; height: 250px}
.card-produto .descricao h3 {font-size: 20px; margin-bottom: 15px}
.card-produto .descricao ul, .card-produto .descricao ul li:last-child{margin: 0}
.card-produto .descricao ul li {margin: 0 0 10px;line-height: 1}
.card-produto .descricao ul li::before, .card-produto .imagem::after{font-family: flaticon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.card-produto .descricao ul li::before{content: "\f120";color: #009b03;margin-right: 3px}
.card-produto .descricao > a {margin-top: auto;border-top: 1px solid #009b03;display: block; padding-top: 5px}



/* HOME - PARALLAX */
.parallax {overflow: hidden;text-align: center;position: relative;padding: 0;height: 57vh}
.parallax .img {position: absolute; height: 100%; width: 100%}
.parallax .img picture,  .parallax .img img {object-fit: cover; width: 100%; height: 100%}
.parallax .img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #000; opacity: .3}
.parallax .txt {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: fit-content;max-width: 1250px}
.parallax .txt h2 {color: #fff;font-size: 70px}
.parallax .txt p {margin: 0;color: #fff;font-size: 20px}



/* HOME - MAPA */
.mapa .row {align-items: center}
.mapa ul li {margin-bottom: 15px}
.mapa ul li:last-child {margin-bottom: 0}
.mapa ul li span{display: block; font-weight: 700; font-size: 19px}
.mapa ul li span::before{font-family: flaticon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\f124";color: #009b03;margin-right: 3px}
.mapa .st0{fill: #009b02; transition: .5s}
.mapa .st0:hover{fill:#f67f2b}
.mapa .st1{fill: #f67f2b; transition: .5}
.mapa .st1:hover{fill:#507507}
.mapa .st2{fill: #252525}
.mapa .st3{fill: #FFFFFF}
.mapa .st4 {font-family: 'urw-form', sans-serif; font-size: 18px; font-weight: 600}


/* HOME - BENEFÍCIOS */
.beneficios {background: #f9fcf8}
.beneficios .container > .row {justify-content: center; align-items: center}
.beneficios .box {position: relative; background: #fff;border: 1px solid #d9edd3;border-radius: 15px;padding: 35px 45px;margin-bottom: 55px;display: flex;align-items: center; transition: .5s}
.beneficios .container .row [class*='col-']:first-child  .box {text-align: right; flex-direction: row-reverse}
.beneficios .box:hover {box-shadow: 0 16px 32px 0 #00000010}
.beneficios .box::before {content: ''; width: 4px; height: 80%; background-color: #009b03; position: absolute; left: 0; transform: scaleY(0); display: block; transition: .5s}
.beneficios .container .row [class*='col-']:first-child  .box::before {right: 0; left: inherit} 
.beneficios .box:hover::before {transform: scaleY(1)} 
.beneficios .box .icone {font-size: 65px;color: #009b03;margin-right: 20px}
.beneficios .container .row [class*='col-']:first-child  .box .icone{margin-right: 0; margin-left: 30px}
.beneficios .box .icone, .beneficios .box .icone i {line-height: 0; display: block}
.beneficios .box h3 {font-size: 20px; margin-bottom: 7px}
.beneficios .box p {font-size: 15px;line-height: 1.3;margin: 0}



/* HOME - PARALLAX DE PERDAS */
.perdas-parallax {background: rgb(255,255,255);background: linear-gradient( 90deg, rgba(255,255,255,1) 50%, rgb(0 155 2) 50%);padding: 85px 0;border: 1px solid #e5eaee;border-right: none;border-left: none;}
.perdas-parallax img {display: block;width: 75%;margin: 0 auto;mix-blend-mode: multiply;}
.perdas-parallax h2 {font-weight: 900;font-size: 54px;margin-bottom: 50px;}
.perdas-parallax h3 {font-weight: 900;font-size: 34px;text-align: center;color: #252525 ;margin-top: 30px;}
.perdas-parallax [class*='col-']:first-child h2{color: #009b03}
.perdas-parallax [class*='col-']:last-child h2 {color: #fff}
.perdas-parallax::before {content: '';display: block;width: 200px;height: 6px;background: #252525; margin: 0 auto;position: relative;bottom: -104px;}
.perdas-parallax .texto-sobreposto {text-align: center;position: absolute;bottom: 39%;left: 0;right: 0;}
.perdas-parallax .texto-sobreposto .numeral {font-weight: 900;font-size: 78px;margin-bottom: 0;line-height: 1;}
.perdas-parallax .texto-sobreposto .texto {font-weight: 900;line-height: 1.15;}
.perdas-parallax [class*='col-']:first-child .texto-sobreposto {background: #ffffffbd;width: fit-content;margin: 0 auto;padding: 30px 85px 0 85px;bottom: 37%}
.perdas-parallax [class*='col-']:first-child .texto-sobreposto .numeral, .perdas-parallax [class*='col-']:first-child .texto-sobreposto .texto  {color: #252525}
.perdas-parallax [class*='col-']:first-child .texto-sobreposto .texto {font-size: 20px;color: #f67f2b}
.perdas-parallax [class*='col-']:last-child .texto-sobreposto .numeral, .perdas-parallax [class*='col-']:last-child .texto-sobreposto .texto  {color: #fff; text-shadow: 0 0 15px #00000040;}
.perdas-parallax [class*='col-']:last-child .texto-sobreposto .texto {font-size: 36px;text-shadow: 0 0 15px #00000040;margin: 0}
.perdas-parallax [class*='col-']:first-child .texto-sobreposto .numeral {font-size: 54px;color: #f67f2b}


/* HOME - SOBRE */
.sobre .row, .sobre li  {display: flex; align-items: center}
.sobre li i {font-size: 80px; color: #009b03; margin-right: 25px}
.sobre li span {margin-bottom: 5px; font-weight: 700; font-size: 20px; display: contents}
.sobre img {position: relative;max-width: 65%;border: 10px solid #fff;box-shadow: 0 0 20px #00000030}
.sobre [class*='col-'] picture:last-child img {display: block;margin-left: auto;margin-top: -15%}
.sobre a {margin-top: 40px}

/*FOOTER*/
footer {background-color: #252525; padding-top: 100px}
footer h3 {color: #fff; margin-bottom: 20px; font-size: 23px}
footer p, footer a, footer li {color: #a3a3a3}
footer ul li {margin-bottom: 15px}
footer .container .row [class*='col']:nth-child(1) img {width: 65%; margin-bottom: 30px}
footer .container .row [class*='col']:nth-child(2) ul:last-child {margin-top: 15px; display: flex}
footer .container .row [class*='col']:nth-child(2) ul:last-child li a {display: flex; justify-content: center; align-items: center; height: 35px; width: 35px; border-radius: 100%;
border: 1px solid #a3a3a3; margin-right: 15px; margin-bottom: 0}
footer .container .row [class*='col']:nth-child(2) ul:last-child li a:hover {background-color: #009b03; color: #fff; border-color: #009b03}
footer .container .row [class*='col']:nth-child(2) ul:last-child li:last-child a {margin-right: 0}
footer .container .row [class*='col']:nth-child(2) ul:last-child li a i {line-height: 0;display: block;font-size: 15px}
footer .container .row [class*='col']:nth-child(4) ul {display: flex; flex-wrap: wrap; justify-content: space-between}
footer .container .row [class*='col']:nth-child(4) ul li:nth-child(1), footer .container .row [class*='col']:nth-child(4) ul li:nth-child(2){width: 43%; margin-bottom: 30px}
footer .copyright {margin-top: 100px; padding: 30px 0; border-top: 1px solid #393939; text-align: center}
footer .container .row [class*='col']:nth-child(4) ul li a {opacity: .5}
footer .container .row [class*='col']:nth-child(4) ul li a:hover {opacity: 1}
footer .copyright p {margin: 0; line-height: 1; font-size: 15px}
footer .copyright p a {font-weight: 600}

/* BREADCRUMB */
.breadcrumb-c {overflow: hidden;text-align: center;position: relative;padding: 0;height: 27vh}
.breadcrumb-c.int {background: #009b03}
.breadcrumb-c .img {position: absolute; height: 100%; width: 100%}
.breadcrumb-c .img picture,  .breadcrumb-c .img img {object-fit: cover; width: 100%; height: 100%}
.breadcrumb-c .img::after{content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: #009b02; opacity: .75}
.breadcrumb-c .txt {position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: fit-content;max-width: 1250px}
.breadcrumb-c .txt h1 {color: #fff;font-size: 62px;font-weight: 800}
.breadcrumb-c .txt ul li {display: inline-block; color: #fff; font-weight: 500; position: relative}
.breadcrumb-c .txt ul li::after {content: "|"; margin: 0 10px 0 13px}
.breadcrumb-c .txt ul li:last-child::after {display: none}
.breadcrumb-c .txt ul li a {color: #fff; font-weight: 500}
.breadcrumb-c .txt ul li a:hover {color: #f67f2b}

/*PÁGINA DE PRODUTOS*/
.produtos-int .tab-menu {margin-bottom: 50px; padding: 0 15px}
.produtos-int .tab-menu ul {display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.produtos-int .tab-menu ul li {position: relative}
.produtos-int .tab-menu ul li::after {content: '';width: 2px;height: 100%;position: absolute;background: #e5eaee;}
.produtos-int .tab-menu ul li:last-child::after{display: none}
.produtos-int .tab-menu ul li button {background: none;font-size: 22px;transition: .3s;padding: 0 40px; color: #3f3f3f; border: 0}
.produtos-int .tab-menu ul li button::after {content: ''; width: 100%; height: 2px; background-color: #009b02; display: block;transform: scaleX(0); transition: .3s}
.produtos-int .tab-menu ul li button.active::after{transform: scaleX(1)}
.produtos-int .tab-menu ul li button.active {color: #009b02}
.produtos-int .tab-menu ul li button i {vertical-align: middle; font-size: 36px; line-height: 1}
.produtos-int .tab-menu ul li button.active i {color: #009b02}
.produtos-int .produto {width: 25%; padding: 15px}


/*PÁGINA DE PRODUTOS INTERNA*/
.produto-detalhe .img picture, .produto-detalhe .img img {box-shadow: 0 0 20px #00000015;margin-bottom: 50px}
.produto-detalhe .txt h2 {margin-bottom: 20px;}
.produto-detalhe .txt strong {font-weight: 700}
.produto-detalhe .txt ul{margin-bottom: 50px}
.produto-detalhe .txt ul li {margin-bottom: 8px}
.produto-detalhe .txt ul li::before{font-family: flaticon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; content: "\f120";color: #009b03;margin-right: 3px}
.produto-detalhe .txt table {border: 2px solid #009b03}
.produto-detalhe .txt table tbody tr p {margin: 0;padding: 10px 20px}
.produto-detalhe .txt table tbody tr td {border: 1px solid #ccc}
.produto-detalhe .txt table tbody tr td:nth-child(2) p, .produto-detalhe .txt table tbody tr td:nth-child(3) p {text-align: center}
.produto-detalhe .txt table tbody tr:first-child {background: #009b03;text-align: center}
.produto-detalhe .txt table tbody tr:last-child {background: #f1f8ee;}
.produto-detalhe .txt table tbody tr:last-child p {padding: 20px}
.produto-detalhe .txt table tbody tr:first-child p {color: #fff;margin: 0;padding: 20px;font-size: 24px;text-transform: uppercase;font-weight: 800}
.produto-detalhe .txt table tbody tr:nth-child(2), .produto-detalhe .txt table tbody tr:nth-child(3) {text-align: center}

/*SIDEBAR*/
.sidebar ul li:first-child {text-align: center;padding: 22px;background: #f67f2a;color: #fff;font-weight: 700;font-size: 28px;border-radius: 15px 15px 0 0}
.sidebar ul li a {border: 1px solid #e2e7ea;border-bottom: none;width: 100%;display: block;padding: 27px;font-size: 24px}
.sidebar ul li a:hover {background-color: #f1f8ee}
.sidebar ul li:last-child a {border-bottom: 1px solid #e2e7ea; border-radius: 0 0 15px 15px}
.sidebar ul li a i {font-size: 36px; line-height: 1; vertical-align: middle}

/*SOBRE*/
.sobre-int {position: relative}
.sobre-int .img {width: 47%;height: 100%;position: absolute;left: 0;top: 0;bottom: 0;padding: 80px 0px}
.sobre-int .img picture, .sobre-int .img img {object-fit: cover; height: 100%; width: 100%}
.sobre-int [class*='col-']{margin-left: auto}
.sobre-int p {text-align: justify}
.sobre-int a {margin-top: 40px}

/* ESTRUTURA */
.estrutura {padding: 180px 0 ; position: relative}
.estrutura .img {position: absolute; left: 0; top: 0; width: 50%; height: 100%}
.estrutura .img picture, .estrutura .img img {object-fit: cover; height: 100%; width: 100%} 
.estrutura [class*='col-'] {margin-left: auto}
.estrutura p {text-align: justify}
#estrutura .sec-titulo, #estrutura .sec-titulo p:last-of-type { margin-bottom: 0}
#estrutura section.estrutura:nth-child(3){border-top: 1px solid #ececec}
#estrutura section.estrutura:nth-child(4) .img, #estrutura section.estrutura:nth-child(6) .img {right: 0; left: inherit}
#estrutura section.estrutura:nth-child(4) [class*='col-'], #estrutura section.estrutura:nth-child(6) [class*='col-'] {margin-left: 0}

/* PÁGINA DE EMBALAGENS */
.packaging-table i {color: #66b556;font-size: 32px;vertical-align: middle;line-height: 1;margin-right: 5px}
.packaging-table {width: 100%;height: 100%;border: 2px solid #66b556;padding: 5px;color: var(--ltn__paragraph-color);}
.packaging-table th {border: 1px solid #ffffff;padding: 15px;background: #66b556;text-align: center;color: #fff;}
.packaging-table td {border: 1px solid #e1e1e1;padding: 10px 20px;background: #FFFFFF;}				
.cor-secundaria-coluna {background: #fbfbfb!important;}
.packaging-box {border: 1px solid #bef8b2;border-radius: 20px;padding: 35px 25px;margin: 0px 5px;text-align: center;background: #fff;transform: translateY(0);box-shadow: 0 0 #00000050;overflow: hidden;position: relative;transition: .4s ease;}
.packaging-box::after {font-family: packaging-icon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;font-size: 235px;top: 50%;left: -15%;color: #fff;opacity: 0;transform: translateY(100px);transition: 0.45s ease}
.packaging-box:hover::after {opacity: .1; transform: translateY(0px);}
[class*='col-']:nth-child(1) .packaging-box::after {content: "\f103";}
[class*='col-']:nth-child(2) .packaging-box::after {content: "\f102";}
[class*='col-']:nth-child(3) .packaging-box::after {content: "\f104";}
[class*='col-']:nth-child(4) .packaging-box::after {content: "\f101";}
.packaging-box:hover {background: #66b556;transform: translateY(-10px);box-shadow: 0 0 20px #00000050;	}
.packaging-box i {font-size: 65px;line-height: 1;color: #66b556;margin-bottom: 10px;display: block;transition: .45s ease}
.packaging-box:hover i {color: #fff}
.packaging-box h3 {transition: .45s ease;font-size: 1.6rem;}
.packaging-box:hover h3 {color: #fff}
.packaging-box p {text-align: justify;margin-bottom: 0;transition: .45s ease}
.packaging-box:hover p {color: #fff; opacity: 0.8}
.technical-specifications {background-color: #fcfff0}


/* PÁGINA DE CONTATO */
input, textarea {border: 1px solid #e5e5e5;height: 50px;padding-left: 55px;font-size: 16px;color: #3f3f3f;width: 100%;margin-bottom: 20px;border-radius: 5px;padding-right: 40px;transition: .5s}
input:focus, textarea:focus {border: 1px solid #009b03; outline: 0; box-shadow: 0}
input::placeholder, textarea::placeholder {color: #999}
textarea {height: 180px; padding: 15px 20px 15px 55px}
form button {display: block; text-align: center; width: 100%}
form h3 {margin-bottom: 30px}
form .input-group {position: relative}
form .input-group::after {font-family: flaticon;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #009b03;position: absolute;top: 16px;left: 36px;font-size: 18px}
form .input-group.nome::after {content: "\f128"}
form .input-group.email::after {content: "\f129"}
form .input-group.assunto::after {content: "\f12a"}
form .input-group.msg::after {content: "\f12b"}
.box-contato-sect {display: flex;flex-wrap: wrap;}
.box-contato-sect .icone {height: 70px;width: 80px;background: #fff;border: 1px solid #000;display: flex;justify-content: center;align-items: center;font-size: 42px;line-height: 0;position: relative;z-index: 3;}
.box-contato-sect .icone::after {content: '';background: #00000050;width: 45px;height: 25px;position: absolute;right: -11px;bottom: -13px;clip-path: polygon(50% 0, 100% 100%, 0 100%);transform: rotate(90deg);z-index: 2;mix-blend-mode: color}
.box-contato-sect .info-contato {background: #019b02;color: #fff;width: 76%;height: 150px;padding: 15px 20px 15px 50px;margin-top: 20px;margin-left: -25px;z-index: 1;font-size: 15px;position: relative}
.box-contato-sect .info-contato::after {content: '';background: #019b02;height: 30px;width: 150px;position: absolute;top: calc(50% - 30px/2);right: -89.5px;clip-path: polygon(50% 0, 100% 100%, 0 100%);transform: rotate( 90deg)}
.box-contato-sect .info-contato h3 {color: #fff; font-size: 22px}
.box-contato-sect .info-contato a {display: block; color: #fff; opacity: .8; margin-bottom: 6px; transition: .4s ease}
.box-contato-sect .info-contato a:hover {color: #fff; opacity: 1}
.mapa-google {margin-bottom: -10px;padding: 0}
.contato-sect-2 {padding-top: 0}
.contato-sect-1 .row {justify-content: center}
.contato-sect-1 form {box-shadow: 0 0 20px #00000020;padding: 45px 75px;border-radius: 20px;margin-top: 50px;background: #fff}



/* SUCO DE GENGIBRE */
.produto-premium {position: relative}
.produto-premium [class*='col-']{margin-left: auto}
.produto-premium h3 {margin-bottom: 15px}
.produto-premium h3:not(:first-of-type) {margin-top: 40px}
.produto-premium ul + ul {margin-top: 20px}
.produto-premium ul li {margin-bottom: 8px}
.produto-premium ul li span {font-weight: 600}
.produto-premium ul:first-of-type li::before {content: "\f121";font-family: flaticon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;vertical-align: middle;color: #009b03;margin-right: 6px;}
.produto-premium ul:nth-of-type(2), .produto-premium ul:nth-of-type(3) {padding-left: 70px; position: relative}
.produto-premium ul:nth-of-type(2)::before, .produto-premium ul:nth-of-type(3)::before {font-family: packaging-icon !important;font-style: normal;font-weight: normal !important;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #009b03;margin-right: 6px;font-size: 60px;position: absolute;left: 0;}
.produto-premium ul:nth-of-type(2)::before {content: "\f103";top: 16px}
.produto-premium ul:nth-of-type(3)::before {content: "\f101";top: 32px}


.produto-premium .img-full img {position: absolute;left: -8.5%;top: 100px;width: auto;height: 85%}
@media (min-width: 2050px){.produto-premium .img-full img {position: absolute;left: -4%;top: 70px;width: auto;height: 90%}}
@media (max-width: 1750px){.produto-premium .img-full img {left: -15%;top: 120px;height: 80%}}
@media (max-width: 1510px){.produto-premium .img-full img {left: -22%;top: 150px;height: 75%}}
@media (max-width: 1310px){.produto-premium .img-full img {left: -25%;top: 170px;height: 70%}}
@media (max-width: 1190px){.produto-premium .img-full img {left: -34%;top: 210px;height: 65%}}
@media (max-width: 1050px){.produto-premium .img-full img {left: -40%;top: 210px;height: 60%}}
@media (max-width: 768px){.produto-premium .img-full img {position: static;width: 100%;height: auto}}