/*FONTS <<< Carregar as fontes no ficheiro fonts.css >>> */
html { position: relative; width: 100%; overflow-x: hidden; }
body { position: relative; width: 100%; overflow-x: hidden; background-image: url("../images/client/fundo.jpg"); background-size: 100%; background-repeat: repeat-y; color: #3F3B33; font-size: 14px; line-height: 140%; font-family: 'Vollkorn', serif; font-weight: 400; }

strong { font-weight: 900; }
em { font-weight: 400; font-style: italic; }

.stdButton { position: relative; padding: 10px 20px; background-color: #7A9A01; border-radius: 20px; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; }
.stdButton p { color: #ffffff; text-transform: uppercase; }
.stdButton:hover { background-color: #408F33; -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.25); }

.titulo1 { font-size: 48px; line-height: 110%; font-weight: 900; margin-bottom: 20px; }
.titulo2 { font-size: 26px; line-height: 115%; margin-bottom: 20px; }

.ancora { position: absolute; top: -55px; left: 50%; pointer-events: none; }
.ancora#home,.ancora#alimentos-simples,.ancora#alimentos-compostos,.ancora#pontos-de-venda { top: -130px; }

.popup ul, .popup ol { padding-left: 40px; padding-right: 40px; }
.popup ul li { list-style: disc; }
.popup ol li { list-style: decimal; }
.popup h1,.popup h2,.popup h3,.popup h4,.popup h5,.popup h6 { color: #3F3B33; line-height: 120%; font-family: 'Vollkorn', serif; font-weight: 400; margin-bottom: 15px; }
.popup h1 { font-size: 36px; }
.popup h2 { font-size: 20px; }
.popup h3 { font-size: 19px; }
.popup h4 { font-size: 18px; }
.popup h5 { font-size: 17px; }
.popup h6 { font-size: 16px; }
.popup { background-color: rgba(0,0,0,0.75); }
.popup .popupBox1 { background-image: url("../images/client/fundo.jpg"); background-size: 100%; background-repeat: repeat-y; }

section { position: relative; width: 100%; max-width: 100%; }

.section1 { margin-top: 80px; text-align: center; color: #ffffff; }
.section1 .jarallax { position: relative; padding-top: 85px; padding-bottom: 85px; }
.section1 .jarallax::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 0; }
.section1 .logo { width: 300px; max-width: 50%; margin-bottom: 50px; }

.section2 { padding-top: 50px; padding-bottom: 50px; }
.section2 .elemento1 { width: 255px; max-width: 100%; margin-bottom: 34px; }
.section2 .elemento2 { width: 90px; max-width: 100%; margin-bottom: 20px; }
.section2 .area1 { text-align: right; }
.section2 .area2 { text-align: right; display: none; }
.section2 .areaTexto { column-count: 2; column-gap: 30px; }
.section2 .areaTexto p { margin-bottom: 10px;}
.section2 .stdButton { margin-top: 20px; margin-bottom: 20px; }

.section3 { padding-top: 50px; padding-bottom: 50px; }
.section3 .elemento3 { width: 155px; max-width: 100%; margin-bottom: 20px; }
.section3 .vaca { position: absolute; width: auto; height: 440px; top: calc( 50% - 220px ); right: 0; z-index: -1; }

.section4 { text-align: center; margin-top: 50px; margin-bottom: 100px; }
.section4 h5.titulo2 { margin-bottom: 0; }
.section4 h5.titulo2 strong { text-transform: uppercase; }
.section4 .areaProd { position: relative; background-color: #ffffff; border-radius: 20px; padding: 50px; margin: 25px auto; width: 500px; max-width: 100%; height: 630px; overflow: hidden; }
.section4 .image { width: 100%; height: 350px; background-size: contain; background-position: center; background-repeat: no-repeat; }
.section4 .areaTexto { position: absolute; bottom: 70px; left: 50px; width: calc( 100% - 100px ); height: 160px; padding-top: 25px; padding-bottom: 25px; }
.section4 h4 { margin-bottom: 15px; }
.section4 h3 { margin-bottom: 15px; }
.section4 .areaDestaque { opacity: 0; pointer-events: none; }
.section4 .stdButton { position: absolute; bottom: 0px; left: 0; z-index: 1; padding-left: 50px; padding-right: 50px; }
.section4 .stdButton p { text-transform: uppercase; }
/*.section4 .slick, .section4 .slick-list, .section4 .slick-track, .section4 .slick-slide { height: 100%; }*/
.section4 .slick-dots { width: 100%; text-align: center; margin: 0px auto; }
.section4 .slick-dots li { display: inline-block; width: 10px; height: 10px; background-color: #4C3D3B; margin: 5px; border-radius: 50%; cursor: pointer; }
.section4 .slick-dots li.slick-active { background-color: #7B9A01; }
.section4 .slick-dots li button { display: none; }
.section4 .areaProd.areaProdMaisInfo:hover .areaTexto { background-color: rgba(255,255,255,0.8); height: 275px; }
.section4 .areaProd.areaProdMaisInfo:hover .areaDestaque { opacity: 1; }

.section5 .jarallax { position: relative; padding-top: 100px; padding-bottom: 100px; color: #ffffff; }
.section5 .jarallax::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.25); z-index: 0; }
.section5 .areaTexto { width: 550px; max-width: 100%; }
.section5 .areaContactos { position: relative; margin-top: 40px; }
.section5 .stdButton { margin-right: 10px; margin-bottom: 10px; }

.section6 { padding-top: 50px; padding-bottom: 50px; }
.section6 .formNewsletter { position: relative; width: 480px; max-width: 100%; }
.section6 .formNewsletter #submitNewsletter { position: absolute; top: 0; right: 0; width: 40px; height: 40px; border-radius: 20px; text-align: center; cursor: pointer; }
.section6 .formNewsletter #submitNewsletter:hover { background-color: #408F33; }
.section6 .formNewsletter #submitNewsletter i { font-size: 16px; line-height: 40px; }
.section6 .formNewsletter #submitNewsletter:hover i { color: #ffffff; }
.section6 #emailNewsletter,.section6 #name1,.section6 #contact1,.section6 #subject1,.section6 #message1 { position: relative; width: 100%; height: 40px; border-radius: 20px; background-color: #ffffff; color: #3F3B33; font-size: 14px; line-height: 140%; font-family: 'Vollkorn', serif; font-weight: 400; margin-bottom: 10px; border-color: transparent; padding-left: 20px; padding-right: 20px; }
.section6 #name1,.section6 #contact1 { display: inline-block; vertical-align: middle; width: calc( 50% - 5px ); }
.section6 #name1 { margin-right: 10px; }
.section6 #subject1 { display: none; }
.section6 #message1 { height: 120px; min-height: 80px; max-height: 250px; resize: none; padding-top: 10px; padding-bottom: 10px; }
.section6 .form-check { margin-bottom: 10px; }
.section6 .form-check label { color: #3F3B33; font-size: 12px; line-height: 140%; font-family: 'Vollkorn', serif; font-weight: 400;  }
.section6 .form-check label.stdPopup { font-weight: 900; }
.section6 #checkForRealContact1 { text-align: left!important; }
.section6 .areaTexto { margin-bottom: 15px; }
.section6 div.socialNetworks { margin-top: 40px; margin-bottom: 40px; }
.section6 div.socialNetworks div.socialNetworkIcon { width: 40px; height: 40px; background-color: #ffffff; border-radius: 50%; border-color: transparent; margin: 0 10px 10px 0; }
.section6 div.socialNetworks div.socialNetworkIcon i { color: #3F3B33; line-height: 38px; }
.section6 div.socialNetworks div.socialNetworkIcon:hover { background-color: #408F33; }
.section6 div.socialNetworks div.socialNetworkIcon:hover i { color: #ffffff; }
.section6 .contactForm { margin-bottom: 25px; }
.section6 .logoRodape { width: 220px; max-width: 100%; margin-bottom: 20px; }
.section6 .areaRodape p { margin-bottom: 10px; }
.section6 .areaRodape a, .section6 .areaRodape .stdPopup { color: #3F3B33; margin-right: 10px; }
.section6 .areaRodape a:hover, .section6 .areaRodape .stdPopup:hover { color: #408F33; }
.section6 .areaMicrosite { text-align: center; }
.section6 #micrositeUTD { width: 44px; max-width: 100%; }

.section7 { margin-bottom: 25px; }
.section7 .areaLojas { margin: 30px auto; }
.section7 .loja { position: relative; margin-bottom: 12px; cursor: pointer; }
.section7 .seta { position: absolute; top: 0; left: -30px; }
.section7 .seta i { color: #7A9A01; font-size: 18px; }
.section7 .linha1 { position: relative; display: flex; }
.section7 .linha1 .linhaNome { display: flex; }
.section7 .linha1 .linhaNome .nome { text-transform: uppercase; font-weight: 900; }
.section7 .loja:hover .linha1 .linhaNome .nome { color: #7A9A01; }
.section7 .linha2 { position: relative; display: flex; padding-top: 6px; padding-bottom: 6px; }
.section7 .linha2::before { content: ""; position: absolute; top: 100%; left: 0; width: 100%; height: 1px; background-color: #C9C5C4; }
.section7 .loja .linha2 .compress { display: none; }
.section7 .loja .linha2 .descricao { display: flex; }
.section7 .loja .linha2 .descricao img { height: 32px; margin: 5px 20px; }
.section7 .loja .linha2 .descricao .dados a { color: #3F3B33; -webkit-transition: all 700ms; -moz-transition: all 700ms; -o-transition: all 700ms; transition: all 700ms; }
.section7 .loja .linha2 .descricao .dados a:hover { color: #7A9A01; }
.section7 .areaMapa { position: relative; width: 240px; max-width: 100%; margin: 30px 0 30px auto; }
.section7 .areaMapa .mapaLojas { position: relative; width: 100%; padding-bottom: 200%; background-image: url('../images/client/mapa-lojas.png'); background-size: contain; background-position: center; background-repeat: no-repeat; }
.section7 .areaMapa .mapaLojas .ponto { position: absolute; z-index: 5; width: 10px; height: 10px; background-color: #7A9A01; border-radius: 50%; }

.section8 { margin-bottom: 100px; }
.section8 .areaTestemunhos { margin: 50px auto; text-align: center; }
.section8 .areaTestemunhos .textoTestemunho,.section8 .areaTestemunhos .nomeTestemunho { margin-bottom: 10px; }
.section8 .areaTestemunhos .slickNav { position: relative; width: 500px; max-width: 100%; height: 1px; background-color: #C9C5C4; margin: auto; margin-top: 5px; }
.section8 .areaTestemunhos .slickNav i { margin: 10px; padding: 5px; cursor: pointer; color: #7A9A01; font-size: 18px; }














/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .ancora { top: -80px; }
    .ancora#alimentos-simples,.ancora#alimentos-compostos { top: -110px; }
    .titulo1 { font-size: 38px; line-height: 115%; }
    .titulo2 { font-size: 22px; line-height: 115%; }
    .section1 .logo { width: 250px; margin-bottom: 35px; }
    .section2 .area0 { text-align: center; }
    .section2 .area1 { display: none; }
    .section2 .area2 { display: block; }
    .section2 .elemento1 { width: 175px; }
    .section2 .elemento2 { width: 75px; }
    .section3 .vaca { height: 360px; top: calc( 50% - 180px ); }
    
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .section3 { padding-top: 0; padding-bottom: 400px; }
    .section3 .vaca { height: 300px; top: auto; bottom: 50px; }
    .section4 h5.titulo2.tituloMobile2 { margin-top: 50px; }
    .section5 .jarallax { text-align: center; }
    .section5 .areaTexto { margin-left: auto; margin-right: auto; }
    .section6 { text-align: center; }
    .section6 .formNewsletter { margin-left: auto; margin-right: auto; }
    .section6 div.socialNetworks div.socialNetworkIcon { margin: 5px; }
    .section6 #checkForRealContact1 { text-align: center!important; }
    .section6 .contactForm { margin-bottom: 50px; }
    .section6 .areaRodape a, .section6 .areaRodape .stdPopup { margin-left: 5px; margin-right: 5px; }
    .section7 .linha1 .linhaNome { flex-direction: column; }
    .section7 .areaMapa { margin-left: auto; margin-right: auto; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .titulo1 { font-size: 30px; line-height: 115%; }
    .titulo2 { font-size: 20px; line-height: 120%; }
    .section2 .areaTexto { column-count: 1; column-gap: 0px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
    .section3 { padding-bottom: 300px; }
    .section3 .vaca { height: 200px; }
    .section4 .areaProd.areaProdMaisInfo:hover .areaTexto { height: 350px; }
    .section4 .stdButton { padding-left: 20px; padding-right: 20px; }
    .section6 #name1,.section6 #contact1 { width: 100%; margin-left: 0; margin-right: 0; }
}