html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, bloquote, 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, caption,
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%;
}
/* Cores padrão */
.bg-black {
background: #000000;
}
.txt-black {
color: #000000;
}
.bg-white {
background: #FFFFFF;
}
.txt-white {
color: #FFFFFF;
}
/* Animações */
.pulsar {
animation: pulsar 1s infinite ease-in-out;
}
@keyframes pulsar {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
@keyframes arrow-role-a-pagina {
0% {
top: 0;
opacity: 0;
font-size: 10px;
}
35% {
opacity: 1;
font-size: 22px;
}
65% {
opacity: 1;
font-size: 22px;
}
100% {
top: 22px;
opacity: 0;
font-size: 10px;
}
}
@keyframes finger-role-a-pagina {
0% {
top: 22px;
opacity: 0;
font-size: 10px;
}
35% {
opacity: 1;
font-size: 22px;
}
65% {
opacity: 1;
font-size: 22px;
}
100% {
top: 0;
opacity: 0;
font-size: 10px;
}
}
@-webkit-keyframes rotating {
from {
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.rotating {
-webkit-animation: rotating 1s linear infinite;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
}
@-webkit-keyframes icons-steps {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes icons-steps {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
/* Imagens lazy src */
.lazy-img {
display: none !important;
}
/* Popups */
.modal{}
.modal .btn-fechar{
position:absolute;
z-index: 10;
top:0;
right:0;
width: 40px;
height: 40px;
line-height: 40px;
background: #ff6414;
text-align:center;
border:0;
outline: none;
cursor: pointer;
}
.modal .btn-fechar:hover{
}
.modal .btn-fechar i{
font-size: 22px;
color: #ffffff;
}
.modal .btn-fechar:hover i{
}
/* Sections/páginas */
.main{
position: relative;
width: 100%;
text-align: center;
overflow: hidden;
}
.main .section{
width: 100%;
}
.main .section .padding {
position: relative;
z-index: 2;
max-width: 1220px;
padding: 50px 15px;
margin: 0 auto;
}
.main .section .header-section {
margin: 0 0 30px 0;
}
.main .section .header-section h2 {
margin: 0;
font-size: 2rem;
letter-spacing: -2px;
font-weight: bold;
}
.main .section .content-section {
margin:0;
}
/* Reset Bootstrap */
.btn {
white-space:inherit;
}
.btn:focus {
box-shadow: none!important;
}
select.form-control {
cursor: pointer;
outline: none;
}
select[readonly] {
background: #e9ecef;
pointer-events: none;
touch-action: none;
}
.custom-control-label {
padding: 0 0 0 1rem;
cursor: pointer;
outline: none;
}
.custom-control-label::before,
.custom-control-label::after {
box-shadow: none!important;
}
.form-control{
position: relative;
z-index: 1;
}
.form-control:focus{
border-color: rgba(52,58,64,1);
box-shadow: none;
}
/* Animação - Role a página */
.role-a-pagina{
display: inline-block;
position: relative;
text-align: center;
padding:10px;
border-radius: 10px;
background: #ffffff;
}
.role-a-pagina .text{
font-size: 16px;
font-weight: 500;
margin:0 0 5px 0;
}
.role-a-pagina .content{
display: inline-block;
padding:0 15px 0 30px;
}
.role-a-pagina .content:after{
position: relative;
content: '\f25a'; /* Ícone de touch */
top: 22px;
color: #b3b2b7;
font-family: 'FontAwesome', Arial, sans-serif;
font-size: 22px;
line-height: 100%;
animation-name: finger-role-a-pagina;
animation-duration: 1s;
animation-iteration-count: infinite;
}
.role-a-pagina .animation{
position: relative;
display: inline-block;
width: 24px;
height:45px;
border:2px solid #b3b2b7;
border-radius: 20px;
}
.role-a-pagina .animation .arrow:before{
position: relative;
content: '\f107'; /* Ícone de seta para baixo */
top: 0;
font-family: 'FontAwesome', Arial, sans-serif;
font-size: 22px;
line-height: 100%;
animation-name: arrow-role-a-pagina;
animation-duration: 1s;
animation-iteration-count: infinite;
}
/* Contador */
.countdown{
display: inline-block;
margin:0 0 15px 0;
}
.countdown .info {
width: 100%;
font-size:16px;
line-height: 120%;
font-weight: 500;
color: #1c1c1c;
padding:10px;
}
.countdown .count{
width: 100%;
}
.countdown .digits{
display: inline-block;
}
.countdown .digits div{
display: inline-block;
width: 50px;
height: 50px;
margin:0 2px;
text-align: center;
line-height: 50px;
font-size: 20px;
font-weight: 500;
border-radius: 50px;
}
.countdown .digits span{
display: inline-block;
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
}
/* Step Boxes*/
.steps-boxes {
position: relative;
}
.steps-boxes .step {
position: relative;
text-align: center;
margin: 0 0 25px 0;
}
.steps-boxes .step .number {
display: inline-block;
margin: 0 0 15px 0;
font-size: 30px;
line-height: 51px;
width: 50px;
height: 50px;
border-radius: 100%;
}
.steps-boxes .step .image {
margin: 10px 0;
}
.steps-boxes .step .title {
font-size: 25px;
line-height: 25px;
margin: 0 0 10px 0;
font-family: 'Nunito-Black', Arial, sans-serif;
}
/* Footer */
.footer{
width: 100%;
padding: 20px 0;
background: #f1f2f4;
transition: all 0.5s ease;
}
.footer .padding{
max-width:1220px;
padding: 0 15px;
margin: 0 auto;
}
.footer .links{
margin-bottom: 10px;
}
.footer .links a{
text-decoration: none;
margin-bottom: 15px;
margin-left: 15px;
}
.footer .links a:hover{
text-decoration: none;
}
.footer .texto-legal{
text-align: center;
margin: 0 0 15px 0;
}
.footer .redes-sociais{
text-align: center;
}
.footer .redes-sociais a {
display: inline-block;
margin: 0 10px;
text-decoration: none;
}
.footer .redes-sociais a i{
font-size: 20px;
}
/* Recursos */
[data-resource] {
display: none;
}
/* Formulario */
[data-togglepassword] {
float: right;
width: 28px;
height: 35px;
line-height: 35px;
}
[data-togglepassword] + input {
width: calc(100% - 30px);
}
[data-togglepassword] .password-hide {
display: none;
}
/*[class*="vld-"] + .error {
font-size: 12px;
color: red;
display: block;
}*/
[class*="vld-"] + .error{
font-size: 12px;
line-height: 12px;
color: #fff4fa;
display: block;
background: red;
padding: 8px 15px;
border-radius: 11px 0px 10px 0px;
}
/* Tabs */
.tab:not(.active) {
display: none !important;
}
/* Table mobile */
@media (max-width: 768px) {
/*.table.table-mobile,
.table.table-mobile thead,
.table.table-mobile tbody,
.table.table-mobile thead tr,
.table.table-mobile tbody tr,
.table.table-mobile thead th,
.table.table-mobile tbody td,
.table.table-mobile thead {
display: block;
}*/
/*.table.table-mobile tbody td::before {
content: attr(data-thmobile);
display: block;
font-weight: bold;
}*/
.table.table-mobile tbody td::before {
content: attr(data-thmobile);
/*display: block;*/
font-weight: bold;
display: none;
}
}
/* Search */
[data-search-placeholder] {
display: none;
}
/* Política de Cookies */
.popup,
.popup.cookies {
opacity: 1!important;
position: fixed;
top: 0;
left: 0;
z-index: 99998;
width: 100%;
height: 100%;
text-align: center;
overflow: auto;
background: rgb(0 0 0 / 80%);
color: #ffffff;
}
.cookies{
position: fixed;
z-index: 9999;
left: 0;
bottom: 0;
width: 100%;
background: #ffffff;
transition: all 0.5s ease;
-webkit-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
box-shadow: 0px -3px 15px 0px rgba(0,0,0,0.1);
}
.cookies.ocultar{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: animateCookies;
animation-name: animateCookies;
}
.cookies .padding{
position: relative;
width:100%;
max-width:800px;
padding:20px 15px;
margin:0 auto;
}
.cookies .padding .title{
font-family: 'Lato-Bold', Arial, sans-serif;
font-size: 16px;
margin: 0 0 10px 0;
}
@media (max-width: 991px){
.cookies .padding .title{
margin: 0 0 5px 0;
}
}
.cookies .padding .descricao{
font-family: 'Arial', Arial, sans-serif;
font-size: 14px;
margin: 0 0 30px 0;
}
@media (max-width: 991px){
.cookies .padding .title{
font-size: 14px;
}
.cookies .padding .descricao{
font-size: 11px;
line-height: 12px;
margin: 0 0 10px 0;
}
}
.cookies .padding .buttons-allow{
margin: 0 0 10px 0;
text-align: right;
}
.cookies .padding .buttons-allow .btn{
font-family: 'Lato-Bold', Arial, sans-serif;
font-size: 12px;
padding: 5px 10px;
color: #ffffff;
background: #00cc00;
display: inline-block;
font-weight: 400;
text-align: center;
user-select: none;
border: 1px solid transparent;
vertical-align: middle;
white-space: inherit;
cursor: pointer;
border-radius: 4px;
}
@media (max-width: 991px){
.cookies .padding .buttons-allow .btn{
font-size: 12px;
padding:2px 8px;
}
}
.cookies .padding .options{
margin: 0 0 10px 0;
border:1px solid #ced4da;
border-radius: 5px;
height: 45px;
}
@media (max-width: 991px){
.cookies .padding .options{
height: auto;
}
}
.cookies .padding .options .options-checkbox{
padding: 10px;
}
@media (max-width: 991px){
.cookies .padding .options .options-checkbox{
padding-right: 0;
}
}
.cookies .padding .options .custom-checkbox{
display: inline-block;
margin:0 10px 0 0;
}
@media (max-width: 991px){
.cookies .padding .options .custom-checkbox{
margin: 0 5px 0 0;
}
}
.cookies .padding .options .custom-checkbox .custom-control-label{
padding: 0 0 0 5px;
font-size: 13px;
font-family: 'Lato-Bold', Arial, sans-serif;
}
@media (max-width: 991px){
.cookies .padding .options .custom-checkbox .custom-control-label{
padding: 0 0 0 0;
font-size: 11px;
}
}
.cookies .padding .options .custom-checkbox .custom-control-label::before{
width: 20px;
height: 20px;
line-height: 20px;
}
@media (max-width: 991px){
.cookies .padding .options .custom-checkbox .custom-control-label::before{
width: 17px;
height: 17px;
line-height: 17px;
}
}
.cookies .padding .options .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
color: #00cc00;
font-size: 12px;
width: 20px;
height: 20px;
line-height: 20px;
}
@media (max-width: 991px){
.cookies .padding .options .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
width: 17px;
height: 17px;
line-height: 17px;
}
}
.cookies .padding .options .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{
background: #e2e2e2;
}
.cookies .padding .options .custom-control-input:disabled~.custom-control-label{
color: #343a40;
}
.cookies .padding .btn-mostrar-detalhes{
position: relative;
height: 43px;
line-height: 30px;
color: #343a40;
border-radius: 0;
border-left: 1px solid #ced4da;
background: #f6f6f9;
text-align: left;
font-family: 'Arial', Arial, sans-serif;
font-size: 13px;
text-transform: none;
padding: .375rem .75rem;
}
@media (max-width: 991px){
.cookies .padding .btn-mostrar-detalhes{
height: 100%;
line-height: 15px;
font-size: 11px;
}
}
.cookies .padding .btn-mostrar-detalhes i{
font-size: 22px;
transition: all 0.3s ease-in-out;
}
.cookies .padding .btn-mostrar-detalhes.collapsed i{
transform: rotate(180deg);
}
.cookies #cookies-details{
width: 100%;
font-size: 14px;
/*overflow: auto;*/
}
.cookies .padding .tabs-vertical{
padding-top: 20px;
border: 1px solid #e4e4ea;
border-top: 0;
}
.cookies .padding .content-cookies{
font-family: 'Arial', Arial, sans-serif;
font-size: 14px;
padding: 20px;
border: 1px solid #e4e4ea;
border-top: 0;
}
@media (max-width: 991px){
.cookies .padding .content-cookies{
font-size: 11px;
line-height: 12px;
padding: 10px;
}
}
.cookies .padding .content-cookies a{
color: #00cc00;
text-decoration: underline;
}
.cookies .padding .content-cookies a:hover{
text-decoration: none;
}
.cookies .padding .tab-content{
width: 100%;
}
.cookies .padding .tab-pane .descricao{
padding: 10px;
}
.cookies .nav-tabs .nav-link{
font-size: 14px!important;
font-family: 'Arial', Arial, sans-serif!important;
color: #343a40!important;
border-top-left-radius: .25rem!important;
border-top-right-radius: .25rem!important;
background-color: #ffffff!important;
text-transform: none!important;
border: 1px solid transparent;
border-bottom: 1px solid #e4e4ea!important;
}
.cookies.nav-tabs .nav-link:focus,
.cookies .nav-tabs .nav-link:hover{
/*border-color: inherit;*/
border: 1px solid transparent!important;
border-bottom: 1px solid #e4e4ea!important;
}
@media (max-width: 991px){
.cookies .nav-tabs .nav-link{
font-size: 12px;
}
}
.cookies .nav-tabs .nav-item.show .nav-link,
.cookies .nav-tabs .nav-link.active{
font-family: 'Lato-Bold', Arial, sans-serif!important;
border: 1px solid transparent!important;
border-color: #dee2e6 #dee2e6 #fff!important;
}
.cookies .nav-tabs .nav-item{
margin-bottom: -1px;
}
.cookies .nav-pills .nav-link{
font-family: 'Arial', Arial, sans-serif;
font-size: 14px;
border: 1px solid #e4e4ea;
border-left: 0;
border-bottom: 0;
border-radius: 0;
color: #343a40;
}
@media (max-width: 991px){
.cookies .nav-pills .nav-link{
font-size: 11px;
}
}
.cookies .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
font-family: 'Lato-Bold', Arial, sans-serif;
color: #343a40;
background: #e4e4ea;
}
@-webkit-keyframes animateCookies {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1000px);
transform: translateY(1000px);
}
}
@keyframes animateCookies {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(1000px);
-ms-transform: translateY(1000px);
transform: translateY(1000px);
}
}
.animateCookies {
-webkit-animation-name: animateCookies;
animation-name: animateCookies;
}
/*TOOLTIP GENERIC*/
.tooltip {
position: absolute;
z-index: 1070;
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 0.9;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
top: 0;
border-width: 0.4rem 0.4rem 0;
border-top-color: #DC2081;
}
.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
left: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
right: 0;
border-width: 0.4rem 0.4rem 0.4rem 0;
border-right-color: #000;
}
.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
bottom: 0;
border-width: 0 0.4rem 0.4rem;
border-bottom-color: #000;
}
.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
right: 0;
width: 0.4rem;
height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
left: 0;
border-width: 0.4rem 0 0.4rem 0.4rem;
border-left-color: #000;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 0.25rem;
}
/* Buscar dúvidas / No results / Nenhum resultado encontrado */
.buscar-duvidas{
position: relative;
display: inline-block;
width: 100%;
max-width: 300px;
}
.buscar-duvidas::before{
position: absolute;
z-index: 2;
top: 9px;
right: 10px;
content: "\e98e";
font-family: 'icomoon', Arial, sans-serif;
font-size: 22px;
color: #e34f94;
}
.no-results{
padding: 20px;
border-radius: 5px;
font-style: italic;
font-size: 16px;
color: #aaaaaa;
border:1px solid #dedede;
}
.section#duvidas .panel{
background: transparent;
padding: 0;
border: 0;
}
.section#duvidas .nav-tabs{
display: block;
border:0;
margin:0 0 20px 0;
text-align: left;
}
.section#duvidas .nav-tabs .nav-item:first-of-type{
margin-left: 0;
}
.section#duvidas .nav-tabs .nav-item{
display: inline-block;
margin:0 10px;
}
.section#duvidas .nav-tabs .nav-item.buscar{
position: relative;
float: right;
width: 250px;
}
@media (max-width: 991px){
.section#duvidas .nav-tabs .nav-item{
display: block;
margin:0 0 10px 0;
}
.section#duvidas .nav-tabs .nav-item a{
text-align: center;
}
.section#duvidas .nav-tabs .nav-item.buscar{
float: inherit;
width: 100%;
margin:0 0 10px 0;
}
}
.section#duvidas .nav-tabs .nav-item a{
border:0;
color: #17a2b8;
text-decoration: none;
background: transparent;
border-radius: 5px;
}
.section#duvidas .nav-tabs .nav-item a.active{
color: #ffffff!important;
background: #17a2b8;
}
@media (max-width: 991px){
.section#duvidas .nav-tabs .nav-item a.active{
display: block;
}
}
/*Personalizado*/
.section#duvidas .nav-tabs .nav-item.buscar{
float: inherit;
width: 100%;
text-align: center;
}
.section#duvidas .descricao-busca{
font-family: 'Avenir-Regular', Arial, sans-serif;
text-transform: none;
color: #ffffff;
text-align: center;
font-size: 13px;
line-height: 16px;
margin-top: 10px;
}
.buscar-duvidas{
max-width: 350px;
}
.buscar-duvidas::before{
color: #DC2081;
}
.no-results{
color: #ede432;
font-family: 'Avenir-Black', Arial, sans-serif;
font-style: normal;
background: transparent;
border: 1px solid #ffffff;
}
/* Carousel / Slick */
.carousel{
padding:0 15px;
}
.carousel .infos{
margin:20px 0 0 0;
}
.carousel .infos .nome{
font-size: 24px;
font-weight: 500;
color: #17a2b8;
}
.carousel .infos .descricao{
font-size: 18px;
}
.slick-prev,
.slick-next{
width: auto;
height: auto;
margin:0 -5px;
}
.slick-prev:before,
.slick-next:before{
/*color: #a1c903;*/
/*font-family: 'icomoon', Arial, sans-serif;*/
/*font-size: 40px;*/
}
.slick-prev:before{
/*content:"\e9c8";*/
}
.slick-next:before{
/*content:"\e9cb";*/
}
.slick-slide img,
.slick-slide .img-placeholder{
width: 100%;
transform: scale(0.7);
transition: all 0.2s ease-in-out;
}
.slick-slide.effect img,
.slick-slide.effect .img-placeholder{
transform: scale(1.4);
}
.slick-dots li button:before{
font-size: 12px;
opacity: 0.10;
}
.slick-dots li.slick-active button:before{
color: #a1c903;
}
.slick-dots li:hover button:before{
color: #343a40;
}