/*-------------------------------------------------------------------
COMUM A TODOS
--------------------------------------------------------------------*/
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
#pctablet, .pctablet {display:none;}
#smartphone, .smartphone{display:block}
}
@media screen and (min-width: 1024px) { /* PARA DISPOSITIVOS GRANDES*/
#pctablet, .pctablet{display:block;}
#smartphone, .smartphone{display:none}
}
/*-------------------------------------------------------------------
GERAL
--------------------------------------------------------------------*/
body{margin:0px; padding:0px; background-color:#2c627f; font-family:  'Montserrat', sans-serif; color: #fff;}
.row{margin:0px; padding:0px}

a:link {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff;
}
a:visited {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; 
}
a:hover {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff; text-decoration:underline;
}
a:active {
font-family:  'Montserrat', sans-serif; font-size:1em; color: #fff;
}
/*-------------------------------------------------------------------
SITE
--------------------------------------------------------------------*/
@media screen and (max-width: 1023px) {
.site-width{width:99%;position:relative;margin:0 auto;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.site-width{width:700px;position:relative;margin:0 auto;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
.site-width{width:1100px;position:relative;margin:0 auto;}
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
.site-width{width:1200px;position:relative;margin:0 auto;}
}
@media screen and (min-width: 1920px) {
.site-width{width:1200px;position:relative;margin:0 auto;}
}

#topo-div{min-height:150px; background-color:#2c627f;}
#logotipo-posicao{width:100%; position:relative; float:left; margin-top:80px; text-align:center; z-index:1;}
#logotipo-size{width:420px; position:relative; float:left;}

#topo-contactos-div{position:absolute; left:0px; top:10px;}
#topo-contactos{position:relative; float:left; margin-left:40px;}
#topo-info,#topo-sercontactado{width:100%; position:relative; float:left; font-family:  'Montserrat', sans-serif; font-weight:500; font-size:0.9em; color:#fff100;}
#topo-sercontactado:hover{color:#fff;}
#topo-icon{position:relative; float:left; font-size:1.1em; color:#fff100; margin-right:16px; margin-top:8px}
#topo-telefone{width:100%; position:relative; float:left; font-family:  'Montserrat', sans-serif; font-weight:500; font-size:0.9em; color:#fff100;}

#banner-top, #banner-top2{width:100%; height:500px; position:absolute; left:0px; top:0px; z-index:3;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2c627f+0,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(top,  rgba(44,98,127,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(44,98,127,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(44,98,127,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c627f', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#banner-bottom, #banner-bottom2{width:100%; height:300px; position:absolute; left:0px; bottom:0px; z-index:3;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+33,ffffff+33,2c627f+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.33) 33%, rgba(44,98,127,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 33%,rgba(44,98,127,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.33) 33%,rgba(44,98,127,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#2c627f',GradientType=0 ); /* IE6-9 */
}

#banner-top2{height:300px;}
#banner-bottom2{height:250px;}

#menu-div{width:100%; position:absolute; top:60px; left:0px; text-align:center; z-index:4;}

#redessociais-div{position:absolute; right:0px; top:10px;}

#pesquisa-titulo{font-family:  'Montserrat', sans-serif; font-size:1.6em; color:#fff; margin-bottom:28px; padding-left:10px;}
#pesquisa-div{margin-top:-100px; z-index:4;}

#destaques-div, #ultimas-div{margin-top:130px;}
#destaques-titulo, #ultimas-titulo{font-family:  'Montserrat', sans-serif; font-size:2em; color:#fff; text-align:center; margin-bottom:50px;}

#qualidade-div{margin-top:50px; padding:140px 0px 120px 0px; background-color:#fff;}
#qualidade-titulo{font-family:  'Montserrat', sans-serif; font-size:2.4em; color:#275c79; text-align:center; margin-bottom:80px;}

#rodape-img-bg{text-align:center; background-image:url(../images/rodape.jpg); background-position:bottom; background-repeat:no-repeat; background-size:contain}
#rodape-div{margin-top:180px;}

#termos-div{margin-top:110px;}

#direitos-div{margin-top:60px; text-align:center; margin-bottom:50px;}

#direitos2-div{text-align:center; background-color:#fff; padding:25px 0px 25px 0px;}

#conteudo-div{ padding:50px 0px 80px 0px;}
@media screen and (max-width: 1023px) {
#qualidade-div{padding:70px 0px 70px 0px;}
#destaques-div, #ultimas-div{margin-top:70px;}
#destaques-titulo, #ultimas-titulo{font-size:1.7em;}
#banner-top, #banner-bottom{height:200px;}
#banner-top2, #banner-bottom2{height:100px;}
#banner-bottom2{display:none;}
#rodape-div{margin-top:100px;}
#rodape-img-bg{text-align:center; background-image:url(../images/rodape-mobile.jpg); background-position:bottom; background-repeat:no-repeat; background-size:contain}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#banner-top, #banner-bottom{height:250px;}
#banner-top2, #banner-bottom2{height:100px;}
#banner-bottom{bottom:-10px;}
#menu-div{top:30px;}
#pesquisa-div{margin-top:-20px;;}
#pesquisa-titulo{font-size:1.3em; margin-bottom:15px;}
#destaques-titulo, #ultimas-titulo{font-size:1.7em; margin-bottom:50px;}
#qualidade-div{margin-top:50px; padding:80px 0px 60px 0px;}
#qualidade-titulo{font-size:2em; margin-bottom:50px;}
#rodape-div{margin-top:100px;}
#conteudo-div{ padding:50px 0px 40px 0px;}
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {

}
/*-------------------------------------------------------------------
REDES SOCIAIS BARRA LATERAL
--------------------------------------------------------------------*/
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
#redesocial-fix-box{display:none}
}
@media screen and (min-width: 1024px) { /* PARA DISPOSITIVOS MUITO GRANDES*/
#redesocial-fix-box{background-color: rgba(44,98,127,0.9);
-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.29);
box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.29);
}
}
#redesocial-fix-box{
width:50px;position:fixed; right:20px; top:300px; z-index:3; border-radius:0px; padding:10px 5px 20px 5px;
}
#redesocial-fix-messenger{
	width:30px;
	height:30px;
	border-radius:30px;
	margin:10px 5px 10px 5px;
	text-align:center; 
	color: #fff100;
	cursor:pointer;
	position:relative; float:left;
	font-size:2em;
	font-weight:400;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

#redesocial-fix-messenger:hover{
	color:#fff;
}
a.redesocial-fix-messenger:link{
	color:#fff;
}
a.redesocial-fix-messenger:hover{
	color:#007eff;
}


#redesocial-fix-whatsapp{
	width:30px;
	height:30px;
	border-radius:30px;
	margin:10px 5px 10px 5px;
	text-align:center; 
	color: #fff100;
	cursor:pointer;
	position:relative; float:left;
	font-size:2em;
	font-weight:400;
	-webkit-transition: all 0.5s; /* Safari */
    transition: all 0.5s;
}

#redesocial-fix-whatsapp:hover{
	color:#fff;
}
a.redesocial-fix-whatsapp:link{
	color:#fff;
}
a.redesocial-fix-whatsapp:hover{
	color:#4caf50;
}
/*-------------------------------------------------------------------
SCROLL MOUSE
--------------------------------------------------------------------*/
scroll-downs {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;  
  width :30px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.9;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
#scroll-posicao{position:absolute; top:350px; left:50%; z-index:9;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#scroll-posicao{position:absolute; top:420px; left:50%; z-index:9;}
}

@media screen and (min-width: 1280px) and (max-width: 1600px) { /* PARA DISPOSITIVOS GRANDES (PCS COM BAIXA RESOLUÇÃO)*/
#scroll-posicao{position:absolute; top:550px; left:50%; z-index:9;}
}

@media screen and (min-width: 1601px) { /* PARA DISPOSITIVOS MUITO GRANDES (PCS COM ALTA RESOLUÇÃO)*/
#scroll-posicao{position:absolute; top:700px; left:50%; z-index:9;}
}

/*-------------------------------------------------------------------
SCROLL UP FIM DA PAGINA
--------------------------------------------------------------------*/
a.scrollup{
	font-size:2.2em;
	color:#fff100;
    position:fixed;
    bottom:200px;
    right:15px;
    display:none;
	cursor:pointer;
    z-index:12;
	transition:all 0.2s ease-in-out;
}

a.scrollup:hover{
color:#3c3c3b;
}
@media screen and (max-width: 1023px) { /* PARA DISPOSITIVOS PEQUENOS*/
a.scrollup{ display:none !important;}
}

/*--------------------------------------------------
FORMULÁRIOS
----------------------------------------------------*/
.tri-form2 input[type="password"].form-control{font-family:  'Montserrat', sans-serif; background-color:#fff; color:#135578;padding:25px 25px 25px 25px;font-size:0.9em;border-radius:5px;}
.tri-form2 input[type="text"].form-control{font-family:  'Montserrat', sans-serif; background-color:#fff; color:#135578;padding:25px 25px 25px 25px; font-size:0.9em;border-radius:5px;}
.tri-form2 input[type="email"].form-control{font-family:  'Montserrat', sans-serif;background-color:#fff; color:#135578;padding:25px 25px 25px 25px;font-size:0.9em;border-radius:5px;}
.tri-form2 textarea.form-control{font-family:  'Montserrat', sans-serif;background-color:#fff; color:#135578;padding:25px 25px 25px 25px;font-size:0.9em;border-radius:5px;}
.tri-form2 input[type="text"].form-control::placeholder{color: #135578;}
.tri-form2 input[type="email"].form-control::placeholder{color: #135578;}
.tri-form2 input[type="password"].form-control::placeholder{color: #135578;}
.tri-form2 textarea.form-control.form-control::placeholder{color: #135578;}

.tri-form2 .checkbox .cr {position: relative;display: inline-block;border: 1px solid #a9a9a9;border-radius: .25em;width: 1.3em;height: 1.3em;float: left;margin-right: .5em;}
.tri-form2 .checkbox .cr .cr-icon {position: absolute;font-size: .8em;line-height: 0;top: 50%;left: 15%;}
.tri-form2 .checkbox label input[type="checkbox"] {display: none;}
.tri-form2 .checkbox label input[type="checkbox"]+.cr>.cr-icon {opacity: 0;}
.tri-form2 .checkbox label input[type="checkbox"]:checked+.cr>.cr-icon {opacity: 1;}

.mdb-select{
  font-family:  'Montserrat', sans-serif;
  font-size:0.9em;
  border:1px solid #d7d7d7;
  width: 100%;
  color:#666;
  overflow: hidden;
  padding:12px 25px 12px 25px;
  background: url("../images/arrow.png") no-repeat right #fff;
	  }

.tri-form2 .mdb-select{
  font-family:  'Montserrat', sans-serif;
  font-size:0.9em;
  border: none;
  width: 100%;
  color:#135578;
  overflow: hidden;
  padding:14px 25px 14px 25px;
  min-height:50px;
  background: url("../images/arrow.png") no-repeat right #fff;
  border-radius:5px;
	  }
	  
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}
@media screen and (max-width: 1023px) {

}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
.tri-form2 input[type="password"].form-control,.tri-form2 input[type="text"].form-control,.tri-form2 input[type="email"].form-control,.tri-form2 textarea.form-control{padding:15px 15px 15px 15px;font-size:0.9em;}
.mdb-select{font-size:0.9em;padding:14px 25px 14px 14px;}
.tri-form2 .mdb-select{font-size:0.9em;padding:14px 25px 14px 14px;}  
}
/*-------------------------------------------------------------------
PAGINAÇÃO
--------------------------------------------------------------------*/
.paginacao{ display: inline-block; margin:0 auto;}
.paginacao div{position:relative; background-color:#fff; color:#333; font-weight:bold; float:left; margin:0px 5px 0px 5px; cursor:pointer; text-decoration:none;
-webkit-transition: all 0.5s; /* Safari */
transition: all 0.5s;
border-radius: 10px;
}
.paginacao .active{ background-color:#fff100; color:#000; font-weight:bold;}
.paginacao div:hover{background-color:#fff100; color:#000;  font-weight:bold;}
.paginacao .fa{ padding:0px; margin:0px; }

.paginacao div{ padding:6px 12px 6px 12px; font-size:0.8em}
@media screen and (max-width: 1023px) {
}
/*-------------------------------------------------------------------
BOOTBOX
--------------------------------------------------------------------*/
.bootbox .modal-sm{ width:90%; }
.bootbox .modal-header{
font-family: 'Roboto', sans-serif;
font-size:0.8em;
display: block;
color:#fff;
background-color: #2c627f;
border-bottom:1px solid #2c627f;
}
.bootbox .modal-open .modal {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.bootbox .modal-body
{
    background-color: #2c627f;
}
.bootbox .modal-content
{
background-color: transparent;
border-top:1px solid #2c627f;
border-bottom:1px solid #2c627f;
color:#fff; font-size:0.9em;font-family: 'Roboto', sans-serif;
}
.bootbox .modal-footer
{
 background-color: #2c627f;
 border-top:1px solid #2c627f;
}
.bootbox-close-button{ display:none; }

a.bootbox-link{color:#fff; text-decoration:underline;}
.bootbox-alert div div div button.btn-primary{
	padding:8px 20px 8px 20px; font-size:0.9em;font-family: 'Roboto', sans-serif;
     }
/*-------------------------------------------------------------------
TOOLTIP
--------------------------------------------------------------------*/
.tooltip-inner {
    background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
font-family:  'Montserrat', sans-serif;
font-weight:600;
    color: #fff;
	font-size:0.8em;
	width:auto;
	padding:5px 8px 5px 8px;
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 5px 5px 0;
    border-top-color: rgba(0, 0, 0, 0.8);
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    margin-top: -3px;
    content: "";
    border-width: 5px 5px 5px 0;
    border-right-color: rgba(0, 0, 0, 0.8);
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: rgba(0, 0, 0, 0.8);
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    right: 0;
    margin-top: -3px;
    content: "";
    border-width: 5px 0 5px 5px;
    border-left-color: rgba(0, 0, 0, 0.8);
}
/*-------------------------------------------------------------------
CAMPANHAS POPUP
--------------------------------------------------------------------*/
#campanhas-box{width:100%; height:100vh; position:absolute; z-index:99999; background-color:rgba(0,0,0,0.8); display:none;}
#campanhas-close{position:absolute; top:20px; right:20px; border-radius:30px; padding:5px 13px 5px 13px; background-color:#fff; color:#000;font-family:  'Montserrat', sans-serif; font-size: 1.2em; font-weight:500; cursor:pointer; -webkit-transition: all 0.5s; /* Safari */transition:  all 0.5s;}
#campanhas-close:hover{background-color:#cb3232; color:#fff;}

#campanhas-stage{
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); overflow:auto;
}
@media screen and (max-width: 1023px) {
#campanhas-stage{width:95%; max-height:75vh }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#campanhas-stage{width:900px; max-height:80vh }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
#campanhas-stage{width:700px; max-height:80vh }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
#campanhas-stage{width:1200px; max-height:80vh }
}
@media screen and (min-width: 1920px) and (max-width: 2159px) {
#campanhas-stage{width:1200px; max-height:80vh }
}
@media screen and (min-width: 2160px) {
#campanhas-stage{width:1200px; max-height:80vh }
}

/*-------------------------------------------------------------------
BOAS FESTAS
--------------------------------------------------------------------*/
#boasfestas-box{width:100%; height:100vh; position:absolute; z-index:99999; background-color:rgba(0,0,0,0.8); display:none}
#boasfestas-close{position:absolute; top:0px; right:0px; border-radius:30px; padding:5px 13px 5px 13px; background-color:#fff; color:#000;font-family:  'Montserrat', sans-serif; font-size: 1.2em; font-weight:500; cursor:pointer; border:2px solid #ccc; -webkit-transition: all 0.5s; /* Safari */transition:  all 0.5s;}
#boasfestas-close:hover{background-color:#cb3232; color:#fff;}

#boasfestas-stage{
 margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); overflow:auto;
}
@media screen and (max-width: 1023px) {
#boasfestas-stage{width:95%; max-height:75vh }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
#boasfestas-stage{width:900px; max-height:80vh }
}
@media screen and (min-width: 1280px) and (max-width: 1365px) {
#boasfestas-stage{width:1000px; max-height:80vh }
}
@media screen and (min-width: 1366px) and (max-width: 1919px) {
#boasfestas-stage{width:1200px; max-height:80vh }
}
@media screen and (min-width: 1920px) and (max-width: 2159px) {
#boasfestas-stage{width:1200px; max-height:80vh }
}
@media screen and (min-width: 2160px) {
#boasfestas-stage{width:1200px; max-height:80vh }
}
/*-------------------------------------------------------------------
GOOGLE RECAPTCHA
--------------------------------------------------------------------*/
.grecaptcha-badge { 
    visibility: hidden;
}