@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed|Quicksand|Cormorant+Garamond');
/* ZERAR  */
*{ margin:0; padding:0; list-style: none; border: none; box-sizing: border-box;}
body{ font-size:1em;}
p{ font-family: Quicksand, Geneva, sans-serif; font-size:1.1rem; color: #666; padding:5px; text-align:justify;}
a,select,input { outline:0 ;}
textarea:focus, input:focus, select:focus {box-shadow: 0 0 0 0;border: 0 none;outline: 0;}
input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] {-moz-appearance:textfield;}

/* FORMATAR PÁGINA */
html, body{ height:100%; max-width:1920px; margin:0 auto;}
#todo-conteudo{ min-height:100%; position: relative;}
.content{ padding-bottom: 150px; padding-top: 80px; width:100%; display:inline-block;}
.rodape {position: absolute; bottom: 0;}
.clear{ clear: both;}

/* GERAL  */
h1{ font-family:Cormorant Garamond, Geneva, sans-serif; font-size:1.8rem; letter-spacing: 1px; margin-bottom:10px; color: rgba(1,105,201,1); margin-top:.8em; text-align:center;}
h2{ font-family:Cormorant Garamond, Geneva, sans-serif; font-size:1.5rem; letter-spacing: 2px; color: rgba(1,105,201,.9); margin-top:.8em; text-align:center;}
h3{ font-family:Cormorant Garamond, Geneva, sans-serif; font-size:1.2rem; letter-spacing: 4px; color: rgba(1,105,201,.8);}
a{ text-decoration:none; color:#0197fd; }
a:hover{ color:#0169c9;}
li{ padding:8px; color: #666;}
input{ width:100%; /*height:40px;*/ padding:10px 20px; margin:8px 5px 10px 0; border:1px solid rgba(47,28,21,.2); color:#666;}
textarea{ width:100%; padding:15px; margin:8px 5px 10px 0; border:1px solid rgba(47,28,21,.2); border-radius:14px; color:#666;}
input:required, textarea:required {  box-shadow: 0 1px 1px rgba(204,204,204,.075),0 0 8px rgba(204,204,204,.6) inset;}
input:focus, textarea:focus{ box-shadow: 0 1px 1px rgba(1,105,201,.075),0 0 8px rgba(1,105,201,.6) inset;}
figure{ margin: 0; font-family: Verdana, Geneva, sans-serif;}
figcaption{ padding-top:.4rem;}
.uma-coluna{ width:98%; margin:1%; padding:1%;}
.duas-colunas{ width:48%; margin:1%; padding:1%; float:left;}
.tres-colunas{ width:31%; margin:1%; padding:1%; float:left;}
.quatro-colunas{ width:23%; margin:1%; float:left;}
.bg-topo-rodape{ /* background-image:url(../img/topo4.jpg);*/background:#161616;}
.align-center{ text-align:center;}
.align-left{ text-align:left;}
.float-right{ float:right;}
.float-left{ float:left;}
.scroll{ height:250px; overflow:auto; display:none;}
.width100{ width:100%}
.width20{ width:20%}
.display-inline{ display:inline;}
.btn{ font-size: 1rem; padding: .4rem 1.4rem; cursor:pointer; border: 1px solid transparent; border-radius: 3px;m-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.btn-enviar{ margin: 0 auto; display: block; background-color: rgba(47,28,21,1); color: #ffffff; font-weight: 300;}
.btn-enviar:hover{ background-color: #ffffff;color: rgba(47,28,21,1);border-color: rgba(47,28,21,1);}
.radio-button{ width:20px; height:20px;}
.span-form{ color:#666; font-size:1rem; margin-right: 10px;}
.upload-file{ border:none; box-shadow:none; height:100%;}
.nowrap{ white-space: nowrap; display:inline-block;}
.dados{ font-family: Verdana, Geneva, sans-serif; color: #666; padding:.5em .3em; font-size:.8rem; }
.bolder{ font-weight:bolder;}
.box80-center{ width:79%; margin:0 auto;}
.box50-center{ width:50%; margin:0 auto;}
.anuncio{ border:1px solid rgba(1,105,201,.2);}
.anuncio:hover{ border:1px solid rgba(1,105,201,.4);}

/* range */
.budget { color:#0197fd;}
.output { color:rgba(1,105,201,1); margin-bottom:1em;}

/* REDES SOCIAIS */
.redes-sociais{ margin-top:10px;}
.redes-sociais .box { display: inline-block; width: 35px; height: 35px; margin-right:5px; line-height: 35px; font-size:1.3rem; text-align: center;  border-radius: 48%; background: #fff; overflow: hidden; cursor: pointer; transition:all .8s ease;}
.box:hover { transition:.5s linear; color: white;}
#facebook{ color:#3a5795; }
#facebook:hover { background-color: #3a5795; box-shadow: inset 0 0 0 22px #3a5795; color:#fff;}
#google{ color: #dd4b39;}
#google:hover { background-color: #dd4b39; box-shadow: inset 0 0 0 22px #dd4b39; color: #fff;}

/* TOPO */
.topo{height:80px; position:fixed; width:100%; max-width: 1920px; z-index:1;}
.logo{ float:left;margin: 1em 0 0 1em;}

/* MENU */
/* menu */
#nav span {display: none;}
#nav, #nav ul {list-style: none outside none;margin: 0;padding: 0;}
#nav {/*background-color: #F5F5F5;float: left;margin-left: 1%;margin-right: 1%;position: relative;width: 98%;*/ float:right;}
#nav ul.subs {/*background-color: #333;*/background:#161616;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);color: #333333;display: none;left: 0;padding: 2%;position: absolute;top: 80px;width: 100%; height:auto;}
#nav > li {float: left;margin-bottom: -5px;text-align: left;-moz-transition: all 300ms ease-in-out 0s;-ms-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;-webkit-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s;   line-height: 80px;padding: 0 8px;}
#nav li a {display: block;text-decoration: none;transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;white-space: normal;}
#nav > li > a {color: rgba(1,159,255,1);display: block;font-size: 1.2em;padding: 0 15px; }
#nav > li:hover > a, #nav > a:hover {/*background-color: #F55856;*/color: rgba(1,105,201,1);}
#nav li.active > a {background-color: rgba(1,105,201,1);;color: #FFFFFF;}
/* submenu */
#nav li:hover ul.subs {display: block;}
#nav ul.subs > li {display: inline-block;float: none;padding: 10px 1%;vertical-align: top;width: 24%;}
#nav ul.subs > li a {color: rgba(1,105,201,1);line-height: 20px;}
#nav ul li a:hover {color: rgba(1,159,255,1);}
#nav ul.subs > li > a {font-size: 1.3em;margin-bottom: 10px;}
#nav ul.subs > li li {float: none;padding-left: 8px;-moz-transition: padding 150ms ease-out 0s;-ms-transition: padding 150ms ease-out 0s;-o-transition: padding 150ms ease-out 0s;-webkit-transition: padding 150ms ease-out 0s;transition: padding 150ms ease-out 0s;}
#nav ul.subs > li li:hover {padding-left: 15px;}
/* botao dispositivos moveis */
.btn-menu-peq {height:40px; width:40px; cursor: pointer; display:none; float:right; margin:10px 10px 10px 0; background: #333; color:rgba(1,159,255,1); border: 1px solid rgba(1,105,201,1); outline:none;}




/* INDEX */
.pesquisa-home{ background-image:url(../img/img-pesquisa.jpg); width:100%; height:400px; overflow:hidden; display:block;}
.titulo-pesquisa{ color:#fff;}
.mapa{ float:left; margin:1.3em;}
.mapa-pesquisa{ display: flex; margin: 0 auto; width: 650px;}
/* radio buttons */
.selecao{ float:left; padding:1.3em; }
.radio-selecao { margin-left: 50px;}
.radio-selecao input{ width:auto;}
.radio-selecao label { position: relative; color:#fff; font-weight: bold; /*background: rgba(0,0,0,.5);*/text-shadow: 0 0 4px #000;}
.radio-selecao span::before, .radio-selecao span::after {content: ''; position: absolute; top: 0;bottom: 0;margin: auto;}
.radio-selecao span.radio:hover {cursor: pointer;}
.radio-selecao span.radio::before {left: -52px;width: 45px;height: 25px;background-color:#CCC;border-radius: 50px;border-color: #000;}
.radio-selecao span.radio::after {left: -49px;width: 17px;height: 17px;border-radius: 10px;/*background-color: rgba(1,159,255,1);*/background-color:#fff;transition: left .25s, background-color .25s;}
input[type="radio"]:checked + label span.radio::after {left: -27px;background-color: rgba(1,105,201,1);}
/*Destaques/patrocinios*/
.descrição-p{ font-size:.9rem;}
.btn-color{ background: rgba(1,105,201,.8); color:#fff;}
.btn-color:hover{ background: rgba(1,105,201,1);}






/* EMPRESA */
.txt-empresa{ margin:0; padding:0;}

/* PRODUÇÃO */
.fundo-fixo{ width:100%; height:auto; background-image:url(../img/quinta.jpg);background-position: 50% 0; overflow:hidden;}
.fundo-transparencia{ background: rgba(255,255,255,.7)}

/* /AREAS DE ATUAÇÃO */
.h1-categorias{ font-size:1.5rem;}
.img-categorias{ width:100%; border-radius:20px;}
.col {display:inline-block;vertical-align:top;width:33%;}
.box, .box * {-webkit-transition:0.3s linear;-ms-transition:0.3s linear;transition:0.3s linear;}
.box { width:100%;height:200px;font-family:Arial;}
.box-content { /*width:80%;margin:0 auto;*/overflow:hidden;position:relative;}
.box-content-img {width:100%; border-radius:20px;}
.box-text {width:95%;margin:170px 0 0 -65px;opacity:0;position:absolute; padding:0; -webkit-transition:margin 0.3s linear, opacity 0.1s linear;-ms-transition:margin 0.3s linear, opacity 0.1s linear;transition:margin 0.3s linear, opacity 0.1s linear;}
.box-title { text-align:center; z-index:1;}
.box.target {height:425px;}
.box.target .box-content {width:100%;height:425px;border-radius:0;margin:0;}
.box.target .box-text { margin: 0 10px 10px 10px; opacity:1;-webkit-transition:opacity 0.2s 0.4s linear;-ms-transition:opacity 0.2s 0.4s linear;transition:opacity 0.2s 0.4s linear;}
.box.target .box-icon {width:109px;height:45px;margin:69px 0 0 95px;opacity:0.9;}

/* FRUTAS */
/* Configura os elementos "parallax" */
.parallax{ width: 100%;min-height: 100vh; background-attachment: fixed;background-size: cover;background-position: 50% 0;position: relative;}
.parallax-mobile{ width: 100%;min-height: 100vh; background-attachment: fixed;background-size: cover;background-position: 50% 0;position: relative; display:none;}
/* Configura um background para cada elemento */
.div1 { background-image: url(../img/frutas/macas.jpg);}
.div2 { background-image: url(../img/frutas/laranjas.jpg);}
.div3 { background-image: url(../img/frutas/peras.jpg);}
/* Configura o texto lorem ipsum */
.texto-parallax { padding: 20px;}
.texto-parallax h2, .texto-parallax p{ padding: 10px;}


/* CONTACTOS */
.mapa-zonas{ width:100%;}

/*Cookies*/
.barra-cookies{ position:fixed; bottom:0; width:100%; padding:1rem; background: rgba(0,0,0,.4);z-index:1;}
#close-barra-cookies { color:#fff; right:3%; position:absolute; cursor:pointer;}
.p-barras-cookies { color:#fff; font-size:1rem; text-align:center;}

/* RODAPE */
.rodape{ height:150px; width:100%;}
.menu-peq{ margin-top:10px;font-size: .9rem;}
.menu-peq-li { display:inline-block;}
.menu-peq-a { color:#fff; font-family:Quicksand;}
.copyright{ position:relative; margin-top:10px;}
.copyright-p{ font-family: Quicksand; color:#fff; font-size:.6rem;}

/* SCROLL UP */
.scroll-up{ position:fixed; bottom:1em; right:1em; color:rgba(1,105,201,.8); z-index: 1;}

/*ERRO 404 */
#erro404{ width:80%; margin:0 auto;}
.img404{ margin:10% auto; display:flex; max-width:100%;}
.p404{ color:#0169c9; font-size:1.2rem; text-align:center;}





/* SELECT FILTRO*/
.filtro{ width:18%; border: 1px solid rgba(1,105,201,.2); padding: 15px; margin-left: 30px; margin-top: 14px; border-radius:12px;}
.select {position: relative;width: 100%;/*max-width: 325px;*/color: #0197fd;vertical-align: middle;text-align: left;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none; margin-bottom: 1.2em;}
.select .placeholder {position: relative;display: block;z-index: 0;padding: 1em;border-radius: 2px;cursor: pointer; border: 1px solid rgba(1,105,201,.1);}
.select .placeholder:hover {border: 1px solid rgba(1,105,201,.3); color:rgba(1,105,201,1);}
.select .placeholder:after {position: absolute;right: 1em;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);font-family: 'FontAwesome';content: '\f078';z-index: 10;}
.select.is-open .placeholder:after {content: '\f077';}
.select.is-open ul {display: block;}
.select.select--white .placeholder {background: #fff;color: #666;}
.select.select--white .placeholder:hover {background: #fafafa;}
.select ul {display: none;position: absolute;overflow: hidden;overflow-y: auto;width: 100%;background: #fff;border-radius: 2px;top: 100%;left: 0;list-style: none;margin: 5px 0 0 0;padding: 0;z-index: 100;max-height: 120px;}
.select ul li {display: block;text-align: left;padding: 0.8em 1em 0.8em 1em;color: #666;cursor: pointer;}
.select ul li:hover {background: #4ebbf0;color: #fff;}




@media only screen and (max-width : 425px) {
.tres-colunas{ width:96% !important;}
.quatro-colunas{ width:96% !important;}
.text-img { width: 90%;top: 15%;left: 5%;}
#nav ul.subs > li {display: block; width: 100% !important; }
.pesquisa-home{ height:420px;}
.mapa-pesquisa{ display:none;}
}

@media only screen and (max-width : 768px) {
body{font-size:.9em;}
.duas-colunas{ width:96%; padding:4%;}
.tres-colunas{ width:48%;}
.quatro-colunas{ width:48%;}
.width20 { width: 100%;}
.box80-center{ float:none;}
.box50-center{ width:96%; margin:0 auto;}
.candidaturas{ width:90%; margin:0 auto;}
}
@media only screen and (max-width : 1024px) {
.parallax{ display:none;}
.parallax-mobile{ display:block;}
/* menu responsivo */
.btn-menu-peq {display: block;}
#nav{ width:100%;display:none;     background: #333;}
#nav > li {float: none;border-bottom: 0;margin-bottom: 0; line-height:40px;}
#nav ul.subs {position: relative;top: 0;}
#nav li:hover ul.subs {display: none;}
#nav li #s1:target + ul.subs,#nav li #s2:target + ul.subs {display: block;}
#nav ul.subs > li {/*display: block;*/width: 49%; text-align:center;}

.filtro {width: 96%;margin-left: 2%; float:none; background-color: rgba(255,255,255,.8);}
.box80-center{ width:96%; margin:0 auto; float:none;}
#nav ul.subs {height:250px;}
.scroll{ display:block;}
}