/*FONTS <<< Carregar as fontes no ficheiro fonts.css >>> */
html { position: relative; width: 100%; overflow-x: hidden; }
body { position: relative; width: 100%; overflow-x: hidden; color: #3B3B33; font-size: 13px; line-height: 20px; font-family: 'Open Sans', sans-serif; font-weight: 400; }

a { color: #3B3B33; }
a:hover { color: #E4A822; }
strong { font-weight: 600; }
em { font-style: italic; }
ul,ol { padding-left: 25px; padding-right: 25px; margin-bottom: 10px; }
ul li { list-style: circle; }
ol li { list-style: decimal; }


.ancora { position: absolute; top: -9px; left: 0%; pointer-events: none; }

.stdButton { padding: 1px; min-width: 180px; max-width: 100%; border-radius: 5px; background-color: #5da2ff; -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:hover { background-color: #3B3B33; }
.stdButton p { color: #3B3B33; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0px!important; -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:hover p { color: #ffffff; }


.classic { display: inline-block; vertical-align: middle; border-radius: 5px; border: 1px solid #5da2ff; margin: 10px auto; padding: 1px 1px; -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; }
.classic:hover { background-color: #5da2ff; }
.classic p { color: #5da2ff; font-family: 'Open Sans', sans-serif; font-weight: 600; margin: 0px!important; -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; }
.classic:hover p { color: #ffffff; }

/* nav cookies */
.navbar2 {
    display: flex;
    position: fixed;
    bottom: 0em;
    margin-bottom: 0;
    width: 100vw;
    background: linear-gradient(45deg, #5da2ff 0%, #5da2ff 100%);
    padding-left: 15vw;
    padding-right: 8vw;
    padding-top: 5px;
    padding-bottom: 5px;
    z-index: 999;
    border: 0;
    line-height: 1.42857143 !important;
    border-radius: 0;
}

.navleft {
    padding-top: 4px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    width: 70%;
}

.navright {
    width: 30%;
}

.navright button {
    font-size: 14px;
}
/* end nav cookies */

.section { position: relative; width: 100%; max-width: 100%; }
.section p { margin-bottom: 10px; }

.section1 { margin-bottom: 50px; }
.section1 .areaLogo { position: relative; width: 100%; background-color: #ffffff; text-align: center;}
.section1 .areaLogo .logo { margin: 25px auto; max-width: 90%; }
.section1 .areaMostrarImagem { position: relative; width: 100%; height: 460px; pointer-events: none; }
.section1 .areaMostrarImagem .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0; }
.section1 .areaMostrarImagem .image.active { opacity: 1; }
.section1 .slickNav { position: absolute; width: calc( 100% - 30px); left: 15px; bottom: 145px; pointer-events: none; z-index: 2; }
.section1 .slickNav i { font-size: 15px; line-height: 15px; padding: 5px; pointer-events: auto; cursor: pointer; }
.section1 .slickNav i:hover { color: #E4A822; }
.section1 .slickNav i.slickLeft { float: left; }
.section1 .slickNav i.slickRight { float: right; }


.section2 { margin-bottom: 50px; }
.section2 .elemento1 { width: 330px; max-width: 100%; pointer-events: none; }
.section2 .areaTexto { width: 100%; max-width: 100%; padding-left: 25px; }
.section2 .areaTexto .logoPreto { width: 200px; max-width: 100%; margin-bottom: 30px; }
.section2 .areaTexto h2.titulo { font-size: 32px; line-height: 32px; font-family: 'Cormorant Garamond', serif; font-weight: 400; width: 600px; max-width: 100%; margin-bottom: 30px; }


.section3 { }
.section3 .boxGroup { margin-bottom: 10px; }
.section3 .boxGroup .areaTexto { position: relative; width: 100%; height: 350px; z-index: 1; padding: 80px 40px 15px 40px; }
.section3 .boxGroup .areaTexto .titulo { position: relative; margin-left: 60px; margin-bottom: 45px; }
.section3 .boxGroup .areaTexto .titulo .escudo { position: absolute; top: -25px; left: -110px; width: 80px; height: 100px; background-size: contain; background-position: center; background-repeat: no-repeat; background-image: url('../img/1.png'); }
.section3 .boxGroup .areaTexto .titulo .escudo .iconSeguro { position: absolute; top: 25px; left: 23px; width: 34px; height: 34px; background-size: contain; background-position: center; background-repeat: no-repeat; filter: brightness(0) invert(1); }
.section3 .boxGroup .areaTexto .titulo h1 { font-size: 32px; line-height: 32px; text-transform: uppercase; }
.section3 .boxGroup .areaTexto .vantagens { max-height: 115px; overflow: hidden; }
.section3 .boxGroup .areaTexto .vantagens p { margin: 0; }
.section3 .boxGroup .areaTexto .classic { border-color: #ffffff; margin-top: 20px; margin-bottom: 20px; }
.section3 .boxGroup .areaTexto .classic:hover { border-color: #3B3B33; background-color: #3B3B33; }
.section3 .boxGroup .areaTexto .classic p { color: #ffffff; }
.section3 .boxGroup .areaTexto .classic:hover p {  }
.section3 .boxGroup .areaImagem { position: relative; width: 100%; height: 350px; background-size: cover; background-position: center; background-repeat: no-repeat; filter: grayscale(50%); }
.section3 .boxGroup:hover .areaImagem { filter: grayscale(0%); }
.section3 .boxGroup1 .areaTexto { background-color: #89bbfc; }
.section3 .boxGroup1 .texto { padding-right: 0; }
.section3 .boxGroup1 .imagem { padding-left: 0; }
.section3 .boxGroup2 .areaTexto { background-color: #89bbfc; }
.section3 .boxGroup2 .texto { padding-left: 0; }
.section3 .boxGroup2 .imagem { padding-right: 0; }
.section3 .boxGroup:hover .areaTexto { background-color: #5da2ff; }

.modalstyle {
        background-color: #5da3ff56;
    }


footer { position: relative; width: 100%; max-width: 100%; padding-top: 80px; padding-bottom: 40px; }
footer .areaContactos { margin-top: 40px; margin-bottom: 40px; }
footer .areaContactos .linha { position: relative; }
footer .areaContactos .linha.linhaInit { margin-bottom: 10px; }
footer .areaContactos .linha.linhaFinal { margin-top: 10px; }
footer .areaContactos .linha p { margin: 0;  -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; }
footer .areaContactos .linha::before { content: "\f105"; font-family: 'Font Awesome 5 Pro'; font-weight: 300; font-size: 15px; line-height: 20px; position: absolute; left: -15px; top: 0; }
footer .socialNetworks { margin-top: 35px; margin-bottom: 35px; }
footer div.socialNetworks div.socialNetworkIcon { border-radius: 5px; border: 1px solid #DADAD9; margin: 5px 5px 5px 0px; }
footer div.socialNetworks div.socialNetworkIcon:hover { background-color: #3B3B33; }
footer div.socialNetworks div.socialNetworkIcon i { font-size: 17px;}
footer div.socialNetworks div.socialNetworkIcon:hover i { color: #ffffff; }
footer .logoFooter { width: 100px; max-width: 100%; margin-bottom: 10px; }
footer .areaRodape p .stdPopup:hover { color: #E4A822; }
footer #micrositeUTD { width: 42px; max-width: 100%; margin-top: 48px; float: right; }



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
    .container { max-width: 100%; }
    .contactosRapidos { right: 2px; }
    .areaIconLogo .iconLogo { transform: none; margin-left: -18px;  }
    footer .areaContactos .linha::before { display: none; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    
    .section2 .elemento1 { display: none; position: absolute; opacity: 0.2; bottom: 0; }
    .section2 .areaTexto { padding-left: 0px; text-align: center; }
    .section2 .areaTexto .logoPreto { margin: auto; margin-bottom: 30px; }
    .section2 .areaTexto h2.titulo { margin: auto; margin-bottom: 30px; }
    
    
    .section3 .boxGroup1 .texto { padding-right: 15px; }
    .section3 .boxGroup1 .imagem { padding-left: 15px; }
    .section3 .boxGroup2 .texto { padding-left: 15px; }
    .section3 .boxGroup2 .imagem { padding-right: 15px; }
    footer { text-align: center }
    footer div.socialNetworks div.socialNetworkIcon { margin: 15px 2px; }
    footer .logoFooter { margin-top: 30px; margin-bottom: 30px; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .popup h1 { font-size: 26px; line-height: 30px; }
    .popup h2 { font-size: 24px; line-height: 28px; }
    .popup h3 { font-size: 22px; line-height: 26px; }
    .popup h4 { font-size: 20px; line-height: 24px; }
    .popup h5 { font-size: 18px; line-height: 22px; }
    .popup h6 { font-size: 16px; line-height: 20px; }
    
    .contactosRapidos { top: auto; bottom: 2px; right: auto; width: 100%; height: auto; left: 0; text-align: center; }
    .contactosRapidos .absolute-center { position: relative; left: auto; top: auto; -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transform: none !important; }
    .contactosRapidos .areaIconRapido { display: inline-block; }
    .section1 .contactoRapido { display: none; }
    .section1 .areaLogo .logo { width: 340px; }
    .section1 .areaMostrarImagem { height: 360px; }
    .section2 .areaTexto .logoPreto { width: 150px; }
    .section3 .boxGroup .areaImagem { height: 300px; }
    .section3 .boxGroup .areaTexto { height: 300px; padding: 45px 40px 0px 40px; }
    .section5 .areaGrupo { padding: 0px 15px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
    .section1 .areaMostrarImagem { height: 300px; }
    .section1 .slick .areaSeguro .titulo p { font-size: 22px;line-height: 24px; }
    .section2 .areaTexto h2.titulo { font-size: 26px; line-height: 26px; }
    .section3 .boxGroup .areaTexto .titulo h1 { font-size: 22px; line-height: 26px; }
    .section4 .areaNewsletter h3.titulo { font-size: 22px; line-height: 22px; }
    .section5 .areaQuestoes h4.titulo { font-size: 22px; line-height: 22px; }
    .section5 .areaFAQsTitulo p { font-size: 13px; line-height: 13px; }
    
    footer .contactForm #name1, footer .contactForm #contact1 { width: 100%; margin-left: 0; margin-right: 0; }
}