html, body {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
    scroll-behavior: smooth;
    position: relative;
}
header {
    position: relative;
}
#banner_tablet, #banner_mobile{display:none}
p {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    font-family: 'Quicksand', sans-serif;
}

li {
    padding-bottom:15px;
    font-family: 'Quicksand', sans-serif;
}

a:hover{
    cursor: pointer;
    text-decoration: none !important;
}

.disable-scroll{
	overflow: hidden;
}

.subtitles {
	font-size: 36px;
	color: #109ba5;
}

.subtitlesWith {
	font-size: 36px;
	color: #ffffff;
}

.marginLeft0px {margin-left:0px !important;}

.paddingTop4px {padding-top:4px;}
.paddingBottom4px {padding-bottom:4px;}
.paddingLeft0px {padding-left:0px !important;}
.paddingTop10 {padding-top:10px;}
.paddingBottom10 {padding-bottom:10px;}
.paddingBottom20px {padding-bottom:20px;}
.paddingTop25 {padding-top:25px;}
.paddingTop30px {padding-top:30px;}
.paddingTop50px {padding-top:50px;}
.paddingBottom50px {padding-bottom:50px;}
.paddingTop80px {padding-top:80px;}
.paddingBottom80px {padding-bottom:80px !important;}

.gp-display_none {display:none;}

.backGroundColor109ba5 {background-color:#109ba5;}
.backGroundColorffffff {background-color:#ffffff !important;}

.textAlignCenter {text-align:center;}
.textAlignLeft {text-align:left;}

.width100Perc {width:100% !important;}
.width85Perc {width:85% !important;}
.width50Perc {width:50% !important;}

.visibilityHidden {visibility:hidden !important;}

.Section6A {z-index:900;font-family:'Quicksand';float:left;}/*{grid-column-start: 2;grid-column-end: 3;}*/
.Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:24px;color:#ffffff;}
.Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
.Section6A .ButtonContacts {font-family:'Quicksand';font-size:16px;background-color:#109ba5;border-color:#109ba5;text-transform:uppercase;color:#ffffff;border-radius:10px;cursor:pointer;height:35px;width:145px;}
.Section6A .ButtonContacts:hover {font-family:'Quicksand';font-size:16px;background-color:rgb(100,164,153);border-color:rgb(100,164,153);text-transform:uppercase;color:#ffffff;border-radius:10px;cursor:pointer;height:35px;width:145px;}
.Section6A .TextContacts {font-family:'Quicksand';font-size:18px;color:#ffffff;}

.width100Perc {
    width: 100%;
    height: auto;
    display: block;
}

/* Por padrão, esconda todas */
.gp-display_none {
    display: none;
}


.bold {
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
}


#logo_aRef {
    width: 8%;
    margin: 2% 0 0 3.5%;
}

#navbar {
    width: 100%;
    display: flex;
    color: #ffffff;
    position: absolute;
}
.nav_options {
    font-size: 18px;
    color: #ffffff;
    font-family: 'Quicksand', sans-serif;
}
#nav_projetos, #nav_projetos_hamburger, .dropdown_hamburger {
    z-index: 100;
    position: relative;
}

#hamburger_img {
	z-index: 100;
}

#nav_EEM_INOV {
	margin: 3% 5vw 0 auto;
}

#btnContacts {
    border:none;
    height:40px;
}

.dropdown {
    position: relative;
    display: inline-block;
    margin: 3% 6vw 0 0;
}

.dropdown a {
    text-decoration: none!important;
}

.drawer {
    top: -6px;
    left: -17px;
    width: 126px;
    z-index: 99;
    display: none;
    text-align: left;
    border-radius: 9px;
    position: absolute;
    padding: 42px 18px 19px;
    background-color: #2491c5;
}
.gavetas {
    color: #ffffff;
    font-size: 15px;
    line-height: 23px;
    font-family: 'Quicksand', sans-serif;
}
.div_gaveta {
    margin-top: 10px;
}

.drawer_hamburger {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: none;
    text-align: left;
    z-index: 99;
    line-height: 33px;
    position: fixed;
    overflow-x: hidden;
    background-color: #00b3cc;
}
.drop_drawer_hamburger {
    top: 66px;
    display: none;
    line-height: 0;
    padding: 3% 0 0 5%;
}

#div-hamburger-projetos_tab {
	margin-top: 35px;
}
#menu_mobile {
    width: 37px;
    display: none;
    margin: 4% 6vw 0 auto;
}
#menu_desktop {
    display: contents;
}


.img_responsive, .img_mobile, #banner_div, #logoEEM_img {
    width: 100%;
    height: auto;
}

.img_mobile {
    display: none;
}


.footerHeader {padding-left:11%;padding-right:11%;padding-top:50px;padding-bottom:50px;background-color:#109ba5; text-align: center;}
.borderRadius40 {border-radius:40px;}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------------- PAGE SPECIFIC STARTS HERE ----------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

#div-intro {
    width: 80%;
    margin-top: 9%;
    text-align: left;
    position: absolute;
    
}

#div-intro2 {
	width: 80%;
    margin-top: 18%;
    text-align: left;
    position: absolute;
}

#intro_title {
    font-family: 'Quicksand';
    font-weight: 700;
    font-size: 56px;
    color: #ffffff;
    margin-bottom: 0;
    width: 75%;
    margin: auto;
    font-weight: bold;
    margin-top:200px;

}
#intro_title {
    transition: font-size 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin-top 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: font-size, margin-top, width;
}
#dContactsFather {
    transition: top 0.4s cubic-bezier(0.4, 0, 0.2, 1), left 0.4s cubic-bezier(0.4, 0, 0.2, 1), width 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.4s cubic-bezier(0.4, 0, 0.2, 1), margin 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: top, left, width, padding, margin;
}


.text-azul {
    color: #5989A1;
    font-family: 'Quicksand';
    font-size: 28px;
}


#intro_subtitle {
    font-family: 'Quicksand';
    font-weight: 300;
    font-size: 36px;
    color: #ffffff;
    margin-bottom: 0;
    width: 75%;
    margin: auto;
    padding-top: 30px;
}

.descricao_article {
    width: 65%;
    padding-top:20px;
    margin: 50px auto auto;
}
#detalhescontact {
    margin: -60px auto auto;
}
#descricao_title, .arcticle-subtitles {
    text-align: center;
    margin-bottom: 20px;
}
#descricao_title {
    font-family: 'Quicksand';
    font-weight: bold;
    font-size: 36px;
    color: #5989A1;
}
/* forçar querbra e evitar scrool*/
#descricao_title, .arcticle-subtitles {
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    box-sizing: border-box;
}


.text-descricao {
    font-size:24px;
    font-family:'Quicksand';
    color:#333333;
}

.text-descricaowhite {
    font-size: 24px;
    font-family: 'Quicksand',sans-serif;
    color: #ffffff;
    text-align: center;
}

.text-margintop {
	margin-top: 20px;
}

.faq h2 {
    font-size: 36px;
}
.faq_btn {
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
    color: #5989A1;
    font-weight: 600;
}

.panel {
    margin-top: 20px;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    color: #5989A1;
}
#dContacts {
    margin-top: -10px;
}
#dEstamosConsigo {
    font-family: 'Quicksand', sans-serif;
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}
#dSeAinda {
    font-family: 'Quicksand', sans-serif;
    font-size: 28px;
    color: #ffffff;
    font-weight: 600;
}
#btnContacts {
    background-color: #109ba5;
    font-family: 'Quicksand', sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    width: 280px;
    height: 70px;
}



#separador_div {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
}

.section-video {
	width: 100%;
	text-align: center;
    margin: 4rem auto 5rem;
}

.video_slide {
    width: 100%;
    border-radius: 10px;
}

.contacte-nos_div {
    width: 200px;
    
    display: inline-block;
    margin: 50px auto 0 auto;
}
.contacte-nos_div .contacte-nos_on {
    display: none;
}
.contacte-nos_div .contacte-nos_off {
    display: inline;
}
.contacte-nos_div:hover .contacte-nos_on {
    display: inline;
}
.contacte-nos_div:hover .contacte-nos_off {
    display: none;
}

.contactos {
	width: 100%;
    display: none;
    color: #ffffff;
    line-height: 1.7;
    margin: 50px auto 0px;
}
#contactos{
    font-size: 20px;
}

#footer {
    width: 100%;
    background: url("../images/desktop/img__fundo2.png");
    background-size: cover;
    margin-bottom: 9.9rem;
}
.pb-footer {
    bottom: -9.9rem;
    z-index: -1;
    height: auto;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #2a588d;
}

.pb-footer-logos {
    display: flex;
}

.pb-footer-logo img {
    width: 100%;
    cursor: pointer;
    filter: invert(100%) sepia(4%) saturate(739%) hue-rotate(318deg) brightness(118%) contrast(100%);
}

.pb-footer-logo {
    width: 100px;
    cursor: pointer;
}

.pb-footer-a, .pb-footer-a_last {
    font-size: 12px;
    color: #ffffff;
}

    .pb-footer-a:hover, .pb-footer-a_last:hover {
        color: #ffffff;
    }

.pb-footer-copyright div span {
    color: #ffffff;
    font-size: 10px;
}
.pb-footer-timeline div span {
    color: #ffffff;
    font-size: 10px;
}

.pb-footer-a:after {
    content: '|';
    margin: 0 8px;
}

.pb-footer-a_last:after {
    content: '';
    margin: 0;
}
  @media only screen and (max-width: 768px) {
    .pb-footer-menu {
      display: flex;
      align-items: center;
      flex-direction: column;
      margin-bottom: 15px;
    }
    .pb-footer-a:after {
      content: '';
      margin: 0;
    }
    .subtitles, .subtitlesWith, #descricao_title, .faq h2, #dEstamosConsigo {
        font-size: 14px;
    }

    #intro_title {
        font-size: 20px;
    }

    #intro_subtitle {
        font-size: 12px;
    }
    .faq_btn, button.accordion {
        font-size: 14px;
    }

    .panel {
        font-size: 13px;
    }
  }

#scrollToTop {
	background-color: #6ac17a;
	border-radius: 50%;
    position: fixed;
    text-align: center;
    width: 45px;
    height: 45px;
    line-height: 38px;
    bottom: 20px;
    right: 20px;
}
.scrollToTop-icon {
	width: 19px;
}

.show {
    display: block;
}


/****** FAQ STARTS HERE ***************/

#faq-scrollTo {
    width: 100%;
    height: 5rem;
    margin-top: 10rem;
}

/******accordioncss***************/
section.faq {
    width: 100%;
	background: #fff;
}
section.faq h2 {
    float: left;
    text-align: center;
    width: 100%;
    font-family: 'Quicksand', sans-serif;
    color: #109ba5;
    margin-bottom: 36px;
}
.faq_btn:focus {
  outline: none;
  box-shadow: none;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  float: left;
}
.panel p {
    margin-top: 20px;
    font-weight: normal;
    font-family: 'Quicksand', sans-serif;
    color: #5989A1;
    font-size: 18px;
    padding-left: 15px;
}
button.accordion {
    float: left;
    text-align: left;
    width: 100%;
    font-family: 'Quicksand', sans-serif;
    color: #109ba5;
    margin-bottom: 0;
    font-weight: 900;
    background: #fff;
    border-bottom: 3px solid #ccc;
	font-size: 24px;
}
.accordion:after {
	content: '\002B';
	color: #109ba5;
	font-weight: bold;
	float: right;
	margin-left: 5px;
	font-size: 24px;
}

.active:after {
	content: '\002D' !important;
	padding-left:20px;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  float: left;
  width:100%;
}
.acc-outer{
    float: left;
    width:100%;
    display: inline-block;
}
/******accordioncssend***************/

.width_90 {
    width: 66%;
    margin: 0 auto;
}
.width_90 .row {
    margin: 0 !important;
}
/**************** FAQ ENDS HERE ***************/


/**************** TIMELINE ENDS HERE ***************/

.timeline {
    counter-reset: step;
    width: 100%;
    transition: all 1s;
    margin:0;
    padding:0;
    display:flex;
    overflow: hidden;
    scroll-behavior: smooth; 
}

    .timeline li {
        list-style:none;
        position: relative;
        text-align: left;
        flex-grow: 1;
        flex-basis: 0;
        padding: 0 5px;
        color: rgb(164 193 217);
    }

        .timeline li:before {
            width: 25px;
			height: 25px;
			content: '✔';
			font-weight: lighter;
			line-height: 25px;
    		border: 1px solid rgb(28 100 159);
    		color: rgb(28 100 159);
            display: block;
            text-align: center;
            margin: 0 auto 25px auto;
            border-radius: 50%;
            transition: all .8s;
            cursor: pointer;
        }

        .timeline li:after {
            width: 100%;
            height: 1px;
            content: ''!important;
            position: absolute;
            background-color: rgb(28 100 159);
            top: 36px;
            z-index: -1;
            transition: all .8s;
        }

        .timeline li:first-child:before, .timeline li:last-child:before {
            content: none;
        }
        
        .timeline li.active {
        	color: rgb(28 100 159);
        }
        .timeline li.passed {
        	color: rgb(164 193 217)!important;
        }

        .timeline li.active:before {
            border-color: rgb(28 100 159);
            transition: all .8s;
        }
        .timeline li.active:after {
            background-color: rgb(28 100 159);
            transition: all .8s;
        }
        
.timeline-node-title {
	width: 128px;
    margin: auto;
    cursor: pointer;
}

.timeline-arcticle-group {display: none;}


.timeline-arcticle {
    margin: 4rem auto 0 auto;
}
.timeline-arcticle-title {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    color: rgb(28 100 159);
}
.timeline-span {
    font-weight: 500;
    color: #4d4d4d;
    margin-left: 5px;
    font-size: 15px;
    line-height: normal;
}
.arcticle-text-margintop {
    margin-top: 2.5rem;
}
.barra-01 {
    background-image: url('../images/desktop/Barra-01.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.barra-02 {
    background-image: url('../images/desktop/Barra-02.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/**************** SLIDER STARTS HERE ***************/

.mySlides {
    display: none;    
    border-radius: 3px;
}
img {vertical-align: middle;}

.slideshow-container {
    max-width: 575px;
    position: relative;
    margin: 0 auto 5rem;
}

/* Next & previous buttons */
a.prev, a.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    user-select: none;
    width: 38px;
    height: 38px;
    background-color: rgb(61 122 171);
    border-radius: 50%;    
    line-height: 30px;
}

a.prev:hover, a.next:hover {
background-color: rgb(13 101 164);
transition: all 0.3s ease;
}
.img-slider-buttons {
    width: 25px;
}
.next.scrollToTop-icon, .prev.scrollToTop-icon {
    width: 25px;
}

a.next {
right: 1.5%;
transform: rotate(90deg);
}
a.prev {
left: 1.5%;
transform: rotate(-90deg);
}

.text {
    top: 48%;
    color: #f2f2f2;
    font-size: 15px;
    position: absolute;
    padding: 0;
    width: 100%;
    text-align: center;
}


.dot:hover {
background-color: #717171;
}

/* Fading animation */
.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 1.5s;
animation-name: fade;
animation-duration: 1.5s;
}

@-webkit-keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .4} 
to {opacity: 1}
}

@media only screen and (max-width: 300px) {
.prev,.next,.text {font-size: 11px}
}

/**************** SLIDER ENDS HERE ***************/

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- Media Queries -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 1900px [pb-footer]------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 1500px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1500px) {

    #intro_title {
        font-size: 50px;
        width: 75%;
        margin-top: 160px;
    }
    #intro_subtitle {
    	font-size: 30px;
    	/*padding-top: 10px;*/
        padding-top: 30px;
    }
    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:24px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:18px;color:#ffffff;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 1300px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1300px) {

    #intro_title {
        font-size: 34px;
        width: 75%;
        margin: auto;
        margin-top: 130px;
    }
    #intro_subtitle {
    	font-size: 27px;
    	padding-top: 30px;
    }
    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:24px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:18px;color:#ffffff;}

    .text-azul {
        font-size: 20px;
    }

    #dEstamosConsigo {
        font-size: 24px;
    }

    #dSeAinda {
        font-size: 18px;
    }

    #btnContacts {
        font-size: 18px;
        width: 170px;
        height: 55px;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 1000px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1200px) {

    #intro_title {
        font-size: 32px;
        width: 70%;
        margin: auto;
        margin-top:110px;
    }
    .text-azul {
        font-size: 18px;
    }

    #dEstamosConsigo {
        font-size: 20px;
    }

    #dSeAinda {
        font-size: 16px;
    }
    #btnContacts {
        font-size: 16px;
        width: 135px;
        height: 35px;
    }
    .descricao_article {margin: 50px auto auto;padding-top:20px;}
    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:24px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:18px;color:#ffffff;}
    #detalhescontact {
        margin: -70px auto auto;
    }
    #banner_desktop, #banner_mobile {display:none}
    #banner_tablet{display:block}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 1000px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 1000px) {
    #Section7ImgT {
        display: block;
    }
    #intro_title {
        font-size: 30px;
        width: 65%;
        margin: auto;
        margin-top: 140px;
    }
    #dContactsFather {
        margin-top: 0;
        width: 84%;
        margin: 0 auto;
    }
    #btnContacts {
        font-size: 15px;
        width: 135px;
        height: 35px;
    }
    .drawer {
        width: 107px;
        padding: 37px 18px 14px;
    }

    .nav_options, .gavetas {
        font-size: 14px;
    }

    .row {
        width: 100%;
    }

    #intro_title {
        font-size: 28px;
        width: 75%;
        margin: auto;
        margin-top: 110px;
    }
    
    #intro_subtitle {
    	font-size: 20px;
        padding-top: 15px;
	}
    .text-azul {
        font-size: 18px;
    }

    #dEstamosConsigo {
        font-size: 18px;
    }

    #dSeAinda {
        font-size: 15px;
    }
    
    .descricao_article {
        margin: 50px auto auto;
        padding-top: 10px;
    }
    #detalhescontact {
        margin: -60px auto auto;
    }
	
	.video {
    	width: 420px;
    }
    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:24px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:18px;color:#ffffff;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 900px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 900px) {
 

    #Section7ImgT {
        display: block;
    }
    #btnContacts {
        font-size: 13px;
        width: 120px;
        height: 30px;
    }
    #intro_title {
        font-size: 24px;
        width: 75%;
        margin: auto;
        margin-top: 90px;
    }
    
    #intro_subtitle {
    	font-size: 17px;
        padding-top: 15px;
	}

    #intro_subtitle {
        font-size: 17px;
    }

    .subtitles, .subtitlesWith, #descricao_title, .faq h2, #dEstamosConsigo {
        font-size: 17px;
    }

    .text-descricao, .text-descricaowhite {
        font-size: 15px;
    }
    .text-azul {
        font-size: 15px;
    }

    #dEstamosConsigo {
        font-size: 17px;
    }

    #dSeAinda {
        font-size: 14px;
    }

    .faq_btn, button.accordion {
        font-size: 16px;
    }
    .panel, .panel p {
        font-size: 14px;
    }

    .panel, .panel p {
        font-size: 14px;
    }

    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:14px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:14px;color:#ffffff;}

    .descricao_article {
        margin: 50px auto auto;
        padding-top: 20px;
        width: 70%;
    }
    #detalhescontact {
        margin: -65px auto auto;
    }
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 768px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width: 768px) {
    
	#div-intro {
		margin-top: 13%;
	}

    #div-intro2 {
        margin-top: 21%;
    }

    #intro_title {
        font-size: 20px;
        margin: auto;
        width: 75%;
        margin-top: 45px;
    }

    #intro_subtitle {
        font-size:12px;
        padding-top: 15px;
    }
    .text-azul {
        font-size: 14px;
    }

    
    .panel, .panel p {
        font-size: 13px;
    }

    .img_mobile {
        display: block !important;
    }
    
    #logo_aRef {
    	width: 18%;
    	margin: 4% 0 0 3vh;
    }

    #menu_mobile {
        display: block;
    }
    #menu_desktop {
        display: none;
    }
    .gavetas {
        font-size: 27px;
        line-height: 63px;
    }
    .nav_options {
        font-size: 27px;
    }
 
 	.subtitles {
		font-size: 22px;
        padding: 0;
	}

    .descricao_article {
        margin: 30px auto auto;
        padding-top:30px;
        width: 70%;
    }
    #detalhescontact {
        margin: -30px auto auto;
    }
    /*#separador_div {
        margin-top: 12vw;
    }*/
    
	.video {
		width: 100%;
		height: none;
	}
	
    /*.contacte-nos_div {
        width: 150px;
        margin: 45px auto 0 auto;
    }*/

    #footer {
        background: url("../images/mobile/fundo2.png");
        background-size: cover;
    }
    
    #hamburger-inner-div {
		padding: 35% 0 0 13%;
	}
    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:14px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:14px;color:#ffffff;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 577px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 577px) {

    #btnContacts {
        font-size: 11px;
    }
    #div-intro {
		margin-top: 13%;
    }

    #div-intro2 {
        margin-top: 21%;
    }

    #intro_title {
        font-size: 18px;
        margin: auto;
        width: 75%;
        margin-top: 32px;
    }

    #intro_subtitle {
    	font-size:12px;
        padding-top: 15px; 
    }
    .panel, .panel p {
        font-size: 11px;
    }
    .text-azul {
        font-size: 11px;
    }

    #dEstamosConsigo {
        font-size: 14px;
    }
    #dSeAinda {
        font-size: 12px;
        margin-top: -5px;
    }
    #dContacts1, #dContacts2, #dContacts3 {
        font-size: 10px;
        margin-top:-5px;
    }

    .descricao_article {
        padding-top:30px;
        width: 85%;
    }
    
    #descricao_title {
    	margin-bottom: 8vw;
    }
    
    /*.text-descricao, .text-descricaowhite {
		padding: 0 25px;
	}*/

	.section-video {
        margin: 3rem auto 4rem;
    }
    .video {
    	width: 100%;
    }
    
    .faq h2 {
        font-size: 21px;
    }
    .faq_btn {
        padding: 10px 0 10px;
    }
    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:18px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:14px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:14px;color:#ffffff;}

    .footerHeader {padding-left:11%;padding-right:11%;padding-top:25px;padding-bottom:25px;background-color:#109ba5;}
}

/* ------------------------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------- max-width: 460px -------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 460px) {
    #Section7ImgM {
        display: block;
    }
    #btnContacts {
        font-size: 9px;
        width: 80px;
        height: 25px;
    }
    #div-intro {
    	margin-top: 12%;
	}

    #div-intro2 {
        margin-top: 23%;
    }

    #intro_title {
        font-size: 12px;
        margin-top: 28px;
    }
	#intro_subtitle {
    	font-size: 9px;
        padding-top: 15px;
	}
    .subtitles, .subtitlesWith, #descricao_title, .faq h2, #dEstamosConsigo {
        font-size: 10px;
    }

    .text-descricao, .text-descricaowhite {
        font-size: 10px;
    }

    .faq_btn, button.accordion {
        font-size: 10px;
    }

    .panel, .panel p {
        font-size: 9px;
    }
    .text-azul {
        font-size: 9px;
    }

    #dEstamosConsigo {
        font-size: 11px;
    }

    #dSeAinda {
        font-size: 9px;
    }

    .nav_options, .gavetas {
        font-size: 18px;
    }
    .gavetas {
    	line-height: 50px;
    }

    .footerHeader {padding-left:11%;padding-right:11%;padding-top:15px;padding-bottom:15px;background-color:#109ba5;}

    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:12px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:10px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:10px;color:#ffffff;}

    #btnContacts {border: none; height: 25px;}
    .Section6A .ButtonContacts {font-family:'Quicksand';font-size:11px;background-color:#109ba5;border-color:#109ba5;text-transform:uppercase;color:#ffffff;border-radius:10px;cursor:pointer;height:15px;width:100px;}
    .Section6A .ButtonContacts:hover {font-family:'Quicksand';font-size:11px;background-color:rgb(100,164,153);border-color:rgb(100,164,153);text-transform:uppercase;color:#ffffff;border-radius:10px;cursor:pointer;height:15px;width:100px;}
    #banner_desktop, #banner_tablet{display:none}
    #banner_mobile{display:block}
}

@media only screen and (max-width: 360px) {
    #detalhescontact {
        margin-top: 0; 
        padding-top: 0;
    }
    #Section7ImgM {
        display: block;
        min-height: 130px;
    }
    #btnContacts {
        width: 80%; 
        max-width: 88px;
        height: auto;
        padding: 5px 0;
        font-size: 8px;
    }
    #dContactsFather {
        position: relative;
        margin: 0 auto;
        width: 90%;
    }
    #dSeAinda, #dContacts1, #dContacts2, #dContacts3 {
        font-size: 8px;
        margin-top: -8px;
    }
    #div-intro {
    	margin-top: 12%;
	}

    #div-intro2 {
        margin-top: 23%;
    }

    #intro_title {
        font-size: 10px;
        margin-top: 25px;
    }
	#intro_subtitle {
    	font-size: 7px;
        padding-top: 15px;
	}
    .subtitles, .subtitlesWith, #descricao_title, .faq h2, #dEstamosConsigo {
        font-size: 9px;
    }

    .text-descricao, .text-descricaowhite {
        font-size: 9px;
    }
    .text-azul {
        font-size: 9px;
    }

    #dEstamosConsigo {
        font-size: 9px;
    }

    #dSeAinda {
        font-size: 8px;
    }

    .faq_btn, button.accordion {
        font-size: 9px;
    }

    .panel, .panel p {
        font-size: 9px;
    }

    .nav_options, .gavetas {
        font-size: 18px;
    }
    .gavetas {
    	line-height: 50px;
    }
    .pb-footer-copyright div {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        line-height: 1.2;
        margin-bottom: 5px;
    }

    .footerHeader {padding-left:11%;padding-right:11%;padding-top:15px;padding-bottom:15px;background-color:#109ba5;}

    .Section6A .Title {font-family:'Quicksand';font-weight:700;font-size:12px;color:#ffffff;}
    .Section6A .Middle {font-family:'Quicksand';font-weight:700;font-size:10px;color:#ffffff;}
    .Section6A .TextContacts {font-family:'Quicksand';font-size:10px;color:#ffffff;}

    #btnContacts {border: none; height: 25px;}
    .Section6A .ButtonContacts {font-family:'Quicksand';font-size:11px;background-color:#109ba5;border-color:#109ba5;text-transform:uppercase;color:#ffffff;border-radius:10px;cursor:pointer;height:15px;width:100px;}
    .Section6A .ButtonContacts:hover {font-family:'Quicksand';font-size:11px;background-color:rgb(100,164,153);border-color:rgb(100,164,153);text-transform:uppercase;color:#ffffff;border-radius:10px;cursor:pointer;height:15px;width:100px;}
}