* { margin: 0; padding: 0; font-family: 'Lato', 'Open Sans',  'Verdana', 'Times New Roman'; border-collapse: collapse; }

.cab-0 { height: 0px; visibility: hidden; margin: 0px; }

 .bot-1 {
    cursor: pointer;
    width: 150px;
    height: 40px;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: bold;
    background-color: #008483;
    border-radius: 10px 10px 10px 10px;
 }

 .bot-2 {
    visibility: hidden;
}

.bot-3 {
    border: none;
    cursor: pointer;
    background-color: transparent;
}

.cur-1 {
    cursor: pointer;
}

 .deg-1 {
    width: 100%;
    height: 100vh;
    background-color: #146e32;
 }

 .ima-1 {
    animation-duration: 5s;
}

.ima-2 {
    width: 100px;
}

 .lit-2 {
    font-size: 14px;
    font-weight: bold;
 }

 .lit-3 {
    font-size: 12px;
    font-weight: 400;
 }

 .lin-1 {
    height: 150px;
 }

 .log-1 {
    max-width: 150px;;
 }

.qua-1 {
    margin: 100px auto;
    text-align: center;
    width: 450px;
    height: auto;
    background-color: #f6f6f6;
    animation-duration: 5s;
    border-radius: 10px;
 }

 .qua-2 {
    margin: 10px auto;    
    padding: 10px;
    border: 0.5px solid #c2c0c0;
    background-color: #f6f6f6;
    box-shadow: 10px 15px 5px rgba(145, 144, 144, 0.3);
 }

.qua-2 label {
    font-size: 14px;
    color: #918e8e;
}

.qua-2 input[type=checkbox] {
    width: 20px;
    height: 20px;
 }

.qua-2 input[type=text], .qua-2 input[type=email], .qua-2 select, .qua-2 select option, .qua-2 textarea {
    font-size: 14px;
    padding: 2px 10px;
    color: #000000;
 }

 .qua-2 input[type=text]:hover, .qua-2 input[type=email]:hover, .qua-2 select:hover, .qua-2 select option:hover, .qua-2 textarea:hover {
    font-weight: bold;
 }

 .qua-3 {
    color: #000000;
    padding: 10px;
    border: 1px solid #8b8b8b;
 }

 .qua-4 {
    color: #000000;
    padding: 10px;
    border: 1px solid #8b8b8b;
    background-color: #e6f0f3;
 }

.tab-1 {
    font-size: 14px;
    padding: 0px 10px;
}

.tit-1 {
    font-size: 36px;
    font-weight: 300;
}

#tit-2 {
    text-align: center;
    color: #817f7f;
    font-size: 20px;
    font-weight: bold;
}

#tit-3 {
    text-align: center;
    color: #817f7f;
    font-size: 12px;
    text-align: center;
}

.cpo-0 label {
    font-size: 16px;
    color: #000000;
}

.subir {
    position: fixed;
    cursor: pointer;
    bottom: 3.0%;
    right: 0.5%;
    display: none;
}

#particles-js {
    width: 100%;
    height: 100vh;
    color: #000000;
    background: #D6F9DA;
}

/* Botão liga - desliga em CSS para objeto check da tela - Início */
.lig-d__checkbox {
    position: absolute;
    left: -9999px;
}

.lig-d__botao {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
}

.lig-d__botao::before, .lig-d__botao::after {
    content: "";
    box-shadow: 0 0 0 1px #CCC;
    transition: all 0.2s ease;
}

.lig-d__botao::before {
    display: inline-block;
    border-radius: 1em;
    height: 1.3em;
    width: 2em;
    margin-right: 0.5em;
    background: #d1cfcf;
}

.lig-d__botao::after {
    position: absolute;
    top: 0.2em;
    left: 0.025em;
    width: 0.95em;
    height: 0.95em;
    border-radius: 100%;
    background: #ffffff;
}

.lig-d__checkbox:checked + .lig-d__botao::before {
    background:#1A237E;
}

.lig-d__checkbox:checked + .lig-d__botao::after {
    left: 1.025em;
}

/* Botão liga - desliga em CSS para objeto check da tela - Final */

.ui-autocomplete {
    z-index: 1050 !important;
}

.navbar {
    background-color: #dbf9ee !important;
}

.navbar-text {
    width: 150px !important;
    color: #000000 !important;
}

nav ul li:hover, nav ul li a:hover {
    font-weight: bold !important;
}

nav ul li, nav ul li a {
    margin: 0px 5px;
    font-size: 18px;
}

nav ul {
    display: flex;
    width: 100%;
}

nav ul li a,  nav ul li a i {
    color: #000000 !important;
}

li { flex-grow: 1;  }