@charset "UTF-8";

/* CSS - Labhos | Codificado por: Ueek Agência Digital | Ano: 2019 */

/******************* Atribuições Gerais *********************/
* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: 0;
    outline: 0;
    padding: 0;
}

a {
    cursor: pointer;
    text-decoration: none;
}

br {
    clear: both;
}

input,
textarea,
select {
    outline: none;
}

/*html { scroll-behavior: smooth; }*/

html,
body {
    height: 100%;
    width: 100%;
}

main {
    overflow: hidden;
}

body {
    color: #272727;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    overflow-x: hidden;
}

strong,
b {
    font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

.container-fluid {
    padding: 0;
}

.soft-hover {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    filter: alpha(opacity=50);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/******************* Atribuições Gerais *********************/




/******************** Atribuições Topo **********************/

#drop-mobile {
    background-color: #A6CE39;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    height: 75px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 1.7rem;
    position: fixed;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 3;
}

#drop-mobile .btn-scheduling.fixed i {
    color: #6D8921;
    font-size: 20px;
    margin-right: 10px;
}

#drop-mobile .btn-scheduling.fixed:hover p>i {
    color: #fff;
}

#drop-mobile #drop-menu-mobile {
    background: #fff;
    bottom: 0;
    box-shadow: -4px -5px 17px 5px #ababab2b;
    visibility: hidden;
    left: 0;
    padding: 20px 20px 15px 20px;
    position: absolute;
    text-align: left;
    /* top: -216px; */
    width: 100%;
}

#drop-mobile #drop-menu-mobile a {
    color: #0a404f;
    display: block;
    left: 30px;
    padding: 12px;
    position: relative;
    width: 80%;
}

#drop-mobile #drop-menu-mobile a i {
    left: -20px;
    margin-right: 10px;
    position: absolute;
}

#drop-mobile #drop-menu-mobile a p {
    font-size: 12px;
    margin: 0;
}

header#top {
    /* background-image:
        linear-gradient(45deg, #fff, #fff),
        linear-gradient(45deg, #F9FAFA, #F9FAFA); */
    background-color: #FFF;
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: 100% 181px, 100% 55px;
    box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 3;
}



header#top .online-results {
    float: left;
    padding: 0;
}

header#top .online-results .dropdown-toggle:after {
    display: none !important;
}

header#top .online-results .dropdown-toggle:hover {
    text-decoration: none;
}

header#top .online-results .dropdown-toggle .btn-online-results {
    background-color: #A6CE39;
    cursor: pointer;
    height: 55px;
    padding: 1.1rem;
    text-align: center;
}

header#top .online-results .dropdown-toggle .btn-online-results p {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

header#top .online-results .dropdown-toggle .btn-online-results p i {
    color: #6D8921;
    font-size: 18px;
    margin-right: 10px;
}

header#top .online-results .dropdown-toggle .btn-online-results:hover,
header#top .online-results .dropdown-toggle .btn-online-results:hover p>i {
    background-color: #00aeef;
    color: #0087b4;
}

header#top .online-results .dropdown-menu.show {
    border-radius: 0;
    display: flex;
    height: 145px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

header#top .online-results .dropdown-menu.show i {
    color: #98be4a;
    font-size: 36px;
    padding-top: 10px;
}

header#top .online-results .dropdown-menu.show .dropdown-item {
    text-align: center;
    /* width: 25%; */
}

header#top .online-results .dropdown-menu.show .dropdown-item h1 {
    color: #0E3951;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
}

header#top .online-results .dropdown-menu.show .dropdown-item p {
    color: #0E3951;
    font-size: 14px;
    line-height: 18px;
}

header#top .online-results .dropdown-menu.show .dropdown-item.active,
header#top .online-results .dropdown-menu.show .dropdown-item:active {
    background-color: #e0e0e0;
    color: #000;
}

section#inicio #banner-online-results .filters .content-banner .online-results {
    float: left;
    padding: 0;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-toggle:after {
    display: none !important;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-toggle:hover {
    text-decoration: none;
}

.btn-online-results {
    background-color: #A6CE39;
    cursor: pointer;
    padding: 1.1rem;
    /* width: 30%; */
    width: fit-content;

    align-items: center;
    display: flex;
    justify-content: center;

    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    text-decoration: none;
}

.btn-online-results:hover i{
    color: #0087b4;
}

.btn-online-results:hover{
    color: #FFF;
    background-color: #00aeef;
    text-decoration: none;
}


.btn-online-results i{
    color: #6D8921;
    font-size: 18px;
    margin-right: 10px;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-toggle .btn-online-results p {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin: 0;
    text-transform: uppercase;
    width: fit-content;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-toggle .btn-online-results p i {
    color: #6D8921;
    font-size: 18px;
    margin-right: 10px;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-toggle .btn-online-results:hover,
section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-toggle .btn-online-results:hover p>i {
    background-color: #00aeef;
    color: #0087b4;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show {
    border-radius: 0;
    display: flex;
    height: 145px;
    margin: 0;
    padding: 10px 0;
    width: 100%;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show i {
    color: #98be4a;
    font-size: 36px;
    padding-top: 10px;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show .dropdown-item {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 25%; */
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show .dropdown-item .title {
    color: #0E3951;
    font-size: 18px;
    line-height: 24px;
    padding-top: 16px;
    margin: 0 0 15px 0;
    width: fit-content;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show .dropdown-item p {
    color: #0E3951;
    font-size: 14px;
    line-height: 18px;
}

section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show .dropdown-item.active,
section#inicio #banner-online-results .filters .content-banner .online-results .dropdown-menu.show .dropdown-item:active {
    background-color: #e0e0e0;
    color: #000;
}







header#top #header-mobile {
    display: none
}

header#top #header-desktop {
    padding-left: 0;
    padding-right: 0;
}

header#top #header-desktop .logo {
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
}

header#top #header-desktop .infos {
    float: left;
    margin-bottom: 25px;
}

header#top #header-desktop .infos ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-left: 100px;
    margin-top: 25px;
    width: 100%;
}

header#top #header .infos ul{
    display: grid;
    grid-template-columns: 0.1fr 1fr;
}

header#top #header .infos ul li img {
    grid-row-start: 1;
    grid-row-end: 3;
}

header#top #header .infos ul li a {
    grid-column-start: 2;
}

header#top #header-desktop .infos ul li {
    max-width: 270px;
}

header#top #header-desktop .infos ul li img {
    float: left;
    margin-right: 10px;
}

header#top #header-desktop .infos ul li span,
header#top #header-desktop .infos ul li p {
    color: #0E3951;
    float: left;
    font-size: 13px;
    line-height: 21px;
}

header#top #header-desktop .infos ul li span {
    margin-top: -6px;
    width: 80%;
}

header#top #header-desktop .infos ul li p {
    margin-bottom: 0;
}

header#top #header-desktop .infos ul li a p {
    color: #0E3951;
    font-weight: bold;
}

header#top #header-desktop .infos ul li a:hover p {
    text-decoration: none;
}

header#top #header-desktop .nav-menu {
    float: left;
    padding-top: 20px;
}

header#top #header-desktop .nav-menu ul {
    display: flex;
    list-style: none;
    align-items: center;
    margin-bottom: 0;
    gap: 50px;
}

header#top #header-desktop .nav-menu ul li a:not(.btn-online-results) {
    color: #0E3951;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.05em;
    line-height: 20px;
    padding-bottom: 15px;
}

header#top #header-desktop .nav-menu ul li a:not(.btn-online-results):hover,
header#top #header-desktop .nav-menu ul li a:not(.btn-online-results).active {
    border-bottom: 3px solid #A6CE39;
    font-weight: bold;
    text-decoration: none;
}

header#top #header-desktop .scheduling {
    float: left;
    padding-left: 190px;
}

header#top #header-desktop .scheduling .dropdown-toggle:after {
    display: none !important;
}

header#top #header-desktop .scheduling .dropdown-toggle:hover {
    text-decoration: none;
}

header#top #header-desktop .scheduling .dropdown-toggle .btn-scheduling {
    background-color: #A6CE39;
    cursor: pointer;
    height: 55px;
    padding: 1.1rem;
    text-align: center;
}

header#top #header-desktop .scheduling .dropdown-toggle .btn-scheduling p {
    font-weight: 500;
    font-size: 13px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
}

header#top #header-desktop .scheduling .dropdown-toggle .btn-scheduling p i {
    color: #6D8921;
    font-size: 18px;
    margin-right: 10px;
}

header#top #header-desktop .scheduling .dropdown-toggle .btn-scheduling:hover,
header#top #header-desktop .scheduling .dropdown-toggle .btn-scheduling:hover p>i {
    background-color: #00aeef;
    color: #0087b4;
}

header#top #header-desktop .scheduling .dropdown-menu.show {
    border-radius: 0;
    box-shadow: 2px 4px 7px #a2a2a26b;
    display: block;
    margin: 0;
    padding: 10px 0;
}

header#top #header-desktop .scheduling .dropdown-menu.show i {
    color: #98be4a;
    margin-right: 15px;
}

header#top #header-desktop .scheduling .dropdown-menu.show .dropdown-item {
    padding: 6px 15px;
    color: #0e3951;
    font-size: 13px;
}

header#top #header-desktop .scheduling .dropdown-menu.show .dropdown-item.active,
header#top #header-desktop .scheduling .dropdown-menu.show .dropdown-item:active {
    background-color: #e0e0e0;
    color: #000;
}

/******************** Atribuições Topo **********************/




/************************ Conteúdo **************************/


/************ Redes Socias **************/

#social-medias {
    position: fixed;
    right: 0;
    top: 230px;
    z-index: 2;
}

#social-medias .media {
    background-color: #fff;
    border-radius: 10px 0 0 10px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.11);
    cursor: pointer;
    margin-bottom: 20px;
    padding: 16px 14px;

    transform: scale(1);
    transition: 0.15s all ease;

}

#social-medias .media:hover {
    text-decoration: none;
    transform: scale(1.2);
}

#social-medias .media i {
    font-size: 18px;
    color: #A6CE39;
}

#social-medias .media:hover i {
    color: #6D8921;
}

/************ Redes Socias **************/



/*************** Banners ****************/

section#inicio #fullbanner .item-banner {
    background-position: center top 160px;
    background-repeat: no-repeat;
    background-size: cover;
    color: #FFFFFF;
    float: left;
    height: 700px;
    width: 65%;
}

section#inicio #fullbanner .item-banner .filters {
    background-image:
        url(../img/icon-symbol.png),
        url(../img/layer-banner.png),
        linear-gradient(180deg, rgba(31, 184, 241, 0.4) 0%, rgba(166, 206, 57, 0.4) 100%);
    background-position: 71% 110%, right, left;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: auto, 35% 100%, 65% 100%;
    height: 700px;
    position: absolute;
    width: 100%;
}

section#inicio #fullbanner .item-banner .filters .content-banner {
    padding-top: 18.5%;
}

section#inicio #fullbanner .item-banner .filters .content-banner span {
    color: #FFFFFF;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 16px;
    text-transform: uppercase;
}

section#inicio #fullbanner .item-banner .filters .content-banner h1 {
    color: #FFFFFF;
    font-size: 65px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 65px;
    margin-bottom: 30px;
    margin-top: 25px;
    width: 55%;
}

section#inicio #fullbanner .item-banner .filters .content-banner p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 45px;
    width: 35%;
}

section#inicio #fullbanner .item-banner .filters .content-banner .btn {
    background-color: #A6CE39;
    border-radius: 0px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 16px;
    padding: 17px 25px;
    text-transform: uppercase;
}

section#inicio #fullbanner .item-banner .filters .content-banner .btn:hover {
    background-color: #fff;
    color: #A6CE39;
}

section#inicio #fullbanner.owl-theme .owl-dots {
    left: 20.5%;
    position: absolute;
    text-align: left;
    top: 81%;
}

section#inicio #fullbanner.owl-theme .owl-dots .owl-dot span {
    background: rgba(0, 0, 0, 0.5);
}

section#inicio #fullbanner.owl-theme .owl-dots .owl-dot.active span,
section#inicio #fullbanner.owl-theme .owl-dots .owl-dot:hover span {
    background: #FFFFFF;
}

/*************** Banners ****************/




/********** Exames Principais ***********/

section#highlight-exams {
    position: absolute;
    z-index: 1;
}

section#highlight-exams #main {
    background-color: #fff;
    box-shadow: 0px 10px 54px rgba(0, 0, 0, 0.05);
    padding: 45px 0px 50px;
    top: -110px;
    position: relative;
}

section#highlight-exams #main .exam {
    float: left;
    text-align: center;
    width: 25%;
}

section#highlight-exams #main .exam .img-exam {
    background-image: url(/assets/img/lab-item-1.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 45px;
}

section#highlight-exams #main .exam h1 {
    color: #0E3951;
    font-size: 18px;
    line-height: 24px;
    padding-top: 20px;
}

section#highlight-exams #main .exam a {
    color: #A6CE39;
    font-size: 12px;
    line-height: 25px;
}


/********** Exames Principais ***********/





/********** Quem Somos ***********/


section#quem-somos {
    padding-bottom: 75px;
    padding-top: 200px;
    position: relative;
}

section#quem-somos #area-quem-somos {
    position: absolute;
    top: 0;
}

section#quem-somos #text-about {
    float: left;
    width: 50%;
}

section#quem-somos #text-about span {
    color: #9DABAF;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-transform: uppercase;
}

section#quem-somos #text-about h4 {
    color: #033B4A;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 15px;
}

section#quem-somos #text-about h4 i {
    color: #A6CE39;
    font-size: 27px;
    margin-right: 10px;
}

section#quem-somos #text-about p {
    color: #9DABAF;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 35px;
    padding-right: 30px;
    text-align: justify;
}

section#quem-somos #text-about h3 {
    color: #033B4A;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}

section#quem-somos #text-about ul {
    height: 100px;
    justify-content: space-between;
    list-style: none;
    margin-bottom: 55px;

    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

section#quem-somos #text-about ul li {
    color: #9DABAF;
    font-size: 14px;
    line-height: 30px;
}

section#quem-somos #text-about ul li::before {
    content: "\2022";
    color: #01D6A3;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: 0em;
}

section#quem-somos #text-about .btn-see-more,
section#quem-somos #text-about .btn-see-exams {
    border-width: 1px;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    margin-right: 30px;
    padding: 0.9rem 2rem;
    text-transform: uppercase;
}

section#quem-somos #text-about .btn-see-more {
    background-color: #A6CE39;
    border: 1px solid #A6CE39;
    color: #FFFFFF;
}

section#quem-somos #text-about .btn-see-more:hover {
    background-color: transparent;
    color: #0c6d33;
    text-decoration: none;
}

section#quem-somos #text-about .btn-see-exams {
    border: 1px solid #033B4A;
    color: #033B4A;
}

section#quem-somos #text-about .btn-see-exams:hover {
    background-color: #033B4A;
    color: #fff;
    text-decoration: none;
}

section#quem-somos #img-about {
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    height: 495px;
    width: 50%;
}

/********** Quem Somos ***********/



/********** Exames ***********/

section#exames {
    background: linear-gradient(0deg, #F7F7F7, #F7F7F7);
    padding: 60px 0 90px;
    position: relative;
}

section#exames #area-de-exames {
    position: absolute;
    top: -160px;
}

section#exames #header-exams {
    float: left;
    width: 50%;
}

section#exames #header-exams span {
    color: #9DABAF;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-transform: uppercase;
}

section#exames #header-exams h4 {
    color: #033B4A;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 15px;
}

section#exames #header-exams h4 i {
    color: #A6CE39;
    font-size: 27px;
    margin-right: 10px;
}

section#exames #header-exams p {
    color: #9DABAF;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
    width: 70%;
}

section#exames #search-exams {
    float: left;
    margin-top: 40px;
    width: 50%;
}

section#exames #search-exams label {
    color: #9DABAF;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 20px;
}

section#exames #search-exams input#input-search {
    border: 1px solid #A6CE39;
    border-radius: 10px;
    color: #101010;
    padding: 13px 21px;
    width: 100%;
}

/********** Exames ***********/






/****** Exame Procurado ******/

section#searched-exam {
    background: linear-gradient(0deg, #EDEDED, #EDEDED);
    min-height: 0px;
    transition: min-height 300ms ease-out;
}

section#searched-exam #searched-content {
    padding-bottom: 70px;
    padding-top: 65px;
    display: none;
}

section#searched-exam #searched-content #description {
    float: left;
    width: 50%;
}

section#searched-exam #searched-content #description .header-exam span {
    color: #9DABAF;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-transform: uppercase;
}

section#searched-exam #searched-content #description .header-exam h2 {
    color: #033B4A;
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 40px;
}

section#searched-exam #searched-content span.title {
    color: #033B4A;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 35px;
    text-transform: uppercase;
}

section#searched-exam #searched-content p {
    color: #9DABAF;
    font-size: 15px;
    line-height: 25px;
    padding-right: 180px;
}

section#searched-exam #searched-content #other-informations {
    float: left;
    width: 50%;
}

section#searched-exam #searched-content #other-informations hr {
    border-top: 1px solid transparent;
    margin-bottom: 15px;
    margin-top: 26px;
}

/****** Exame Procurado ******/






/******* Funcionamento ********/

section#funcionamento {
    background: url(../img/background-work.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 460px;
}

section#funcionamento #info-card {
    background-color: #A6CE39;
    bottom: -60px;
    float: right;
    padding: 60px 95px 70px;
    position: relative;
    width: 50%;
}

section#funcionamento #info-card span {
    color: #719317;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 20px;
    text-transform: uppercase;
}

section#funcionamento #info-card h4 {
    color: #FFFFFF;
    font-size: 35px;
    line-height: 42px;
    margin-bottom: 20px;
    margin-top: 10px;
}

section#funcionamento #info-card p {
    color: #FFFFFF;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 3rem;
}

section#funcionamento #info-card .btn-see-more {
    background-color: #fff;
    border: 1px solid transparent;
    color: #A6CE39;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    line-height: 18px;
    padding: 1rem 1.2rem;
    text-align: center;
    text-transform: uppercase;
    max-width: 185px;
}

section#funcionamento #info-card .btn-see-more:hover {
    background: #fff;
    border: 1px solid #226179;
    color: #226179;
    text-decoration: none;
}

/******* Funcionamento *********/





/******* Agendamento *********/

section#agendamentos {
    padding: 200px 0;
    position: relative;
}

section#agendamentos .content {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
}

section#agendamentos .subtitle {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
}

section#agendamentos .title {
    color: #FFFFFF;
    font-size: 45px;
    font-weight: bold;
    line-height: 45px;
    margin: 10px 0 30px;
}

section#agendamentos .buttons {
    display: flex;
}

section#agendamentos .buttons .button:first-child {
    margin-right: 10px;
}

section#agendamentos .mockup img {
    max-width: 100%;
}

/******* Agendamento *********/





/******* Contato *********/

section#contato {
    background-image:
        linear-gradient(0deg, rgba(244, 244, 244, 0.4), rgba(244, 244, 244, 0.4)),
        url(../img/background-talk-to-us.jpg);
    background-repeat: no-repeat, no-repeat;
    background-size: cover, auto;
    background-position: center;
    padding-bottom: 60px;
    padding-top: 50px;
    position: relative;
}

.reset-password {
    margin-top: 193px;
}

section#contato #area-de-contato {
    position: absolute;
    top: -170px;
}

section#contato #contact-components {
    padding-left: 0;
    padding-right: 0;
}

section#contato #contact-components #header-contact span {
    color: #9DABAF;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-transform: uppercase;
}

section#contato #contact-components #header-contact {
    margin-bottom: 45px;
}


section#contato #contact-components #header-contact .title-wrapper{
    display: flex;
    align-items: center;
    gap: 15px;
}

section#contato #contact-components #header-contact .title-wrapper a{
    background: #A6CE39;
    padding: 0.5rem 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

section#contato #contact-components #header-contact .title-wrapper a:hover{
    background: #226179;
}

section#contato #contact-components #header-contact .title-wrapper a:hover i{
    color: #FFF;
}

section#contato #contact-components #header-contact .title-wrapper a i{
    font-size: 26px;
    color: #FFF;
}

section#contato #contact-components #header-contact .btn-online-results{
    padding: 0.5rem 1rem;
}

section#contato #contact-components #header-contact h4 {
    color: #033B4A;
    font-size: 35px;
    line-height: 50px;
}

section#contato #contact-components #header-contact h4 i {
    color: #A6CE39;
    font-size: 27px;
    margin-right: 10px;
}

section#contato #contact-components #header-contact p {
    color: #033B4A;
    font-size: 18px;
    line-height: 50px;
    margin-bottom: 45px;
}

section#contato #contact-components #header-contact p i {
    color: #A6CE39;
    font-size: 27px;
    margin-right: 10px;
}

section#contato #contact-components form label {
    color: #9DABAF;
    text-transform: uppercase;
}

section#contato #contact-components form input[type="text"],
section#contato #contact-components form input[type="password"],
section#contato #contact-components form input[type="email"] {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #E8E8E8;
    color: #5d5d5d;
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 40px;
    padding: 0px;
    width: 100%;
}

section#contato #contact-components form input[type="submit"] {
    background-color: #A6CE39;
    border-color: transparent;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    padding-left: 3rem;
    padding-right: 3rem;
    text-align: center;
    text-transform: uppercase;
}

section#contato #contact-components form input[type="submit"]:hover {
    background: #f9f9f9;
    border-color: #226179;
    color: #226179;
}


/******* Contato *********/





/******* Mapa *********/

section#mapa {
    height: 415px;
}

section#mapa iframe {
    height: 100%;
    width: 100%;
}

/******* Mapa *********/

/********************** Unidades **********************/
section#unidades {
    background-image: linear-gradient(0deg, rgba(244, 244, 244, 0.4), rgba(244, 244, 244, 0.4));
    background-repeat: no-repeat, no-repeat;
    background-size: cover, auto;
    background-position: center;
    padding-bottom: 60px;
    padding-top: 50px;
    position: relative;
}

section#unidades #area-de-unidades {
    position: absolute;
    top: -170px;
}

section#unidades #unit-components {
    padding-left: 0;
    padding-right: 0;
}

section#unidades #unit-components #header-unit span {
    color: #9DABAF;
    font-size: 14px;
    letter-spacing: 1.5px;
    line-height: 21px;
    text-transform: uppercase;
}

section#unidades #unit-components #header-unit h4 {
    color: #033B4A;
    font-size: 35px;
    line-height: 50px;
    margin-bottom: 15px;
}

section#unidades #unit-components #header-unit h4 i {
    color: #A6CE39;
    font-size: 27px;
    margin-right: 10px;
}

section#unidades #unit-components #header-unit p {
    color: #033B4A;
    font-size: 18px;
    line-height: 50px;
    margin-bottom: 45px;
}

section#unidades #unit-components #header-unit p i {
    color: #A6CE39;
    font-size: 27px;
    margin-right: 10px;
}

section#unidades #unit-components #locales {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

section#unidades #unit-components #locales .locale-item {
    display: flex;
    height: 515px;
    max-width: 340px;
    width: 100%;
}

section#unidades #unit-components #locales .locale-item img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

section#unidades #unit-components .unit-text {
    color: #9DABAF;
    float: left;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 35px;
    padding-right: 30px;
    text-align: justify;
}


/************************ Conteúdo **************************/




/******************* Atribuições Footer *********************/


footer#bottom {
    background-image:
        linear-gradient(45deg, #A6CE39, #A6CE39),
        linear-gradient(45deg, #226179, #226179);
    background-position: top, bottom;
    background-repeat: no-repeat;
    background-size: 100% 132px, 100% 215px;
    position: relative;
    z-index: 2;
    width: 100%;
}

footer#bottom #footer {
    padding-left: 0;
    padding-right: 0;
    padding-top: 25px;
}

footer#bottom #footer .logo {
    float: left;
    padding-bottom: 20px;
    padding-top: 20px;
}

footer#bottom #footer .infos {
    float: left;
}

footer#bottom #footer .infos ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin-left: 30px;
    margin-top: 25px;
    width: 100%;
    gap: 20px;
}

footer#bottom #footer .infos ul li {
    max-width: 270px;
    width: 100%;
}

footer#bottom #footer .info-details{
    display: grid;
    grid-template-columns: 0.1fr 1fr;
}

footer#bottom #footer .infos ul li .info-details img {
    grid-row-start: 1;
    grid-row-end: 3;
}

footer#bottom #footer .infos ul li .info-details a {
    grid-column-start: 2;
}

footer#bottom #footer .infos ul li .info-details img {
    float: left;
    margin-right: 10px;
}

footer#bottom #footer .infos ul li .info-details span,
footer#bottom #footer .infos ul li .info-details p {
    color: #0E3951;
    float: left;
    font-size: 13px;
    line-height: 21px;
}

footer#bottom #footer .infos ul li .info-details span {
    margin-top: -6px;
    width: 80%;
}

footer#bottom #footer .infos ul li .info-details p {
    margin-bottom: 0;
}

footer#bottom #footer .infos ul li .info-details a p {
    color: #0E3951;
    font-weight: bold;
}

footer#bottom #footer .infos ul li .info-details a:hover p {
    text-decoration: none;
}

footer#bottom #footer .about-us {
    float: left;
    padding-bottom: 55px;
    padding-top: 45px;
}

footer#bottom #footer .about-us .content-about-us {
    float: left;
    width: 335px;
}

footer#bottom #footer .about-us .content-about-us h3 {
    color: #FFFFFF;
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 25px;
}

footer#bottom #footer .about-us .content-about-us p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    line-height: 30px;

    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 55px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

footer#bottom #footer .about-us .btn-about-us {
    background-color: #A6CE39;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: 500;
    height: 50px;
    letter-spacing: 1px;
    margin-left: 28px;
    margin-top: 55px;
    padding: 1rem 1.5rem;
    text-align: center;
    text-transform: uppercase;
}

footer#bottom #footer .about-us .btn-about-us:hover {
    background: #fff;
    color: #226179;
    text-decoration: none;
}

footer#bottom #footer .nav-menu {
    float: left;
    padding-bottom: 55px;
    padding-top: 45px;
}

footer#bottom #footer .nav-menu .content-nav-menu {
    float: left;
}

footer#bottom #footer .nav-menu .content-nav-menu h3 {
    color: #FFFFFF;
    font-size: 23px;
    line-height: 28px;
    margin-bottom: 25px;
}


footer#bottom #footer .nav-menu .content-nav-menu ul {
    list-style: none;
    font-size: 15px;
    line-height: 25px;
    color: #FFFFFF;

    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    column-gap: 80px;
}

footer#bottom #footer .nav-menu .content-nav-menu ul li img {
    margin-right: 10px;
}

footer#bottom #footer .nav-menu .content-nav-menu ul li a {
    color: #FFFFFF
}

#copyright {
    background-color: #194E62;
    height: 55px;
    padding-bottom: 15px;
    padding-top: 20px;
}

#copyright p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 13px;
    line-height: 17px;
    margin-bottom: 0;
}

#copyright img {
    float: right;
    height: 11px;
    margin-top: 3px;
}

/******************* Atribuições Footer *********************/


/******************* Modais *********************/

#feedback {
    cursor: auto;
    display: none;
    height: 375px;
    padding: 60px 35px;
    width: 470px;
}

#feedback .fields #error,
#feedback .fields #success {
    display: none;
}

#feedback .fields #error,
#feedback .fields #success {
    margin-top: 40px;
}

#feedback .fields #error h5,
#feedback .fields #success h5 {
    color: #033B4A;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}

#feedback .fields #error p,
#feedback .fields #success p {
    color: #747474;
    font-size: 12px;
    margin-bottom: 55px;
}

#feedback .fields #error .btn-close,
#feedback .fields #success .btn-close {
    background-color: #A6CE39;
    border: 1px solid transparent;
    border-radius: 0;
    color: #FAFAFA;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
    padding: 15px 0px;
    text-align: center;
}

#feedback .fields #error .btn-close:hover,
#feedback .fields #success .btn-close:hover {
    background-color: transparent;
    border: 1px solid #A6CE39;
    color: #8a8a8a;
    text-decoration: none;
}

#confirm {
    cursor: auto;
    display: none;
    height: 260px;
    padding: 105px;
    width: 855px;
}

#confirm .img-modal {
    float: left;
}

#confirm .fields {
    float: left;
}

#confirm .fields p {
    color: #033B4A;
    font-size: 18px;
    line-height: 42px;
    margin-bottom: 0;
    text-align: center;
}

/******************* Modais *********************/

::placeholder {
    color: #D8D8D8;
    font-size: 15px;
    line-height: 25px;
}

.fancybox-slide--html .fancybox-close-small {
    color: #fff
}

.btn-whatsapp {
    align-items: center;
    border: none;
    background: #15b45a;
    border-radius: 999px;
    bottom: 60px;
    box-shadow: none;
    color: #fff;
    display: flex;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    max-width: fit-content;
    outline: 0;
    padding: 10px;
    position: fixed;
    right: 78px;
    text-align: center;
    text-decoration: none;
    z-index: 10;
}

.btn-whatsapp:hover,
.btn-whatsapp:active,
.btn-whatsapp:focus {
    background: #00aeef;
}

#research{
    padding-top: 200px;
    padding-bottom: 45px;
}

#research .text span{
    font-size: 14px;
    color: #9DABAF;
    margin: 0px;
}

#research .text h1{
    color: #033B4A;
    font-size: 32px;
    margin-bottom: 10px;
}

#research .text h3{
    color: #748084;
    font-size: 25px;
    font-weight: 500;
}

#research .text p{
    color: #9DABAF;
    font-size: 15px;
}

#research .questions{
    margin-top: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.10);
    padding: 30px 40px;

    display: flex;
    flex-direction: column;
    gap: 30px;
}

#research .questions .question-group{
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
}

#research .questions .question-group.submit-group{
    margin-top: 10px;
}

#research .questions .question-group textarea{
    all: unset;
    width: 100%;
    height: 110px;
    resize: none;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #000;
}

#research .questions .question-group button{
    all: unset;
    cursor: pointer;
    color: #FFF;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 60px;
    background: #A6CE39;
    margin-top: 20px;
    width: fit-content;
}

#research .questions .question-group button:disabled{
    background: #BEBEBE;
}

#research .questions .question-group button:hover{
    background: #226179;
}

#research .questions .question-group label{
    color: #0E3951;
    font-size: 14px;
    font-weight: bold;
}

#research .questions .question-group .options-label{
    display: flex;
    align-items: center;
    gap: 15px;
}

#research .questions .question-group .options-label .custom-radio{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    font-weight: bold;
    font-size: 18px;

    width: 70px;
    height: 70px;
    cursor: pointer;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-0{
    background: #BD1616;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-1{
    background: #E1351E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-2{
    background: #E14D1E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-3{
    background: #E1701E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-4{
    background: #E1B61E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-5{
    background: #E1CD1E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-6{
    background: #EEDE53;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-7{
    background: #D1E11E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-8{
    background: #A3E11E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-9{
    background: #5CE11E;
}

#research .questions .question-group .options-label .custom-radio.custom-radio-10{
    background: #15C250;
}

#research .continue-btn{
    padding: 12px 22px;
    border: 1px solid #000;
    color: #000;
    font-size: 15px;
    font-weight: 500;
}

#research .continue-btn:hover{
    color: #FFF;
    background: #000;
}

.result-message{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99999;

    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;

    opacity: 0;
}

.result-message.show{
    z-index: 99999;
    opacity: 1;
}

.result-message .background{
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
    height: 100%;
}

.result-message .body{
    position: absolute;
    top: 50%;
    left: 50%; 

    display: flex;
    flex-direction: column;
    gap: 20px;

    background: #FFF;
    border-radius: 10px;
    padding: 30px;
    width: 450px;
    transform: translate(-50%, -50%);
}

.result-message .body p{
    color: #000;
    font-size: 22px;
}

.result-message .body a{
    width: 100%;
    padding: 20px 40px;
    border: 1px solid #000;
    color: #000;
    font-size: 16px;
    text-align: center;
    background: #FFF;
}

.result-message .body a:hover{
    background: #000;
    border: 1px solid #000;
    color: #FFF;
}