/*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: #5F5E5D; font-size: 16px; line-height: 140%; font-family: 'Montserrat', sans-serif; font-weight: 400; }
strong, .bold { font-weight: 700; }
em { font-style: italic; }
section { position: relative; width: 100%; max-width: 100%; }
.uppercase { text-transform: uppercase; }
.limitador { width: 1400px; max-width: 100%; margin: auto; padding-left: 100px; padding-right: 100px; }

.stdText iframe { max-width: 100%!important; }
.stdText img { max-width: 100%!important; }
.stdText ul, .stdText ol { padding-left: 40px; padding-right: 40px; }
.stdText ul li { list-style: disc; }
.stdText ol li { list-style: decimal; }
.stdText h1 { font-size: 28px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }
.stdText h2 { font-size: 26px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }
.stdText h3 { font-size: 24px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }
.stdText h4 { font-size: 22px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }
.stdText h5 { font-size: 20px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }
.stdText h6 { font-size: 18px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }
.stdText p { margin-bottom: 20px; }
.stdText a { color: color: #54B89C; }

.stdButton { display: flex; width: max-content; background-color: transparent; border: 1px solid #BABABA; margin: 0; border-radius: 20px; padding: 10px 25px 10px 25px; -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 { border: 1px solid #81C0D6; background-color: #81C0D6; }
.stdButton p { color: #4D4A48; font-size: 16px; line-height: 20px; text-transform: lowercase; -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; }

.titulo1 { color: #54B89C; font-size: 42px; line-height: 120%; font-family: 'Caveat', cursive; font-weight: 400; margin-bottom: 20px; }
.titulo2 { color: #31302F; font-size: 42px; line-height: 120%; font-family: 'Montserrat', sans-serif; font-weight: 300; margin-bottom: 20px; }

.popup .popupBox1 { border-radius: 10px; }
.popup.popupLoading .popupBox1 .popupBox2 .popupBox3 .loadingLogo { width: 140px; max-width: 100%; height: 180px; }
.popup.popupLoading .popupBox1 .popupBox2 .popupBox3 .loadingSpinner { width: 170px; max-width: 100%; height: 170px; }

div.socialNetworks div.socialNetworkIcon { width: 60px; height: 60px; border-radius: 50%; border: none; background-color: #81C0D6; margin: 2px; }
div.socialNetworks div.socialNetworkIcon i { color: #ffffff; font-size: 20px; line-height: 60px; }
div.socialNetworks div.socialNetworksWhatsApp { background-color: #ABDACD; }
div.socialNetworks div.socialNetworkIcon:hover i { font-size: 24px; }

.nodeParallax { position: fixed; top: 0; left: 0; width: 100%; overflow: hidden; transition: all .05s; }
.nodeParallax::before { content: ""; background: url('../images/client/fundo_site.png') repeat; background-color: #F7F3EB; position: absolute; top: 0; left: 0; width: 100%; height: 200%; }

.section1.fixedBox { position: fixed; top: -100%; left: 0; z-index: 50; -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.05); }
.section1.visibleBox { top: 0; }
.section1 { position: absolute; top: 0; left: 0; z-index: 1; }
.section1 .box { display: flex; justify-content: space-between; align-items: center; }
.section1 .box .logo { width: 250px; max-width: 100%; }
.section1 .box .area2 { display: flex; align-items: center; }
.section1 .box .area2 .titulo1 { margin-bottom: 0; margin-right: 50px; }
.section1 .areaLinguas { position: absolute; top: 25px; right: -80px; z-index: 5; }
.section1 .areaLinguas li { position: relative; list-style: none; display: flex; align-items: center; }
.section1 .areaLinguas .currentLang,.section1 li.activeLanguage { display: none!important; }
.section1 .areaLinguas .stdLink { color: #31302F; font-weight: 300; font-size: 16px; position: relative; width: 40px; height: 40px; margin: 2px; line-height: 40px; text-transform: uppercase; text-align: center; cursor: pointer; -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; }
.section1 .areaLinguas .stdLink:hover { color: #54B89C; }
.section1 .dropMenu { display: flex; align-items: center; }

.section1.fixedBox { background-color: #F7F3EB; background-image: url('../images/client/fundo_site.png'); background-position: center; background-repeat: repeat; }
.section1.fixedBox .box .logo { width: 90px; margin-top: 10px; margin-bottom: 10px; }
.section1.fixedBox .box .area2 .titulo1 { display: none; }
.section1.fixedBox div.socialNetworks div.socialNetworkIcon { width: 45px; height: 45px; }
.section1.fixedBox div.socialNetworks div.socialNetworkIcon i { line-height: 45px; }
.section1.fixedBox .areaLinguas { top: 0px; }

.section2 { margin-top: 280px; margin-bottom: 50px; }
.section2 .titulo1 { display: none; }
.section2 .box { position: relative; width: 100%; max-width: 100%; }
.section2 .box.boxAutoPadding { padding-bottom: 62.5%; }
.section2 .jarallax { position: absolute; top: 0; left: 0; width: 100%; max-width: 100%; height: 100%; z-index: 0; }
.section2 .slick { position: relative; width: 100%; max-width: 100%; z-index: 0; }
.section2 .slick, .section2 .slick-list, .section2 .slick-track, .section2 .slick-slide { height: 100%; }
.section2 .slick .image { width: 100%; max-width: 100%; padding-bottom: 62.5%; border-radius: 10px; }
.section2 .areaContacto { position: absolute; top: 0px; left: calc( 50% - 200px ); width: 400px; background-color: #F7F3EB; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; text-align: center; z-index: 5; }
.section2 .areaContacto p { line-height: 16px; text-transform: uppercase; margin-bottom: 15px; }
.section2 .contactForm { position: relative; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; }
.section2 #name1,.section2 #contact1,.section2 #subject1,.section2 #message1 { width: 100%; max-width: 100%; height: 50px; border-radius: 25px; border: 0px solid #ffffff; padding-left: 25px; padding-right: 75px; color: #5F5E5D; font-size: 16px; line-height: 140%; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.section2 #name1,.section2 #subject1,.section2 #message1 { display: none; }
.section2 #submitContact1 { position: absolute; top: 0; right: 30px; width: 50px; height: 50px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; background-color: #ffffff; }
.section2 #submitContact1:hover { background-color: #81C0D6; }
.section2 #submitContact1:hover i { color: #ffffff; }
.section2 #checkForRealContact1 { position: absolute; top: calc( 100% + 2px ); left: 0px; width: 100%; }
.section2 #checkForRealContact1 label { font-size: 11px; line-height: 18px; }
.section2 #checkForRealContact1 label.stdPopup { font-weight: 700; }

.section3 { margin-top: 100px; margin-bottom: 100px; }
.section3 .areaFoto { position: relative; width: 270px; height: 270px; margin-top: -50px; background-color: #ffffff; padding: 20px; border-radius: 50%; margin-bottom: 20px; }
.section3 .fotoCliente { position: relative; width: 230px; height: 230px; border-radius: 50%; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section3 .box1 { margin-bottom: 50px; }
.section3 .areaImgFundo { display: flex; width: 100%; max-width: 100%; height: 100%; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; }

.section4 { margin-bottom: 100px; }
.section4 .areaSlideshow { position: relative; width: 100%; max-width: 100%; }
.section4 .areaSlideshow .slick { position: relative; width: 100%; max-width: 100%; z-index: 0; }
.section4 .slick, .section4 .slick-list, .section4 .slick-track, .section4 .slick-slide { height: 100%; }
.section4 .slick .image { width: 100%; max-width: 100%; padding-bottom: 62.5%; border-radius: 10px; }

.section5 { margin-bottom: 100px; }
.section5 .banner { height: 300px; margin-bottom: 50px; }
.section5 .titulo2.bold { color: #5F5E5D; font-weight: 700; }
.section5 .box { margin-bottom: 50px; }
.section5 .areaSlideshow { position: relative; width: 100%; max-width: 100%; }
.section5 .areaSlideshow .image { width: 100%; max-width: 100%; padding-bottom: 50%; border-radius: 10px; background-size: cover; background-position: center; background-repeat: no-repeat; cursor: pointer; }
.section5 .areaSlideshow .circulo { position: absolute; top: calc( 50% - 100px ); left: calc( 50% - 100px ); width: 200px; height: 200px; border-radius: 50%; border: 1px solid #ffffff; z-index: 2; }
.section5 .areaSlideshow:hover .circulo { top: calc( 50% - 75px ); left: calc( 50% - 75px ); width: 150px; height: 150px; }
.section5 .areaSlideshow .circulo2 { position: absolute; top: calc( 50% - 75px ); left: calc( 50% - 75px ); width: 150px; height: 150px; border-radius: 50%; border: 1px solid #ffffff; z-index: 2; background-color: #ffffff; }
.section5 .areaSlideshow .mais { position: absolute; top: calc( 50% - 10px ); left: calc( 50% - 10px ); width: 20px; height: 20px; z-index: 3; background-image: url('../images/client/mais.png'); background-size: cover; background-position: center; }
.section5 .areaSlideshow:hover .mais { transform: rotate(90deg); }
.section5 .zonaRedesSociais { display: flex; justify-content: space-between; flex-direction: column; height: 100%; }
.section5 .zonaRedesSociais .titulo1 { margin-bottom: 100px; }
.section5 .zonaRedesSociais .uppercase { margin-bottom: 20px; }
.section5 div.socialNetworks div.socialNetworksWhatsApp { display: none; }

.section6 { margin-bottom: 100px; }
.section6 .fundo { background-color: #E9858D; border-radius: 10px; padding: 100px 50px; }
.section6,.section6 .titulo2,.section6 .stdButton p { color: #ffffff; }
.section6 .stdButton { border-color: #ffffff; }
.section6 .stdButton:hover { border-color: #81C0D6; }
.section6 .tituloForm { text-transform: uppercase; margin-bottom: 30px; }
.section6 .contactForm {  }
.section6 #name2,.section6 #contact2,.section6 #subject2,.section6 #message2 { display: inline-block; align-items: center; width: 100%; max-width: 100%; height: 50px; border-radius: 25px; border: 1px solid #ffffff; margin-bottom: 10px; padding: 10px 20px; color: #5F5E5D; font-size: 16px; line-height: 140%; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.section6 #name2,.section6 #contact2 { width: calc( 50% - 5px ); }
.section6 #name2 { margin-right: 5px; }
.section6 #contact2 { margin-left: 5px; }
.section6 #message2 { resize: none; min-height: 100px; height: 140px; max-height: 240px; }
.section6 #subject2 { display: none; }
.section6 #submitContact2 { width: 100%; }
.section6 #checkForRealContact2 { text-align: left!important; }
.section6 #checkForRealContact2 .form-check { margin-bottom: 15px; }
.section6 #checkForRealContact2 label { font-size: 12px; line-height: 16px; }
.section6 #checkForRealContact2 label.stdPopup { font-weight: 700; }

.section7 { margin-bottom: 140px; text-align: center; }
.section7 .areaFoto { position: relative; width: 330px; height: 330px; background-color: #ffffff; margin: auto; padding: 20px; border-radius: 50%; margin-bottom: 20px; }
.section7 .fotoCliente { position: relative; width: 290px; height: 290px; border-radius: 50%; z-index: 1; background-size: cover; background-position: center; background-repeat: no-repeat; }
.section7 .slick { max-width: 100%; }
.section7 .slick, .section7 .slick-list, .section7 .slick-track, .section7 .slick-slide { height: 100%; }
.section7 .slickNav { position: absolute; width: 100%; }
.section7 .slickNav .slickBtn { display: inline-block; vertical-align: middle; width: 50px; height: 50px; border-radius: 50%; background-color: #ffffff; text-align: center; margin: 5px; cursor: pointer; }
.section7 .slickNav .slickBtn i { font-size: 16px; line-height: 50px; }
.section7 .area1 { position: relative; width: 100%; max-width: 100%; margin: auto; }
.section7 .area2 { position: relative; display: flex; align-items: center; width: 100%; max-width: 100%; height: 100%; margin: auto; }
.section7 .areaTexto { color: #31302F; text-align: left; height: 100%; display: flex; flex-direction: column; justify-items: center; justify-content: center; }
.section7 .areaTexto .texto { margin-bottom: 20px; }

.section8 { text-align: center; margin-bottom: 50px; }
.section8 h6 { margin-bottom: 15px; text-transform: uppercase; }
.section8 .formNewsletter { position: relative; width: 500px; max-width: 100%; margin: auto; }
.section8 #emailNewsletter { position: relative; display: inline-block; align-items: center; width: 100%; max-width: 100%; height: 50px; border-radius: 25px; border: 1px solid #ffffff; margin-bottom: 10px; padding: 10px 70px 10px 20px; color: #5F5E5D; font-size: 16px; line-height: 140%; font-family: 'Montserrat', sans-serif; font-weight: 400; }
.section8 #submitNewsletter { position: absolute; top: 0; right: 0; width: 50px; height: 50px; border-radius: 50%; background-color: #ffffff; text-align: center; cursor: pointer; }
.section8 #submitNewsletter:hover { background-color: #81C0D6; }
.section8 #submitNewsletter i { font-size: 16px; line-height: 50px; }
.section8 #submitNewsletter:hover i { color: #ffffff; }
.section8 #checkForRealContactNewsletter .form-check { margin-bottom: 10px; }
.section8 #checkForRealContactNewsletter label { font-size: 12px; line-height: 16px; }
.section8 #checkForRealContactNewsletter label.stdPopup { font-weight: 700; }

.section9 { margin-bottom: 30px; text-align: center; }
.section9 a, .section9 p, .section9 .stdPopup { color: #5F5E5D; -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; }
.section9 a:hover,.section9 .stdPopup:hover { color: #81C0D6; }
.section9 .iconLayout { margin-bottom: 10px; font-size: 18px; }
.section9 .iconLayoutMapa { font-size: 22px; }
.section9 .box { margin-bottom: 50px; }
.section9 .areaRodape a,.section9 .areaRodape .stdPopup { margin-left: 5px; margin-right: 5px; }
.section9 .areaRodape p { margin-bottom: 20px; }




@media only screen and (max-width : 1450px) {
    .section7 .areaFoto { width: 270px; height: 270px; }
    .section7 .fotoCliente { width: 230px; height: 230px; }
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
	.limitador { padding-left: 60px; padding-right: 60px; }
    .titulo1 { font-size: 34px; }
	.titulo2 { font-size: 34px; }
	div.socialNetworks div.socialNetworkIcon { width: 50px; height: 50px; }
	div.socialNetworks div.socialNetworkIcon i { font-size: 17px; line-height: 50px; }
	div.socialNetworks div.socialNetworkIcon:hover i { font-size: 22px; }
	.section1 .box .logo { width: 150px; }
    .section1 .areaLinguas { top: 5px; right: -50px; }
    .section1 .areaLinguas .stdLink { font-size: 14px; width: 30px; height: 30px; line-height: 30px; }
    .section1.fixedBox .areaLinguas { top: 0px; }
    .section1.fixedBox .box .logo { width: 90px; }
	.section2 { margin-top: 180px; }
    .section3 { text-align: center; }
    .section3 { margin-top: 0px; }
    .section3 .areaFoto { margin-top: 0px; }
    .section3 .areaFoto { margin-left: auto; margin-right: auto; }
    .section3 .areaImgFundo { height: auto; padding-bottom: 60%; margin-top: 60px; }
    .section3 .box { margin-top: 0px; margin-bottom: 50px; }
    .section3 .stdButton { margin-left: auto; margin-right: auto; }
    .section4 { text-align: center; }
    .section4 .box1 { margin-bottom: 50px; }
    .section5 { text-align: center; }
    .section5 .box { margin-top: 0px; }
    .section5 .stdButton { margin-left: auto; margin-right: auto; }
    .section5 .titulo1,.section5 .zonaRedesSociais .titulo1 { margin-bottom: 20px; }
    .section5 .zonaRedesSociais div { display: none; }
    .section6 { text-align: center; }
    .section6 .stdButton { margin-left: auto; margin-right: auto; margin-bottom: 60px; }
    .section6 #submitContact2 { margin-bottom: 0; }
    .section6 #checkForRealContact2 { text-align: center!important; }
    .section7 { margin-bottom: 100px; }
    .section7 .slickNav { margin-bottom: 20px; }
    .section7 .areaTexto { width: 600px; max-width: 100%; margin: auto; }
    .section7 .slickNav { position: relative; }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .section1 .box h1 { display: none; }
    .section2 .titulo1 { display: block; margin-bottom: 60px; text-align: center; }
    .section2 .areaContacto { left: auto; right: 0; border-bottom-right-radius: 0; }
    .section2 .areaContacto { top: 100px; }
    .section3 .areaFoto { margin-left: auto; margin-right: auto; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .limitador { padding-left: 30px; padding-right: 30px; }
    .titulo1 { font-size: 30px; }
    .titulo2 { font-size: 30px; }
    .section1 .areaLinguas { top: 5px; right: -25px; }
    .section1.fixedBox .areaLinguas { top: 0px; }
    .section5 .banner { height: 200px; }
    .section6 .fundo { padding: 100px 30px; }
    .section6 #name2,.section6 #contact2 { width: 100%; margin-left: 0; margin-right: 0; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 576px) {
    .limitador { padding-left: 0px; padding-right: 0px; }
    .titulo1 { font-size: 26px; }
    .titulo2 { font-size: 26px; }
    .section1 .box .logo { width: 120px; }
    .section1 .areaLinguas { top: 0; right: 5px; }
    .section2 { margin-top: 150px; }
    .section2 .areaContacto { position: relative; top: auto; left: auto; right: auto; border-radius: 0; width: 100%; max-width: 100%; margin-bottom: 40px; }
    .section3 .areaFoto { width: 200px; height: 200px;}
    .section3 .fotoCliente { width: 160px; height: 160px; }
    .section6 .fundo { padding: 100px 15px; }
    .section7 .areaFoto { width: 200px; height: 200px;}
    .section7 .fotoCliente { width: 160px; height: 160px; }
}
