html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* FIM DO RESET */

body{
    font-family: 'Poppins', 'Noto Sans SC';
}

a{
    text-decoration:none;
}

.login{
    width:100%;
    padding-top:10%;
    padding-bottom:10%;
    background-color:#EBF9FA;
}

.img-login{
    background-image:url(../images/consulta.png);
    background-size:contain;
    background-position:center;
    background-repeat: no-repeat;
    /* width:100%; */
    height:50vh;
    background-color:#296F76;
}

.form-login{
    background-color:#ffff;
    padding:1rem 4rem;
}

.form-login img{
    margin-top:10%;
    display:block;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:5%;
}

.login label{
    color:#296F76;
    font-weight:600;
    margin-bottom:5px;
}

.login input{
    width:100%;
    height:2.7rem;
    border:1px solid #296F76;
    /* margin-bottom:2rem; */
}

.form-field{
    margin-bottom:1.5rem;
}

.right{
    text-align:right;
}

.identity{
    color:#296F76;
    margin-top:1rem;
}

.erro-form{
    margin-top:0.5rem;
    color:brown;
    font-weight:600;
    font-size:0.8rem;
}

.login button{
    padding:1rem 2rem;
    background-color: #296F76;
    color:#49C5D3;
    text-transform:uppercase;
    border:none;
    border-radius:4px;
    transition:.2s ease-in-out;
}
    .login button:hover{
        color:#fff;
    }

.topo, .topo-mobile{
    padding:1rem 0;
}

.topo h3, .topo-mobile h3{
   color:#595959;
   font-weight: bold;
   margin-top:1rem;
   margin-bottom:0.3rem;
}

.topo p, .topo-mobile p{
    color:#8c8c8c;
    font-weight: bold;
    font-size:0.9rem;
}

.banner{
    background-image:url(../images/banner.png);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    height:70vh;
}

.banner h1, .title{
    font-family:'Noto Sans SC';
    color:#595959;
    text-transform: uppercase;
    margin-top:17%;
    margin-bottom:1rem;
}

.banner h2, .title-secondary{
    font-family:'Poppins';
    
    font-size:3rem;
    color:#595959;
    width:98%;
    font-weight:bold;
    letter-spacing: 2px;
    line-height: 3.2rem;
    margin-bottom:1rem;
}

.title-banner{
    margin-top:17%;
}

.banner h2 span, .title-secondary span{
    color:#49C5D3;
}

.banner p, .text-tab{
    color:#8c8c8c;
    line-height: 1.5rem;
    width:85%;
    text-align: justify;
}

.banner h3, .title-third{
    margin-top:1.5rem;
    margin-bottom:3rem;
    color:#49C5D3;
    font-weight:bold;
    font-size:1.1rem;
}

.banner a{
    color:#fff;
    background-color:#FFA340;
    padding:1rem 2rem;
    border-radius:4px;
    border:1px solid #FFA340;
    font-family:'Noto Sans SC';
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;;
}

.secoes{
    background-image:url(../images/bg-sections.png);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    text-align: center;
}

.secoes .col-md-3{
    padding:6% 0;
}

.blue-bg{
    background-color:#49C5D3;
}

.secoes h2{
    color:#fff;
    font-weight:bold;
    font-size:1.4rem;
    letter-spacing: 1px;
    line-height: 1.7rem;
    margin-top:1rem;
}

.icon-topo{
    margin-top:0.9rem;
}

.especialista{
    margin-top:6%;
    margin-bottom:6%;
}

.especialista img{
    width:90%;
    height:auto;
}

.title-especialista{
    font-size:2.5rem;
    line-height: 2.5rem;;
}

.agende{
    background-color:#F1FDFD;
    padding-bottom:6%;
}

.agende h3{
    color:#49C5D3;
    font-weight:bold;
    font-size:1.1rem;
    margin-top:1.5rem;
}

.text-sec{
    color:#8c8c8c;
    line-height: 1.5rem;
    width:85%;
    text-align: justify;
    margin-bottom:3rem;
}

.agende a{
    color:#fff;
    background-color:#FFA340;
    padding:1rem 2rem;
    border-radius:4px;
    border:1px solid #FFA340;
    font-family:'Noto Sans SC';
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;;
}

.valores{
    margin-bottom:5%;
}

.valores h2{
    font-family:'Poppins';
    font-size:3rem;
    color:#49C5D3;
    width:98%;
    text-transform:none;
    font-weight:bold;
    letter-spacing: 2px;
    line-height: 3.2rem;
    margin-bottom:1rem;
}

.valores h2 span{
    color:#296F76;
}

.valores-text{
    color:#8c8c8c;
    line-height: 1.5rem;
    width:85%;
    text-align: justify;
    margin-bottom:2rem;
    margin-top:17%;
}

.valores a{
    color:#fff;
    background-color:#FFA340;
    padding:0.7rem 2rem;
    border-radius:4px;
    border:1px solid #FFA340;
    font-family:'Noto Sans SC';
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1px;;
}

.valores .col-md-6{
    margin-bottom:6%;
}

.box-valor{
    margin:5% 0;
    padding:8% 4%;
    background-color:#49C5D3;
}
.dark{
    background-color:#296F76;
    margin-top:5rem;
}

.box-valor h3{
    font-size:1.2rem;
    color:#fff;
    font-style: italic;
    font-weight:light;
    margin-top:1rem;
    margin-bottom:0.5rem;
}

.box-valor p{
    color:#fff;
    line-height: 1.5rem;
    text-align: justify;
}

.contato-title{
    background-image:url(../images/banner-contato.png);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
    text-align: center;
    padding-top:3%;
    padding-bottom:3%;
}

.contato-title h1{
    color:#296F76;
    font-size:3rem;
    font-family:'Poppins';
    font-weight: bold;
    margin-bottom:1rem;
}

.contato-title{
    font-family:'Poppins';
    font-size:1.6rem;
    color:#595959;
    font-weight:bold;
    line-height: 1.7rem;
    /* margin-bottom:1rem; */
    letter-spacing: 1px;

}

.contato-title span{
    color:#49C5D3;
}

.formulario{
    background-image:url(../images/form-bg.png);
    background-position:center;
    background-size:cover;
    background-repeat: no-repeat;
}

.form-contato{
    margin:10% 0;
}

.form-contato label{
    font-size:1.05rem;
    color:#296F76;
    font-weight:bold;
}

.form-contato input{
    width:100%;
    height:3.5rem;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom:1px solid #296F76;
    background-color:transparent;
    margin-bottom:4rem;
}

.form-contato textarea{
    width:100%;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom:1px solid #296F76;
    background-color:transparent;
    margin-bottom:2rem;
}

.form-contato button{
    color:#fff;
    background-color:#FFA340;
    padding:1rem 2rem;
    border-radius:4px;
    border:1px solid #FFA340;
    font-family:'Noto Sans SC';
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
}

.faq{
    margin-top:5%;
    margin-bottom:5%;
}

.faq img{
    width:80%;
    height:auto;
    margin-top:17%;
}

.faq button{
    margin-top:3%;
    border: none;
    background-color:transparent;
    padding-bottom:1rem;
    width:100%;
    text-align: left;
    font-weight:bold;
    font-size:1.05rem;
    color:#595959;
    margin-bottom:0.6rem;
}

.faq button:after{
    content:"\2b";
    font-family:'Font Awesome 5 Free';
    font-weight:bold;
    background-color:#296F76;
    color:#fff;
    padding:0 0.2rem;
    float:right;
}

.panel{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom:1px solid #EBF9FA;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.panel p{
    color:#8c8c8c;
    line-height: 1.5rem;
    width:85%;
    text-align: justify;
}

.active:after{
    content:"\f068";
}

.info{
    background-color:#F1FDFD;
    padding-top:10%;
    padding-bottom:10%;
}

.info h1{
    font-family:'Poppins';
    font-size:3rem;
    color:#595959;
    width:98%;
    font-weight:bold;
    letter-spacing: 2px;
    line-height: 3.2rem;
    /*margin-top:10%;*/
}

.info h1 span, .info h3 span{
    color:#49C5D3;
}

.info h2{
    font-family:'Noto Sans SC';
    color:#595959;
    text-transform: uppercase;
    /* margin-top:17%; */
    margin-bottom:1rem;
}

.info h3{
    font-family:'Poppins';
    font-size:2.2rem;
    color:#595959;
    width:98%;
    font-weight:bold;
    /* letter-spacing: 2px; */
    line-height: 2.2rem;
    margin-bottom:1rem;
}

.info p{
    color:#8c8c8c;
    line-height: 1.5rem;
    width:85%;
    text-align: justify;
}

.rodape{
    background-color:#296F76;
    padding-top:2%;
    padding-bottom:2%;
}

.block-text{
    position:relative;
}

input[type=checkbox]{
    position:relative;
    vertical-align:text-top;
    /*margin-top:20px;*/
}

.rodape h2{
    color:#49C5D3;
    font-weight:bold;
    letter-spacing: 1px;
    font-size:1.2rem;
    margin-top:4rem;
    margin-bottom:0.6rem;
}

.rodape p{
    color:#fff;
    line-height: 1.4rem;
    letter-spacing: 1px;
    font-size:0.9rem;
}

.newsletter input[type=text]{
    width:100%;
    height:3rem;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom:1px solid #49C5D3;
    background-color:transparent;
    /* margin-bottom:4rem; */
}

.newsletter ::placeholder{
    color:rgba(241,253,253, 0.2);
}

.newsletter input[type=checkbox]{
    margin-top:-10px;
}

label[for=consent]{
    font-size:0.7rem;
    color:#fff;
    text-align: justify;
    width:95%;
    margin:0.5rem 0;
    line-height: 1.1rem;
}

.newsletter button{
    color:#fff;
    background-color:#FFA340;
    padding:1rem 4rem;
    border-radius:4px;
    border:1px solid #FFA340;
    font-family:'Noto Sans SC';
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    margin-top:2rem;
}

.line{
    border-bottom:1px solid #fff;
    margin-top:1%;
    margin-bottom:1%;
}

.agendasAtivas{
    /* margin-top:5%; */
    margin-bottom:5%;
}

.agendasAtivas table{
    display:table;
    width:100%;
}

.agendasAtivas h2{
    font-size:2rem;
    font-weight:bold;
    color:#49C5D3;
    padding:3% 0;
    background-color:#296F76;
    text-align: center;
    margin-bottom:3%;
}

.agendasAtivas table th{
    border:1px solid #fff;
    padding:0.5rem 0;
    color:#fff;
    font-size:0.9rem;
    text-transform: uppercase;
    text-align: center;
    background-color:#FFA340;
}

.agendasAtivas table td{
    font-size:0.9rem;
    border:1px solid #296F76;
    text-align: center;
    padding:0.9rem 0;
    background-color:#fff;
    font-weight: 600;
    color:#595959;
}

.fa-newspaper{
    padding:0.5rem;
    background-color:#f88379;
    border-radius:50%;
    color:#fff;
}

.fa-pen-clip{
    padding:0.5rem;
    background-color:#256F15;
    border-radius:50%;
    color:#fff;
}

.filled{
    color:#FF8C00;
}

.empty{
    color:#FF9966;
    opacity:0.3;
}


.agenda-container h2{
    background-color:#296F76;
    text-transform: uppercase;
    color:#49C5D3;
    font-weight:600;
    font-size:2rem;
    text-align:center;
    padding:3% 0;
}

.direitos{
    text-align: center;
}

.direitos p{
    color:#fff;
}

.direitos p span{
    color:#49C5D3;
}

#agendamento{
    width:70%;
    margin-left:auto;
    margin-right:auto;
}

.calendario{
    background-color:#fff;
    width:100%;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    /* margin-top:20%; */
    display:table;
    table-layout: fixed;
}

.detail-agenda{
    margin:3% auto;
    width:80%;
    display:table;
}

.detail-agenda th{
    border:1px solid #8c8c8c;
    padding:1% 0;
    font-size:0.95rem;
    font-weight:600;
    text-transform: uppercase;
    color:#49C5D3;
    vertical-align: middle;
    text-align: center;
    /* padding-left:5px; */
}

.detail-agenda img{
    width:120px;
    height:auto;
    display:block;
    margin:0 auto;
}

.detail-agenda td{
    border:1px solid #8c8c8c;
    padding:2% 0;
    font-size:0.95rem;
    padding-left:1rem;
    line-height: 1.5rem;
}

.title-table th{
    text-transform: uppercase;
    font-size:0.8rem;
    font-weight:800;
    color:#296F76;
    text-align: left;
    padding-left:1rem;
    background-color:#49c5d32f;
}

.menu-adm{
    text-align: center;
    margin-top:3%;
}

.menu-adm li{
    padding:0.6rem 1rem;
    display:inline-block;
    background-color: #FF8C00;
    transition:.2s ease-in-out;
}

.menu-adm li:hover{
    background-color: #975b11;
}

.menu-adm li a{
    color:#fff;
    text-transform: uppercase;
    font-weight:600;
}

.agenda-container input, .agenda-container select{
    width:100%;
    height:2.7rem;
    border:none;
    background-color: #EBF9FA;
}

.agenda-container textarea{
    width:100%;
    border:none;
    background-color: #EBF9FA;
}

.agenda-container button{
    color:#fff;
    background-color:#FFA340;
    padding:1rem 2rem;
    border-radius:4px;
    border:1px solid #FFA340;
    font-family:'Noto Sans SC';
    font-weight:bold;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
}

.agendasAtivas input{
    width:100%;
    height:2.7rem;
    border:1px solid #296F76;
    background-color: #EBF9FA;
    margin-bottom:1rem;
}

.agendasAtivas select{
    width:100%;
    height:2.7rem;
}

.msgs{
    margin-top:0.6rem;
}

.error{
    color:#f88379;
    background-color: #f884796c;
    font-weight:bold;
    font-size:0.8rem;
    padding:0.4rem 0.8rem;
    border-radius:4px;
}

.success{
    color:#256F15;
    background-color: #256f1565;
    font-weight:bold;
    font-size:0.8rem;
    padding:0.4rem 0.8rem;
    border-radius:4px;
}

.calendario-form{
    background-color:#fff;
    padding:1rem 1rem;
}

.panel ul li{
    font-family:'Poppins';
    font-weight:bold;
    font-size:0.9rem;
    margin:1rem 0 1rem 0.5rem;
    line-height:1.4rem;
    color:#8c8c8c;
}

@media (min-width: 996px)
{
    .topo-mobile{
        display:none;
    }
    
    .maintenance{
        background-image:url(../images/maintenance.png);
        width:100%;
        height:100vh;
        background-size:cover;
        background-position:center;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1200px) and (max-width:1400px)
{

    .topo{
        padding:1.5rem 0;
    }
    
    .topo h3{
       font-size:0.9rem;
    }
    
    .topo p{
        font-size:0.8rem;
    }

    .banner h1, .title{
        font-size:1rem;
    }
    
    .banner h2, .title-secondary{        
        font-size:2.6rem;        
    }

    .secoes h2{
        font-size:1.2rem;
    }

    .especialista img{
        width:80%;
        height:auto;
        margin-top:10%;
    }

    .valores{
        margin-bottom:8%;
    }

    .info h1{
        font-size:2.6rem;
        margin-top:7%;
    }

    .rodape h2{
        font-size:1.08rem;
    }
    
    .rodape p{
        font-size:0.9rem;
    }
    
    label[for=consent]{
        font-size:0.6rem;
    }

}

@media (max-width:500px)
{
    .lang{
        margin-top:0.5rem;
    }
    
    .topo{
        display:none;
    }

    .topo img{
        display:block;
        /*margin-left:auto;*/
        /*margin-right:auto;*/
    }

    .especialista img{
        width:70%;
        height:auto;
        margin-top:10%;
        display:block;
        margin-left:auto;
        margin-right:auto;
    }

    .banner h1, .title{
        font-size:0.9rem;
    }

    .banner h2, .title-secondary{        
        font-size:1.6rem;
        letter-spacing: 2px;
        line-height: 1.6rem;      
    }

    .banner p, .text-tab{        
        line-height: 1.2rem;
        font-size:0.9rem
    }
    .valores h2{
        font-size:2rem;
        line-height: 2rem;;
    }

    .dark{
        margin-top:0;
    }

    .valores .valores-text{
        margin-top:2%;
        display: block;
        /*margin-left:auto;*/
        margin-right:auto;
    }

    .contato-title h1{
        font-size:2rem;
    }

    .contato-title h2{
        font-size:1.3rem;
        line-height: 1.3rem;
    }

    .form-contato input{
        margin-bottom:2rem;
    }

    .faq img{
        display:block;
        margin-left:auto;
        margin-right:auto;
    }

    .faq h1, .faq h2, .faq p{
        /*text-align: center;*/
        display:block;
        /*margin-left:auto;*/
        margin-right:auto;
    }

    .info{
        text-align:center;
    }

    .info h1{
        font-size:1.7rem;
        line-height: 2rem;
        margin-bottom:2rem;
        
    }

    .rodape img{
        display:block;
        margin-left:auto;
        margin-right:auto;
    }

    .rodape h2{
        text-align: center;
        margin-top:2rem;
    }

    .rodape p{
        text-align: center;
    }

    label[for=consent]{
        width:90%;
    }

    .newsletter{
        text-align: center;
    }

    .direitos p{
        font-size:0.7rem;
    }

    #agendamento{
        width:100%;
    }
    
    .title-secondary{
        line-height:2rem;
    }
    
    .language-select img{
        width:50px;
    }
    
    .language-select h5{
        font-size:0.7rem;
    }
    
    .language-select p{
        margin-bottom:1rem;
    }
    
    .text-tab{
        margin-bottom:2rem;
    }
    
    .accordion{
        font-size:0.9rem !important;
    }

    .maintenance{
        background-image:url(../images/maintenance-mob.png);
        background-size:cover;
        height:100vh;
        width:100%;
    }

}

/* MAINTENANCE MODE */