:root {
    --bs-primary: #42C3C0;
    --bs-primary-rgb: 177, 140, 87;
    --bs-dark-primary: #987648;
    --bs-dark-primary-rgb: 152, 118, 72;
    --bs-light-primary: #FEF4E8;
    --bs-light-primary-rgb: 254, 244, 232;
    --bs-lighter-primary: #f8f5f0;
    --bs-lighter-primary-rgb: 248, 245, 240;
}

#loading { background-color: #97ad19; }

.main-cont {max-width: 420px;    margin: 0 auto;}

.btn-primary:hover {  background-color: #ff930d !important;    border-color: var(--bs-dark-primary); }

.footer.footer-dark { background-color: #288775;  color: #ffffff;}

.circle {background-color: #ffffff;border: 4px solid #39b1b2;border-radius: 50%;width: 120px;height: 120px;overflow: hidden;position: relative;margin: 0 auto;}
.circle img { /* position: absolute;*/  bottom: 0;  width: 100%;}

.fsize-25 {font-size: 25px !important;}
.fsize-23 {font-size: 23px !important;}
.fsize-20 {font-size: 20px !important;}
.fsize-22 {font-size: 22px !important;}
.fsize-18 {font-size: 18px !important;}

.color-0 {color: #ffffff !important;}
.color-1 {color: #297675 !important;}
.color-2 {color: #8c3798 !important;}
.color-black {color: #000000 !important;}


.bg-bk-lr {background-color: #FF9326; }
.bg-bk-az {background-color: #96ab1b; }
.bg-o-qe {background-color: #59c1bf !important;}
.bg-o-ve {    background-color: #6c2676 !important;}

.borda-btn {    padding-top: 10px;    padding-bottom: 10px;    padding-left: 10px;     color: #fff;     width: 100%;}
.mb-1 {    margin-bottom: 1px !important;}

.btn-outline-white:hover {    color: var(--bs-body-color);    background-color: #4fb0b1;    border-color: var(--bs-white);}

p:target {  background-color: gold;}

html {  scroll-behavior: smooth; }

:target {  scroll-margin-top: .8em;}

#loading .preloader-dot {
    width: 0;    height: 0;    border: 1px solid #913792;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    margin: auto;    opacity: 1;    animation: preloader 3s ease infinite;    -ms-animation: preloader 3s ease infinite;    -moz-animation: preloader 3s ease infinite;    -webkit-animation: preloader 3s ease infinite;    -webkit-border-radius: 100%;    -moz-border-radius: 100%;   border-radius: 100%;    background-color: #d90000;}


#header.header-scrolled {
    background-color: rgba(255, 0, 0, 0.0);
    transition: all 0.5s;
    -webkit-box-shadow: 0 0 5px 1px rgb(0 0 0 / 0%);
    box-shadow: 0 0 5px 1px rgb(0 0 0 / 0%);
}

@media (max-width: 1907px) {
    .off-lg {    display: inline;}
     .off-xs {    display:none;}
        
}  

@media (max-width: 767px) {
    .off-lg {    display:none;}
     .off-xs {    display:inline;}
        
}  

#footer p, a {color: #ffffff; font-size: 24px; }
#cadastro p, a {    color: #000000; }