/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web ~. */

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

/* Provide sufficient contrast against white background */
a {
    color: #0366d6;
}

body {
    display: contents;
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.img-esq-carrossel {
    min-width: 35px;
    margin-left: 50px;
}

.img-dir-carrossel {
    min-width: 35px;
    margin-right: 50px;
}

@media (min-width: 576px) {
    .img-esq-carrossel {
        min-width: 50px;
        margin-left: 100px;
    }

    .img-dir-carrossel {
        min-width: 50px;
        margin-right: 100px;
    }
}

@media (min-width: 992px) {
    .img-esq-carrossel {
        min-width: 60px;
        margin-left: 150px;
    }

    .img-dir-carrossel {
        min-width: 60px;
        margin-right: 150px;
    }
}

@media (min-width: 1280px) {
    .img-esq-carrossel {
        min-width: 80px;
        margin-left: 250px;
    }

    .img-dir-carrossel {
        min-width: 80px;
        margin-right: 250px;
    }
}


@font-face {
    font-family: "Lato-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/Lato-Regular.eot?#iefix") format("embedded-opentype"),url("/fonts/Lato-Regular.woff") format("woff"),url("/fonts/Lato-Regular.ttf") format("truetype"),url("/fonts/Lato-Regular.svg#Lato-Regular") format("svg")
}

@font-face {
    font-family: "Lato-Black";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/Lato-Black.eot?#iefix") format("embedded-opentype"),url("/fonts/Lato-Black.woff") format("woff"),url("/fonts/Lato-Black.ttf") format("truetype"),url("/fonts/Lato-Black.svg#Lato-Black") format("svg")
}

@font-face {
    font-family: "Lato-Bold";
    font-style: normal;
    font-weight: normal;
    src: url("/fonts/Lato-Bold.eot?#iefix") format("embedded-opentype"),url("/fonts/Lato-Bold.woff") format("woff"),url("/fonts/Lato-Bold.ttf") format("truetype"),url("/fonts/Lato-Bold.svg#Lato-Bold") format("svg")
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

a:hover {
    text-decoration: none;
}

figure {
    margin: 0;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
}

.footer {
    bottom: 0;
    width: 100%;
    /*white-space: nowrap;*/
    /*line-height: 60px;*/ /* Vertically center the text there */
}


/* -------------------------------------------------- */

html, body {
    font-family: 'Montserrat', sans-serif;
    color: rgb(255, 255, 255);
    background-color: rgb(8, 8, 8);
}

.Lato-Black {
    font-family: "Lato-Black", sans-serif;
}

.Lato-Bold {
    font-family: "Lato-Bold", sans-serif;
}

img {
    max-width: 100%;
}

.navbar {
    background-color: #1d1d1b;
}

@media (min-width:1200px) {
    .navbar-brand {
        border-right: 2px solid;
        padding-right: 45px;
    }
}


.margin-fale {
    margin-top: 100px;
}


.container {
    padding-right: 0px;
    padding-left: 0px;
}

@media (min-width:1200px) {
    .container {
        max-width: 1200px;
    }

    .container-preto {
        max-width: 1200px !important;
    }
}

.back-login {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://static.cientikdemo.com/images/xptobacklogin.png) no-repeat center center;
    background-size: cover;
    min-height: 100vh;
}

.titulo-banner-novo {
    font-size: 20px;
    font-weight: bold;
}

.height-div-fechar {
    max-height: 50px;
}


@media (min-width:992px) {
    .titulo-banner-novo {
        font-size: 32px;
        font-weight: bold;
    }
}

@media (min-width: 400px) {
    .height-div-fechar {
        max-height: 44px;
    }
}

.div-fechar, .div-fechar:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: rgb(244, 244, 244);
    padding: 10px;
    border-radius: 7px;
    font-size: 13px;
}

.classific {
    color: rgb(255, 148, 102);
    font-weight: bold;
}

.td-clique, .td-clique:hover {
    font-size: 0.875rem;
    color: rgb(8, 8, 8) !important;
    cursor: pointer;
}

.cor-link, cor-link:hover {
    color: rgb(255, 255, 255) !important;
}

.cor-link2, cor-link2:hover {
    color: rgb(198, 198, 198) !important;
}

.desc-banner {
    text-align: justify;
    display: flex;
}

.margin-btn-assistir {
    margin-top: 490px;
}

@media (min-width:768px) {
    .pl-dados {
        padding-left: 20px;
    }

    .pr-dados {
        padding-right: 40px;
    }
}

@media (min-width:992px) {
    .margin-btn-assistir {
        margin-top: 80px;
    }
}

.back-form {
    margin: 0px 0px;
    box-sizing: border-box;
    padding: 30px 11px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    background-color: #121212;
    border-radius: 16px;
}

.entrar {
    color: rgb(255, 255, 255);
    font-size: 1.5rem;
    font-weight: bold;
}

.cadastre, .cadastre:hover {
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.voltar-login {
    color: rgb(255, 255, 255);
}

    .voltar-login:hover {
        color: rgb(255, 255, 255);
        text-decoration: underline;
    }


@media (min-width:1600px) {
    .container {
        max-width: 1400px;
    }
}

.navbar-brand, .nav-link {
    font-size: 13.5px;
    color: #fff !important;
}

.item-topo {
    font-size: 12px;
    color: #F2F3F7;
    padding-right: 23px;
}

.color-grey {
    color: #818285 !important;
}

.border-grey {
    border: 1px solid #818285 !important;
    border-radius: 5px;
}

.field-login {
    height: 35px;
    font-size: 18px;
}

.msg-esquerda, .msg-direita {
    padding: 15px;
}

.msg-direita {
    background-color: #fb805e;
    display: flex;
    /*justify-content: end;*/
    border-radius: 12px;
}

.msg-direita1 {
    display: flex;
    justify-content: end;
}

.msg-direita2 {
    flex-direction: row-reverse;
}

.msg-direita3 {
    margin-right: 47px;
}

.msg-esquerda3 {
    margin-left: 50px;
}

.msg-esquerda {
    background-color: #ffad01;
    border-radius: 12px;
}

.color-darkgrey, .color-darkgrey:hover {
    color: #7F8083 !important;
}

.item-topo:hover, .item-footer:hover {
    color: #005aab;
    text-decoration: none;
}

.nav-link.btn-azul {
    font-size: 19.44px !important;
}

.nav-link {
    margin: 0px 20px;
}

.footer {
    background: url(https://static.cientikdemo.com/images/back-footer-colorido.png) no-repeat center center;
    background-size: cover;
}

.texto-conhecimento {
    font-size: 32px;
    font-weight: 700;
    color: rgb(198, 198, 198);
    line-height: 1.3;
}

.itens-footer {
    color: rgb(198, 198, 198) !important;
    font-size: 14px;
}

    .itens-footer:hover {
        color: var(--primaryColor) !important;
        font-size: 14px;
    }

.itens-footer2 {
    color: rgb(198, 198, 198);
    font-size: 12px;
}

.margin-copyright {
    margin-top: 25px;
}

.div-footer-1 {
    display: flex;
}

.div-footer-2 {
    display: none;
}

@media (min-width:768px) {
    .div-footer-1 {
        display: none;
    }

    .div-footer-2 {
        display: flex;
    }
}

@media (min-width:992px) {
    .margin-copyright {
        margin-top: 25px;
    }

    .width-footer {
        max-width: 150px;
    }
}

@media (min-width:1200px) {
    .container-footer {
        max-width: 94% !important;
    }
}

@media (max-width:991px) {
    .margin-copyright {
        display: flex;
        justify-content: center;
    }

    .margin-redes {
        margin-bottom: 25px;
    }

    .margin-redes2 {
        margin-bottom: 50px;
    }
}

.width-quiz {
    max-width: 65%;
}

@media (min-width:500px) {
    .width-quiz {
        max-width: 70%;
    }
}

@media (min-width:992px) {
    .width-quiz {
        max-width: 50%;
    }
}

.item-footer {
    font-size: 16px;
    color: #090909;
    text-decoration: none;
    white-space: nowrap;
    margin: 0px 20px;
}

.rodape-links {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 30px;
    /*grid-row-gap: 30px;*/
    display: -ms-grid;
    display: grid;
}

.rodape-links2 {
    grid-template-columns: repeat(12, 1fr);
    grid-column-gap: 36px;
    /*grid-row-gap: 36px;*/
    display: -ms-grid;
    display: grid;
    color: #fff;
    font-size: 15.28px;
    line-height: normal;
    padding: 10px 45px;
}

.pr-20 {
    padding-right: 20px !important;
}

.mr-20 {
    margin-right: 23px !important;
}

.item-ultimorodape, .item-ultimorodape:hover {
    color: #fff;
    font-size: 15.28px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
}

@media (max-width:1500px) {
    .item-ultimorodape, .item-ultimorodape:hover {
        font-size: 12px;
    }

    .rodape-links2 {
        font-size: 12px;
    }
}

.ultimoslinks {
    background-color: #1d1d1b;
    padding: 15px 0px;
    margin-top: 100px !important;
}

@media (max-width:1360px) {
    .rodape-links {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 0;
    }

    .rodape-links2 {
        grid-template-columns: repeat(8, 1fr);
        grid-column-gap: 0;
    }
}

@media (max-width:540px) {
    .rodape-links {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
    }

    .rodape-links2 {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0;
    }
}

.titulo {
    margin: 0px 0px 25px 0px;
}

.btn-noticias {
    padding: 1px 10px 1px 10px !important;
    font-size: 13px !important;
    display: inline-block !important;
    background: url(https://static.cientikdemo.com/imagens/arrow-sing.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 14px !important;
    background-size: 8px !important;
    margin: 0 !important;
    color: #2C72DC !important;
    border: 1px solid #2C72DC;
    font-family: "Lato-Regular",sans-serif;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

@media (min-width: 768px) {
    .btn-noticias {
        padding: 1px 25px 1px 25px !important;
        font-size: 16px !important;
    }
}

.btn-noticias:hover {
    font-size: 16px !important;
    display: inline-block !important;
    background: #2C72DC url(assets/img/home/arrow-sing.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 14px !important;
    background-size: 8px !important;
    margin: 0 !important;
    color: #fff !important;
    border: 1px solid #2C72DC;
    text-decoration: none;
}

.titulonoticias {
    font-family: "Lato-Bold",sans-serif;
    color: #212429;
    display: block;
    line-height: 1.1;
    position: relative;
    font-size: 25px;
    margin: 0px;
}

.noticias-cotaniner {
    display: grid;
    grid-template-columns: 50% 50%;
}

.column {
    width: 100%;
    display: block;
}

.destaque {
    padding: 0px 0px 0px 0px;
    margin: 0px px;
    width: 100%;
    display: block;
    position: relative;
}

.backquadradofooter {
    background-color: #e9eaf1;
    width: 728px;
    max-width: 100%;
    padding: 30px;
    margin-top: 30px;
}

@media (min-width: 992px) {
    .backquadradofooter {
        margin-top: 0px;
        padding: 30px;
    }
}

.btn-cadastre {
    padding: 4px 0px;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    min-width: 115px;
    display: inline-block;
    transition: all 160ms ease-in-out;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .btn-cadastre:hover {
        text-decoration: none;
    }

.navbar {
    padding: 19.5px 0px;
}

.cursor-pointer {
    cursor: pointer;
}

.evangelizar-ultimorodape {
    min-width: 190px;
    border-right: 2px solid;
}

@media (min-width: 1450px) {
    .evangelizar-ultimorodape {
        min-width: 260px;
        padding-right: 45px;
    }
}

.barra-preta-superior {
    display: flex !important;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    flex-grow: 1;
    -ms-flex-align: center;
    align-items: center;
}

.navbar-fundo-opaco {
    background-color: #000;
}

.navbar-fundo {
    background-color: #fff;
}

.f-open {
    font-family: 'Open Sans', sans-serif;
}

.hamburguer-menu, .fecha-menu {
    border-bottom-color: none !important;
    border: none !important;
    margin-right: 37px;
}

.nav-item {
    align-items: center;
    display: flex;
}

.lupa {
    border-left: 1px solid #737373;
    padding-left: 25px;
    margin-left: 35px;
}

.padding-barratopo {
    /*padding: 0px 10px;*/
}

@media (min-width: 1450px) {
    .padding-barratopo {
        /*padding: 0px 40px;*/
    }
}

.color-white, .color-white:hover {
    color: #fff;
}

.cor-cinza, cor-cinza:hover {
    color: rgb(255, 255, 255) !important;
}

.itens-menu-dir {
    padding-left: 10px;
}

.item-menu {
    color: rgb(255, 255, 255);
}

    .item-menu:hover {
        color: var(--primaryColor);
        cursor: pointer;
    }

@media (max-width: 1199px) {
    .item-menu {
        font-size: 12px;
    }
}


.btn-maisinfo-zoom, .btn-maisinfo-zoom:hover {
    padding: 0px 15px;
    height: 20px;
}

.btn-associado, .btn-associado:hover {
    border: 1px;
    background-color: #2c72db;
    color: #FFF;
    border: 1px solid #2c72db;
    text-decoration: none;
    padding: 4px;
}

.div-noticias {
    padding: 25px;
}

.div-newsletter {
    margin-left: 50px;
}

.texto-originaislaranja {
    font-size: 25px;
    /*color: #f9b000;*/
    color: #fff;
    font-weight: 800;
}

.texto-laptop {
    font-size: 15px;
    color: #fff;
}

.iconemaiscarrossel {
    width: 14px;
}

@media (min-width: 768px) {
    .texto-originaislaranja {
        font-size: 35px;
    }

    .texto-laptop {
        font-size: 23px;
    }

    .iconemaiscarrossel {
        width: 22px;
    }
}

@media (min-width: 1200px) {
    .texto-originaislaranja {
        font-size: 50px;
    }

    .texto-laptop {
        font-size: 38.89px;
    }

    .iconemaiscarrossel {
        width: 30px;
    }
}



.background-branco {
    background-color: #fff;
}

.titulo-ultimas {
    font-size: 55.56px;
}

.background-pretofosco {
    background-color: #141414;
}

.newsletter {
    font-size: 35.05 px;
    color: #fff;
}

.preto-opaco {
    background-color: rgba(0, 0, 0, 0.8);
}

.input-login {
    width: 100%;
    background-color: transparent;
    border: 1px solid rgb(166, 166, 166);
    color: #fff;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
}

    .input-login::placeholder {
        color: rgb(166, 166, 166);
    }

@media (min-width: 768px) {
    .padding-form {
        padding: 0px 50px 0px 50px;
    }
}

@media (max-width: 767px) {
    .padding-esq {
        padding-left: 50px;
    }
}

@media (max-width: 767px) {
    .margin-top-footer {
        margin-top: 30px;
    }
}

@media (max-width: 576px) {
    .padding-left-mob {
        padding-left: 15px;
    }
}

@media (max-width: 400px) {
    .width-form {
        width: 250px !important;
    }
}

@media (max-width: 767px) {
    .width-form {
        width: 350px;
    }
}

/*@media (min-width: 1200px) {
    .input-login {
        width: 350px;
    }
}*/

.texto-laranjalogin, .texto-laranjalogin:hover {
    color: #f0bb02;
    font-size: 27.78px;
    text-decoration: none;
}

.texto-login {
    font-size: 27.78px;
}

.titulo-produto {
    font-size: 20px;
    font-family: "Lato-Regular";
}

.span-area-user {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: rgb(255, 148, 102);
    padding-bottom: 10px;
}

.span-secretaria-user {
    font-weight: 700;
    font-size: 28px;
    line-height: 32px;
    color: rgb(255, 255, 255);
}

.span-dados-user {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: rgb(166, 166, 166);
    margin-bottom: 30px;
}

.label-dados {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 10px 10px 10px 0px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: rgb(255, 255, 255);
}

.input-dados {
    padding: 16px;
    isolation: isolate;
    width: 100%;
    height: 56px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    margin: 0px;
    box-sizing: border-box;
    outline: 0px;
}

    .input-dados:disabled {
        color: rgb(255, 255, 255);
        border: 1px solid rgb(255, 255, 255);
    }


.div-dados {
    isolation: isolate;
    width: 100%;
    height: 56px;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 8px;
    margin: 0px;
    box-sizing: border-box;
    outline: 0px;
    background-color: #fff;
}

.x-email {
    color: rgb(255, 255, 255);
    font-size: 35px;
}

.mudar-email {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    outline: 0px;
    font-family: Montserrat, sans-serif;
    color: rgb(220, 221, 223);
    font-size: 1.5em;
    font-weight: bold;
}

.btn-salvar-dados {
    padding: 5px 20px;
    gap: 8px;
    height: 34px;
    background: var(--primaryColor);
    border-radius: 8px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: rgb(255, 255, 255);
    margin-top: 30px;
    margin-bottom: 80px;
    cursor: pointer;
    margin-right: 75px;
}

.btn-dados-sair {
    background: rgba(255, 76, 0, 0.05);
    border: 1px solid var(--primaryColor);
    border-radius: 8px;
    width: 100%;
    height: 36px;
    text-align: center;
    color: rgb(255, 255, 255);
    cursor: pointer;
    font-size: 14px;
}

    .btn-dados-sair:hover {
        background: var(--primaryColor);
        color: rgb(255, 255, 255);
    }

.font-dados1 {
    font-size: 12px;
    color: rgb(20, 20, 20);
    font-weight: 700;
}

.font-dados2 {
    font-size: 10px;
    color: rgb(109, 109, 109);
    font-weight: 400;
}

@media (min-width: 576px) {
    .font-dados1 {
        font-size: 16px;
    }

    .font-dados2 {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .font-dados2 {
        word-break: break-word;
    }
}

@media (max-width: 992px) {
    .margin-dados {
        margin-top: 180px !important;
    }
}

.classificacaoimg {
    width: 20px;
}

.btn-azul, .btn-azul:hover {
    text-align: center;
    padding: 5px 10px !important;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
    border-radius: 8px;
}

.back-lapis {
    color: rgb(255, 255, 255);
    background: var(--primaryColor);
    display: flex;
    justify-content: center;
    border-radius: 15px 0px 0px 15px;
}

.back-cinza-lapis {
    background-color: #312f30;
    color: rgb(166, 166, 166);
    display: flex;
    justify-content: center;
    border-radius: 0px 15px 15px 0px;
}

.itens-testes {
    color: rgba(0, 0, 0, 0.75);
    font-size: 14px;
}

.itens-teste-titulo {
    color: rgba(0, 0, 0, 0.75);
    font-size: 22px;
    font-weight: bold;
}

.btn-informacoes, .btn-informacoes:hover {
    background-color: #312f30;
    color: #fff;
    text-align: center;
    padding: 14px !important;
    font-size: 14px;
    text-decoration: none;
    border-radius: 40px;
    font-weight: bold;
}

.btn-informacoes svg{
    color: var(--primaryColor) !important;
}

@media (max-width: 767px) {
    .alinhamento-testes {
        display: flex;
        justify-content: center;
    }
}

.testes {
    font-size: 16px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.back-exercicios {
    background-color: rgb(49, 47, 48);
}

.btn-exercicios {
    color: var(--primaryColor) !important;
    border: 1px solid var(--primaryColor);
    border-radius: 5px;
    padding: 4px 10px;
    font-size: 12px;
}

@media (min-width: 1200px) {
    .btn-exercicios {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .margin-btn-exercicios {
        margin-bottom: 20px;
    }
}

.descricao-produto2 {
    font-size: 18px;
}

.btn-login, .btn-login:hover {
    color: #fff;
    background-color: var(--primaryColor);
    width: 425px;
    border: none;
    padding: 20px 40px 20px 40px;
    border-radius: 40px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .titulo-produto {
        font-size: 25px;
    }

    .btn-azul, .btn-azul:hover {
        padding: 10px 30px !important;
        font-size: 14px;
        font-weight: bold;
        border-radius: 8px;
    }

    .btn-informacoes, .btn-informacoes:hover {
        font-size: 17px;
    }

    .classificacaoimg {
        width: 30px;
    }
}

.svg-play {
    fill: currentColor;
    width: 30px;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}

.row-tabela {
    display: flex;
    justify-content: center;
    margin: 20px 0;
}

#tabela-cursos-inscritos {
    display: none;
}

.tabela-lista-episodios {
    display: none;
}

#tabela-professores {
    display: none;
}

.tabela-itinerario {
    display: none;
}

@media (max-width: 992px) {
    .margin-areauser-mob {
        margin-top: 80px !important;
    }
}

@media (min-width: 992px) {
    .margin-areauser-mob {
        margin-top: 100px !important;
    }
}

.table-container {
    width: 100%;
    border-right: 8px solid #151412;
    border-bottom: 8px solid #151412;
    border-radius: 20px;
    overflow: hidden;
}

.table-areauser {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
}

.alinha2 {
    padding: 10px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .alinha2 {
        padding: 20px;
    }
}

.tr-areauser:hover {
    background-color: #242321;
}

.tr-areauser {
    min-height: 75px;
}

.th-areauser {
    background-color: #f05c22;
    font-size: 12px;
}

.td-areauser {
    font-size: 12px;
}

.texto-th {
    color: #000;
    font-size: 10px;
}

.alinha-quiz, .alinha-quiz:hover {
    padding: 5px 4px;
    border-radius: 15px;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.img-tabela {
    display: block;
    margin: 0 auto;
    height: 20px;
}

.alinha {
    padding: 15px 3px;
    text-align: center;
}

@media (min-width: 576px) {
    .th-areauser {
        background-color: #f05c22;
        font-size: 16px;
    }

    .td-areauser {
        font-size: 14px;
    }

    .texto-th {
        color: #000;
        font-size: 12px;
    }

    .alinha-quiz, .alinha-quiz:hover {
        padding: 5px 20px;
    }

    .img-tabela {
        height: 30px;
    }

    .alinha {
        padding: 15px;
    }
}

@media (max-width: 360px) {
    .alinha-quiz, .alinha-quiz:hover {
        font-size: 8px !important;
    }
}

.wide {
    width: 50%;
}

.wide2 {
    width: 5%;
}

.wide3 {
    width: 5%;
}

.wide4 {
    width: 5%;
}

.wide5 {
    width: 10%;
}

.wide6 {
    width: 15%;
}

.wide7 {
    width: 15%;
}

.wide8 {
    width: 15%;
}

.wide9 {
    width: 15%;
}

.texto-th2 {
    color: #000;
}

.quiz-ok {
    background-color: #f05c22;
}

.quiz-nok {
    background-color: #85868a;
}

.img-fixar-footer {
    max-width: 40px;
}

@media (min-width: 768px) {
    .img-fixar-footer {
        margin-bottom: -30px;
    }
}


.img-fixar {
    margin-right: 15px;
    margin-left: -85px;
}

@media (max-width: 660px) {
    .img-fixar {
        max-width: 35px;
    }

    /*.marcadores-quiz2 {
        max-width: 220px;
    }*/
}

@media (min-width: 992px) and (max-width: 1340px) {
    .img-fixar {
        max-width: 40px;
    }

    /*.marcadores-quiz2 {
        max-width: 200px;
    }*/
}

.div-timer {
    background: url(https://static.cientikdemo.com/images/back-divtimer.png);
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    text-align: center;
    padding: 20px;
}

.div-thumb {
    background: url(https://static.cientikdemo.com/images/back-divthumb.png);
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
    padding: 20px;
    max-width: 320px;
}

.texto-thumb {
    font-weight: bold;
    font-size: 14px;
}

.palavra-quiz {
    font-size: 35px;
    font-weight: bold;
    color: #424242;
}

@media (min-width: 992px) {
    .palavra-quiz {
        font-size: 50px;
    }
}

.img-pontuacao {
    max-width: 300px;
}

@media (min-width: 450px) {
    .img-pontuacao {
        max-width: 400px;
    }
}

@media (min-width: 550px) {
    .img-pontuacao {
        max-width: 500px;
    }
}

@media (min-width: 650px) {
    .img-pontuacao {
        max-width: 600px;
    }
}

@media (min-width: 768px) {
    .img-pontuacao {
        max-width: 700px;
    }
}

@media (min-width: 992px) {
    .img-pontuacao {
        max-width: 900px;
    }
}

.btn-pdf, .btn-pdf:hover {
    background-color: #f05c22;
    padding: 5px 70px;
    border-radius: 20px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    box-shadow: inset 0 -4px 2px rgba(0, 0, 0, 0.5);
}

ul.custom-list-quiz {
    list-style-type: none;
    padding-left: 0;
}

    ul.custom-list-quiz li {
        position: relative;
        display: flex;
        align-items: center;
    }

        ul.custom-list-quiz li::before {
            content: '';
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: var(--primaryColor);
            margin-right: 8px;
            flex-shrink: 0;
        }

.color-black {
    color: #000;
}

.font-certificado {
    color: #414140;
    font-size: 15px;
    font-weight: 500;
}

.fontceo-certificado {
    color: #414140;
    font-size: 15px;
    font-weight: 500;
    border-top: 1px solid #000;
    padding-top: 5px;
    min-width: 250px;
    text-align: center;
    margin-top: 50px;
}

@media (min-width: 768px) {
    .fontceo-certificado {
        min-width: 350px;
    }
}

.img-logo-certificado {
    max-width: 100px;
}

@media (min-width: 576px) {
    .img-logo-certificado {
        margin-top: 60px;
    }
}

@media (min-width: 992px) {
    .img-logo-certificado {
        max-width: 200px;
        margin-top: 40px;
    }
}

@media (min-width: 992px) and (max-width: 1600px) {
    .img-logo-certificado {
        max-width: 130px;
        margin-top: 60px;
        margin-left: 50px;
    }
}


@media (max-width: 575px) {
    .alinha-logocertificado {
        display: flex;
        justify-content: center;
    }
}

.nome-certificado {
    font-size: 15px;
    font-weight: bold;
    color: #f05c22;
}

.curso-certificado {
    color: #414140;
    font-size: 15px;
    font-weight: bold;
}

.font-ceo {
    color: #f05c22;
    font-size: 15px;
}

@media (min-width: 576px) {
    .font-certificado {
        font-size: 21px;
    }

    .fontceo-certificado {
        font-size: 21px;
    }

    .nome-certificado {
        font-size: 21px;
    }

    .curso-certificado {
        font-size: 21px;
    }

    .font-ceo {
        font-size: 21px;
    }
}

@media (min-width: 992px) {
    .font-certificado {
        font-size: 25px;
    }

    .fontceo-certificado {
        font-size: 25px;
    }

    .nome-certificado {
        font-size: 25px;
    }

    .curso-certificado {
        font-size: 25px;
    }

    .font-ceo {
        font-size: 25px;
    }
}

.back-quiz {
    background: url(https://static.cientikdemo.com/images/backcinzaquiz.png);
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
}

.back-certificado {
    background: url(https://static.cientikdemo.com/images/back-certificado.png);
    background-repeat: no-repeat !important;
    background-size: 100% 100%;
}

#countdown {
    font-size: 20px;
    color: var(--primaryColor);
    font-weight: bold;
}

@media (min-width: 992px) {
    #countdown {
        font-size: 35px;
    }
}

@media (min-width: 992px) {
    .titulo-produto {
        font-size: 28px;
    }

    .classificacaoimg {
        width: 45px;
    }

    .btn-azul, .btn-azul:hover {
        padding: 15px 25px !important;
        border-radius: 8px;
    }
}

@media (min-width: 768px) {
    .margin-voltar {
        margin-left: -17px;
    }
}


@media (max-width: 992px) {
    .margin-quiz-mob {
        margin-top: 95px;
    }
}



.descricao-produto {
    font-size: 30.31px;
    color: #fff;
    margin-left: 40px;
}


.texto-semprejuntos {
    font-size: 75.73px;
    color: #fff;
}

.texto-assinenewsletter {
    font-size: 25.93;
    color: #fff;
}

.input-newsletter {
    width: 385px;
    height: 40px;
}

.div-assistir {
    margin-left: 40px;
    margin-bottom: 30px;
}

.titulo-vejatodas {
    font-size: 34.84px;
    color: #2c72db;
    border: 1px solid #2c72db;
    padding: 0px 25px;
}

.background-verde {
    background-color: #bccf21;
}

.categoria-noticia {
    font-size: 16.67px;
    background-color: #efd615;
    padding: 5px 12px;
    text-transform: uppercase;
}

.texto-noticiacinza {
    color: #ababab;
}

.owl-next {
    height: 30px;
    font-size: 30px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    right: 0%;
    z-index: 999;
    margin: auto 0;
    margin-right: 10px;
    color: #fff
}

.owl-prev {
    height: 30px;
    font-size: 30px;
    position: absolute;
    top: 0%;
    bottom: 0%;
    margin: auto 0;
    z-index: 999;
    color: #fff
}

.btn-vermais {
    background-color: Transparent;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    padding: 5px 50px;
}

.cadastre-se {
    font-size: 25px;
    color: #fff;
}



@media (min-width:768px) {
    .cadastre-se {
        font-size: 40px;
    }

    /*.divbannerproduto {
        margin-top: -80px !important;
    }*/
}

@media (min-width:1200px) {
    .cadastre-se {
        font-size: 66.67px;
    }
}

.font-laranja {
    color: #f9b000;
}

@media (max-width:540px) {
    .btn-sejaassociado-mobile {
        justify-content: center !important;
    }
}

.margin-carrossel {
    margin-top: 50px;
}

@media (min-width:992px) {
    .margin-carrossel {
        margin-top: 145px;
    }
}

@media (max-width:540px) {
    .logo-ide-mobile {
        display: none;
    }
}


.div-apres-mobile {
    background-image: url(https://static.cientikdemo.com/imagens/backgroun-apres-mobile.png);
}

.fundo-sobre {
    background-image: url(https://static.cientikdemo.com/images/quadrado-laranja.png);
}

.azul-apres-mobile {
    color: #fff;
    background-color: #2c72dc;
    font-size: 35.68px;
}

@media (max-width:540px) {
    .div-apres-desktop {
        display: none;
    }

    .div-apres-mobile {
        display: flex;
    }

    .topo-apres-mobile {
        display: flex;
    }

    .todasnoticias-desktop {
        display: none;
    }
    /*.pretofosco-desktop{
        display: none;
    }*/
    /*.height-newsletter-desktop {
        height: 700px !important;
    }*/
}

@media (max-width:768px) {
    .height-newsletter-desktop {
        height: 700px !important;
    }

    .pretofosco-desktop {
        display: none;
    }
}

@media (min-width:541px) {
    .div-apres-desktop {
        display: flex;
    }

    .div-apres-mobile {
        display: none;
    }

    .topo-apres-mobile {
        display: none;
    }

    .todasnoticias-desktop {
        display: flex;
    }
    /*.pretofosco-mobile{
        display: none;
    }*/
}

@media (min-width:769px) {
    .pretofosco-mobile {
        display: none;
    }
}

.height-newsletter-desktop {
    height: 400px;
}

.navbar-toggler {
    padding: 0px;
    padding-right: 0.75rem;
}

.navbar {
    z-index: 999999;
}

.icone-social {
    margin-right: 13px;
}

.btn-exc-ativ {
    color: rgba(0, 0, 0, 0.87);
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
}

.descricao-produto-player {
    font-size: 16.27px;
    color: #fff;
}

.nome-teste-questoes {
    color: var(--primaryColor);
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1.235;
}

.col-pergunta {
    background-color: #fff;
    color: #000;
    padding: 20px 10px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.col-pergunta2 {
    background-color: #fff;
    color: #000;
    padding: 20px 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 20px;
    margin-bottom: 20px;
}

.formulario_error_mensagem {
    display: none;
    color: #fff;
    background-color: #CC1330;
    position: absolute;
    bottom: 7px;
    width: 100%;
    max-width: 170px;
    right: 0;
    border-radius: 6px;
    z-index: 2;
    text-align: center;
    font-size: 12px;
}

.buscatopo {
    display: none;
}

.lupapesquisa {
    border: none;
    background-color: transparent;
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 9px;
}

.campopesquisa {
    background: url(https://static.cientikdemo.com/images/lupaxpto.png) no-repeat scroll 90% 8px;
    height: 30px;
    padding-left: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgb(49, 47, 48);
    border: none;
    border-radius: 40px;
    color: rgb(255, 255, 255);
    max-width: 115px;
}

.cancelar-forum {
    color: rgba(0, 0, 0, 0.87) !important;
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
    background-color: #e0e0e0;
    padding: 6px 10px;
    border-radius: 3px;
}

    .cancelar-forum:hover {
        color: rgba(0, 0, 0, 0.87);
        background-color: #d5d5d5;
        cursor: pointer;
    }

.cancelar-novo-teste {
    color: rgba(0, 0, 0, 0.87) !important;
    border: 1px solid rgba(0, 0, 0, 0.23);
    background-color: #fff;
    padding: 6px 10px;
    border-radius: 3px;
}

    .cancelar-novo-teste:hover {
        color: rgba(0, 0, 0, 0.87) !important;
        background-color: rgba(0, 0, 0, 0.04);
        cursor: pointer;
    }

.salvar-novo-teste {
    padding: 6px 12px;
    border-radius: 3px;
    border: 1px solid var(--primaryColor);
    color: var(--primaryColor);
    background-color: #fff;
}

    .salvar-novo-teste:hover {
        background-color: rgba(255, 76, 0, 0.04);
    }

.salvar-forum {
    padding: 6px 12px;
    border-radius: 3px;
    border: none;
    color: #fff;
    background-color: var(--primaryColor);
    box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 1px 5px 0px rgba(0,0,0,0.12);
}

    .salvar-forum:hover {
        background-color: var(--primaryColor);
        color: #fff;
    }

.row-forum {
    background-color: rgb(220, 221, 223);
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 4px;
}

.row-respostas {
    background-color: #000;
    margin-left: 30px;
    margin-right: 30px;
    border-radius: 4px;
}

.input-forum {
    width: 450px;
    height: 60px;
    outline-color: var(--primaryColor);
}

.input-mudar-email {
    width: 100%;
    height: 60px;
    outline-color: var(--primaryColor);
    border-radius: 6px;
}

.btn-salvar-novoemail {
    padding: 12px 32px;
    gap: 8px;
    height: 48px;
    background: var(--primaryColor);
    border-radius: 8px;
    border: none;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: rgb(255, 255, 255);
    margin-top: 30px;
    margin-bottom: 80px;
    cursor: pointer;
    width: 100%;
}

.span-info1 {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: rgb(255, 255, 255);
}

.span-info2 {
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    color: rgb(166, 166, 166);
    padding-top: 10px;
}

.input-resposta {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
    height: 60px;
    border: 2px solid var(--primaryColor);
    outline: 0;
    background-color: transparent;
    color: rgb(198, 198, 198);
}

.btn-responder {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
}

.btn-ep {
    background-color: transparent;
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-ep-ativo {
    background-color: var(--primaryColor);
    color: rgb(255, 255, 255);
    border: 1px solid rgb(255, 255, 255);
    font-size: 0.875rem;
    font-weight: 500;
}

.padding-arq-comp {
    padding: 3px 15px !important;
    vertical-align: middle !important;
}

.icone-excluir {
    display: flex;
    justify-content: end;
    align-items: flex-start;
}

.novo-topico {
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

.nome-teste {
    color: #000;
    font-weight: bold;
}

.descricao-teste {
    color: gray;
}

.nome-usuario {
    color: #fff;
    font-weight: bold;
}

@media (min-width: 992px) {
    .campopesquisa {
        margin-right: 50px;
    }
}

@media (max-width: 992px) {
    .margin-top-forum {
        margin-top: 200px !important;
    }
}

.btn-assistir-laranja, .btn-assistir-laranja:hover {
    background-color: var(--primaryColor);
    font-size: 14px;
    border-radius: 40px;
    border-style: none;
    -webkit-box-align: center;
    align-items: center;
    flex-direction: row;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    justify-content: center;
    color: #fff;
    padding: 15px 18px;
}

.margin-sobre {
    margin-top: 100px;
}

/*@media (min-width: 992px) {
    .margin-sobre {
        margin-top: 0px;
    }
}*/

@media (max-width: 1350px) {
    .marcadores-sobre {
        display: none;
    }
}

.marcadores-sobre {
    height: 250px;
    position: absolute;
    top: 500px;
    left: 50px;
}

@media (min-width: 1401px) {
    .marcadores-sobre {
        left: 65px;
    }
}

@media (min-width: 1451px) {
    .marcadores-sobre {
        left: 65px;
    }
}

@media (min-width: 1480px) {
    .marcadores-sobre {
        left: 80px;
    }
}

@media (min-width: 1500px) {
    .marcadores-sobre {
        left: 100px;
    }
}

@media (min-width: 1600px) {
    .marcadores-sobre {
        left: 65px;
    }
}

@media (min-width: 1700px) {
    .marcadores-sobre {
        left: 100px;
    }
}

@media (min-width: 1800px) {
    .marcadores-sobre {
        left: 150px;
    }
}

@media (min-width: 1900px) {
    .marcadores-sobre {
        left: 200px;
    }
}

@media (min-width: 2000px) {
    .marcadores-sobre {
        left: 250px;
    }
}

@media (min-width: 2100px) {
    .marcadores-sobre {
        left: 300px;
    }
}

@media (min-width: 2200px) {
    .marcadores-sobre {
        left: 350px;
    }
}

@media (min-width: 2300px) {
    .marcadores-sobre {
        left: 400px;
    }
}

@media (min-width: 2400px) {
    .marcadores-sobre {
        left: 450px;
    }
}

@media (min-width: 768px) {
    .btn-assistir-laranja, .btn-assistir-laranja:hover {
        padding: 15px 18px;
        font-size: 17px;
        margin-right: 10px;
        border-radius: 40px;
        border-style: none;
        -webkit-box-align: center;
        align-items: center;
        flex-direction: row;
        cursor: pointer;
        font-weight: bold;
    }
}

.btncinza, .btncinza:hover {
    background-color: rgb(49, 47, 48);
    border: none;
    padding: 10px 15px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 12px;
    margin: 0px 10px;
    display: flex;
    font-weight: 700;
    color: rgb(92, 147, 255);
    cursor: pointer;
    justify-content: space-around;
}

.btncinzaclaro, .btncinzaclaro:hover {
    background-color: #e0e0e0;
    border: none;
    padding: 10px 15px;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 12px;
    margin: 0px 10px;
    display: flex;
    font-weight: 700;
    color: #000;
    cursor: pointer;
    justify-content: space-around;
}

.menudireita {
    width: 0px;
    height: 100%;
    background: rgb(20, 20, 20);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
}

/*.numero-questao {
    margin-right: 10px;
    margin-left: -20px;
    max-width: 50px;
}*/

/*@media (min-width: 992px) {
    .numero-questao {
        margin-right: 10px;
        margin-left: -110px;
        max-width: 100px;
    }
}*/

.numero-questao {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #f57227;
    color: #424242;
    font-weight: bold;
    margin: 0 auto;
    font-size: 25px;
}

    .numero-questao.active {
        background-color: #f57227;
        border: 2px solid #f57227;
    }

    .numero-questao span {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 50px;
    }

.modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.modal-revisao {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.img-fixar-footer {
    display: none;
}

.text-success {
    color: #009500 !important;
}

.text-danger {
    color: #c30000 !important;
}

.modal-content-quiz {
    background-color: white;
    padding: 20px;
    border: 2px solid #f57227;
    border-radius: 10px;
    width: 85%;
    height: 70%;
    overflow-y: auto;
}

@media (min-width: 992px) {
    .modal-content-quiz {
        width: 50%;
        height: 60%;
    }
}

@media (min-width: 992px) {
    .height-fixar {
        height: 25px;
    }
}

@media (min-width: 1600px) {
    .height-fixar {
        margin-top: 60px;
    }
}

@media (min-width: 1900px) {
    .height-fixar {
        margin-top: 80px;
    }
}

@media (min-width: 2500px) {
    .height-fixar {
        margin-top: 100px;
    }
}

.modal-background-respostas {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.modal-certificado {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.modal-content-respostas {
    background-color: white;
    padding: 20px;
    border: 2px solid #f57227;
    border-radius: 10px;
    width: 85%;
    height: 70%;
    overflow-y: auto;
}

.modal-content-certificado {
    width: 65%;
    height: 80%;
    overflow-y: auto;
}

.download-btn {
    position: absolute;
    top: 70px;
    right: 10px;
}

.img-download {
    width: 35px;
    cursor: pointer;
}

@media (min-width: 576px) {
    .img-download {
        width: 50px;
    }
}

@media (min-width: 768px) {
    .download-btn {
        top: 80px;
        right: 40px;
    }
}

@media (min-width: 768px) {
    .download-btn {
        top: 50px;
        right: 40px;
    }
}

@media (min-width: 768px) {
    .download-btn {
        right: 80px;
    }
}

@media (min-width: 2000px) {
    .img-download {
        width: 80px;
    }

    .download-btn {
        top: 80px;
        right: 180px;
    }
}


/* width */
.modal-content-respostas::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-content-respostas::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.modal-content-respostas::-webkit-scrollbar-thumb {
    background: #f57227;
    border-radius: 10px;
}

    /* Handle on hover */
    .modal-content-respostas::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }

/* width */
.modal-content-quiz::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-content-quiz::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
.modal-content-quiz::-webkit-scrollbar-thumb {
    background: #f57227;
    border-radius: 10px;
}

    /* Handle on hover */
    .modal-content-quiz::-webkit-scrollbar-thumb:hover {
        background: #b30000;
    }


@media (min-width: 992px) {
    .modal-content-respostas {
        width: 60%;
        height: 80%;
    }
}

.div-respostas-quiz {
    border: 3px dashed #f57227;
    background-size: 100% 100%;
    background-position: center;
    justify-content: center;
    border-radius: 15px;
}


.nao-resp {
    font-size: 25px;
    font-weight: bold;
    color: #000;
}

@media (min-width: 992px) {
    .nao-resp {
        font-size: 35px;
    }
}

.btn-open-popup {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
}

.btn-close-popup {
    float: right;
    font-size: 20px;
    color: #f57227;
    font-weight: bold;
    opacity: 0;
}

#blanket {
    display: none;
    width: 100%;
    height: 100%;
    background: rgb(20, 20, 20, 0.5);
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
}

.numero-questao-container {
    background-image: url('https://static.cientikdemo.com/images/numeroquestaovazio2.png');
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 55px;
    min-height: 50px;
    margin-left: -50px;
    margin-right: 10px;
}

.numero-questao-container-perguntas {
    background-image: url('https://static.cientikdemo.com/images/numeroquestaovazio2.png');
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 55px;
    min-height: 50px;
    margin-left: -25px;
    margin-right: 10px;
}

.numero-questao-container-resultado {
    background-image: url('https://static.cientikdemo.com/images/numeroquestaovazio2.png');
    background-size: 100% 100%;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 55px;
    min-height: 50px;
    margin-left: -25px;
    margin-right: 10px;
}

.image-check {
    max-width: 50px;
    margin-left: auto;
    margin-right: -25px;
}

@media (min-width: 768px) {
    .numero-questao-container {
        margin-left: -7px;
    }

    .numero-questao-container-perguntas {
        margin-left: -7px;
    }

    /*.numero-questao-container-resultado {
        margin-left: -7px;
    }*/
}

@media (min-width: 992px) {
    .numero-questao-container {
        min-width: 80px;
        min-height: 80px;
    }

    .numero-questao-container-perguntas {
        min-width: 80px;
        min-height: 80px;
    }

    .numero-questao-container-resultado {
        min-width: 80px;
        min-height: 80px;
    }
}

.numero-questao-numero {
    font-size: 15px;
    color: #000;
    margin-right: 20px;
    font-weight: bold;
}

.numero-questao-numero-perguntas {
    font-size: 15px;
    color: #000;
    margin-right: 20px;
    font-weight: bold;
}

.numero-questao-numero-resultado {
    font-size: 15px;
    color: #000;
    margin-right: 20px;
    font-weight: bold;
}

/*.numero-questao-numero {
    position: absolute;
    top: 50%;
    right: 34px;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: bold;
    color: #000;
    z-index: 10;
}*/

@media (min-width: 992px) {
    .numero-questao-numero {
        font-size: 25px;
        margin-right: 25px;
    }

    .numero-questao-numero-perguntas {
        font-size: 25px;
        margin-right: 25px;
    }

    .numero-questao-numero-resultado {
        font-size: 25px;
        margin-right: 25px;
    }
}

.linha-laranja {
    width: 22vw;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    border-image: linear-gradient(to right, var(--primaryColor), rgba(20, 20, 20, 0.6)) 1 / 1 / 0 stretch;
    margin-left: 1%;
}

.progress {
    height: 0.3rem !important;
    background-color: gray;
}

.progress-bar {
    background-color: var(--primaryColor) !important;
}

#select-temporada {
    background-color: grey;
    color: #fff;
    width: 180px;
}

.owl-item {
    display: flex;
    justify-content: center;
}

/*.item-minicarrossel .cover {
    width: 100%;
    height: 100px;
    background-size: cover !important;
    background-position: center !important;
    max-width: 100%;
    height: 215px;
}*/
/*
.owl-stage{
    display: flex;
}*/

.owl-next, .owl-prev {
    height: 100%;
    display: flex;
    align-items: center;
    width: 40px;
    justify-content: center;
    margin-right: 0px;
    margin-left: 0px;
    /*background-color: rgba(0,0,0,0.7);*/
}

/* Estilos para os botões de navegação personalizados */
.carousel-nav-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #808080;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
    outline: none;
}

.carousel-nav-btn:hover {
    background-color: #800080;
}

.carousel-nav-icon {
    width: 20px;
    height: 20px;
    transition: all 0.3s ease;
}

.carousel-nav-prev .carousel-nav-icon {
    transform: rotate(180deg);
}

.carousel-nav-btn:hover .carousel-nav-icon {
    filter: brightness(1.2);
}

.carousel-nav-btn {
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.carousel-nav-btn:hover {
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);
    transform: scale(1.05);
}

.item-minicarrossel .text {
    display: none;
    background: #181818;
    color: #fff;
    width: 100%;
    height: fit-content;
    padding: 5px;
    box-sizing: border-box;
    font-size: 13px;
}

.owl-item:hover {
    z-index: 99999;
}

.mais-info-icone {
    border: 1px solid;
    border-radius: 15px;
}

.mais-info:hover {
    position: relative;
}

.mais-info[data]:hover:after {
    content: attr(data);
    padding: 4px 8px;
    position: absolute;
    right: 0;
    margin-top: -110%;
    white-space: nowrap;
    z-index: 2;
    border-radius: 5px;
    background: rgba(0,0,0,1);
    color: #fff;
}

.video-preview {
    object-fit: cover;
}

.item-minicarrossel {
    width: 100%;
    max-width: 190px;
}

/*@media (max-width: 600px) {
    .mini-carrossel .owl-item:not(.active) {
        width: auto !important;
    }
}*/
.itemcatemenu {
    cursor: pointer;
}

.nowrap {
    white-space: nowrap;
}

.nav-link {
    white-space: nowrap;
}

.card-episodio {
    cursor: pointer;
    color: #005aab;
}


/*NOTICIAS COPIA*/
section#home-noticias {
    width: 100%;
    display: block;
    padding: 40px 0px 30px 0px;
}

@media (min-width: 860px) {
    section#home-noticias {
        padding: 30px 0px 50px 0px;
    }
}

section#home-noticias .titulo {
    width: 100%;
    display: grid;
    margin: 0px 0px 25px 0px;
    grid-template-columns: 40% 60%;
    align-items: center;
}

@media (min-width: 860px) {
    section#home-noticias .titulo {
        grid-template-columns: 62% 38%;
    }
}

section#home-noticias .titulo .box {
    width: 100%;
    display: block;
}

    section#home-noticias .titulo .box h2 {
        font-family: "Lato-Bold", sans-serif;
        color: #212429;
        display: block;
        line-height: 1.1;
        position: relative;
        font-size: 20px;
        margin: 0px;
    }

@media (min-width: 860px) {
    section#home-noticias .titulo .box h2 {
        font-size: 25px;
    }
}

section#home-noticias .titulo .box .sing-3 {
    padding: 1px 27px 1px 12px !important;
    float: right;
    background-position: right 15px top 11px !important;
}

@media (min-width: 860px) {
    section#home-noticias .titulo .box .sing-3 {
        padding: 1px 40px 1px 25px !important;
    }
}

section#home-noticias .noticias-container {
    width: 100%;
    display: block;
}

@media (min-width: 860px) {
    section#home-noticias .noticias-container {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

section#home-noticias .noticias-container .column {
    width: 100%;
    display: block;
}

    section#home-noticias .noticias-container .column .destaque {
        width: 100%;
        display: block;
        position: relative;
        margin: 0px 0px 20px 0px;
    }

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .destaque {
        padding: 0px 20px 0px 0px;
        margin: 0px;
    }
}

section#home-noticias .noticias-container .column .destaque figure {
    width: 100%;
    display: block;
    position: relative;
    overflow: hidden;
}

    section#home-noticias .noticias-container .column .destaque figure img {
        width: 100%;
        max-width: 100%;
        display: block;
        height: 260px;
        object-fit: cover !important;
        -webkit-transition: all 250ms ease-in-out;
        -o-transition: all 250ms ease-in-out;
        transition: all 250ms ease-in-out;
    }

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .destaque figure img {
        height: 290px;
    }
}

section#home-noticias .noticias-container .column .destaque .categorias {
    position: absolute;
    top: 20px;
    left: 20px;
}

    section#home-noticias .noticias-container .column .destaque .categorias ul {
        padding: 0;
    }

        section#home-noticias .noticias-container .column .destaque .categorias ul li {
            display: inline-block;
            margin: 0px 6px 0px 0px;
        }

            section#home-noticias .noticias-container .column .destaque .categorias ul li a {
                font-family: "Lato-Regular", sans-serif;
                display: block;
                text-transform: uppercase;
                font-size: 10px;
                padding: 2px 11px;
                color: #3c3a19;
                background: #b6cbd8;
            }

                section#home-noticias .noticias-container .column .destaque .categorias ul li a.evangelizar {
                    background: #bccf21;
                    color: #3c3a19;
                }

                section#home-noticias .noticias-container .column .destaque .categorias ul li a.despertar {
                    background: #efd615;
                    color: #fff;
                }

                section#home-noticias .noticias-container .column .destaque .categorias ul li a.inspirar {
                    background: #b574af;
                    color: #fff;
                }

            section#home-noticias .noticias-container .column .destaque .categorias ul li.nome {
                display: inline-block;
            }

                section#home-noticias .noticias-container .column .destaque .categorias ul li.nome a {
                    padding: 2px 11px;
                    background: rgba(29, 29, 27, 0.8);
                    color: #fff;
                    font-family: "Lato-Regular", sans-serif;
                    font-size: 11px;
                    display: block;
                }

section#home-noticias .noticias-container .column .destaque .conteudo {
    width: 100%;
    display: block;
}

    section#home-noticias .noticias-container .column .destaque .conteudo.evangelizar {
        background: #bccf21;
    }

        section#home-noticias .noticias-container .column .destaque .conteudo.evangelizar h3 {
            color: #3c3a19;
        }

        section#home-noticias .noticias-container .column .destaque .conteudo.evangelizar p {
            color: #3c3a19;
        }

    section#home-noticias .noticias-container .column .destaque .conteudo.despertar {
        background: #efd615;
    }

        section#home-noticias .noticias-container .column .destaque .conteudo.despertar h3 {
            color: #3c3a19;
        }

        section#home-noticias .noticias-container .column .destaque .conteudo.despertar p {
            color: #3c3a19;
        }

    section#home-noticias .noticias-container .column .destaque .conteudo.inspirar {
        background: #b574af;
    }

        section#home-noticias .noticias-container .column .destaque .conteudo.inspirar h3 {
            color: #fff;
        }

        section#home-noticias .noticias-container .column .destaque .conteudo.inspirar p {
            color: #fff;
        }

    section#home-noticias .noticias-container .column .destaque .conteudo a {
        display: block;
        padding: 30px 25px;
    }

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .destaque .conteudo a {
        padding: 40px 35px;
    }
}

.img-thumb {
    border: 2px solid var(--primaryColor);
    border-radius: 10px;
}

.responsive-svg {
    width: 80%;
}

@media (max-width: 992px) {
    .responsive-svg {
        width: 100%;
    }
}

#div1quiz {
    display: block;
}

#div2quiz {
    display: none;
}

section#home-noticias .noticias-container .column .destaque .conteudo a h3 {
    font-family: "Lato-Bold", sans-serif;
    display: block;
    line-height: 1.3;
    position: relative;
    font-size: 22px;
    margin: 0px 0px 9px 0px;
    min-height: 84px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .destaque .conteudo a h3 {
        font-size: 23px;
    }
}

section#home-noticias .noticias-container .column .destaque .conteudo a p {
    font-family: "Lato-Regular", sans-serif;
    display: block;
    line-height: 1.3;
    position: relative;
    font-size: 16px;
    margin: 0px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

section#home-noticias .noticias-container .column .destaque:hover.evangelizar h3 {
    color: #3c3a19;
}

section#home-noticias .noticias-container .column .destaque:hover.evangelizar p {
    color: #3c3a19;
}

section#home-noticias .noticias-container .column .destaque:hover.despertar h3 {
    color: #3c3a19;
}

section#home-noticias .noticias-container .column .destaque:hover.despertar p {
    color: #3c3a19;
}

section#home-noticias .noticias-container .column .destaque:hover.inspirar h3 {
    color: #fff;
}

section#home-noticias .noticias-container .column .destaque:hover.inspirar p {
    color: #fff;
}

section#home-noticias .noticias-container .column .destaque:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

section#home-noticias .noticias-container .column .listagem {
    width: 100%;
    display: block;
    position: relative;
}

    section#home-noticias .noticias-container .column .listagem .box-listagem {
        width: 100%;
        display: block;
        margin: 0px 0px 20px 0px;
        display: grid;
        grid-template-columns: 35% 65%;
        align-items: center;
    }

        section#home-noticias .noticias-container .column .listagem .box-listagem figure {
            width: 100%;
            display: block;
            position: relative;
            overflow: hidden;
        }

            section#home-noticias .noticias-container .column .listagem .box-listagem figure img {
                width: 100%;
                display: block;
                height: 120px;
                object-fit: cover;
                -webkit-transition: all 250ms ease-in-out;
                -o-transition: all 250ms ease-in-out;
                transition: all 250ms ease-in-out;
            }

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .listagem .box-listagem figure img {
        height: 155px;
    }
}

section#home-noticias .noticias-container .column .listagem .box-listagem .categorias {
    padding: 0;
}

    section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li {
        display: inline-block;
        margin: 0px 5px 0px 0px;
        color: #fff;
    }

        section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li a {
            padding: 1px 11px;
            color: #3c3a19;
            background: #b6cbd8;
            text-transform: uppercase;
            display: block;
            font-size: 9px;
            font-family: "Lato-Regular", sans-serif;
        }

        section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.evangelizar {
            color: #2d2d2d !important;
        }

            section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.evangelizar a {
                padding: 1px 11px;
                background: #bccf21 !important;
                color: #3c3a19 !important;
                text-transform: uppercase;
                display: block;
                font-size: 9px;
                font-family: "Lato-Regular", sans-serif;
            }

        section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.despertar {
            color: #2d2d2d !important;
        }

            section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.despertar a {
                padding: 1px 11px;
                background: #efd615 !important;
                color: #3c3a19 !important;
                text-transform: uppercase;
                display: block;
                font-size: 9px;
                font-family: "Lato-Regular", sans-serif;
            }

        section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.inspirar {
            color: #2d2d2d !important;
        }

            section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.inspirar a {
                padding: 1px 11px;
                background: #b574af !important;
                color: #fff !important;
                text-transform: uppercase;
                display: block;
                font-size: 9px;
                font-family: "Lato-Regular", sans-serif;
            }

        section#home-noticias .noticias-container .column .listagem .box-listagem .categorias li.nome a {
            color: #393939 !important;
            font-size: 11px !important;
            background: transparent;
            border: 0px;
            padding: 0px;
            text-transform: none !important;
        }

section#home-noticias .noticias-container .column .listagem .box-listagem .conteudo {
    position: relative;
    width: 100%;
    display: block;
    padding: 0px 0px 0px 15px;
}

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .listagem .box-listagem .conteudo {
        padding: 0px 20px;
    }
}

section#home-noticias .noticias-container .column .listagem .box-listagem .conteudo h3 {
    color: #393939;
    font-family: "Lato-Bold", sans-serif;
    display: block;
    line-height: 1.2;
    position: relative;
    font-size: 16px;
    margin: 10px 0px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .listagem .box-listagem .conteudo h3 {
        font-size: 19px;
    }
}

section#home-noticias .noticias-container .column .listagem .box-listagem .conteudo p {
    color: #b6b9c9 !important;
    font-family: "Lato-Regular", sans-serif;
    display: none;
    line-height: 1.3;
    position: relative;
    font-size: 15px;
    margin: 0px;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

@media (min-width: 860px) {
    section#home-noticias .noticias-container .column .listagem .box-listagem .conteudo p {
        display: block;
    }
}

section#home-noticias .noticias-container .column .listagem .box-listagem:hover h3 {
    color: #2c72dc;
}

    section#home-noticias .noticias-container .column .listagem .box-listagem:hover h3.evangelizar {
        color: #bccf21 !important;
    }

    section#home-noticias .noticias-container .column .listagem .box-listagem:hover h3.despertar {
        color: #efd615 !important;
    }

    section#home-noticias .noticias-container .column .listagem .box-listagem:hover h3.inspirar {
        color: #b574af !important;
    }

section#home-noticias .noticias-container .column .listagem .box-listagem:hover p {
    color: #444;
}

section#home-noticias .noticias-container .column .listagem .box-listagem:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.sing-3 {
    padding: 4px 40px 4px 25px !important;
    font-size: 16px !important;
    display: inline-block !important;
    background: url(https://static.cientikdemo.com/imagens/arrow-sing.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 14px !important;
    background-size: 8px !important;
    margin: 0 !important;
    color: #2c72dc !important;
    border: 1px solid #2c72dc;
    font-family: "Lato-Regular", sans-serif;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

    .sing-3:hover {
        padding: 4px 40px 4px 25px !important;
        font-size: 16px !important;
        display: inline-block !important;
        background: #2c72dc url(https://static.cientikdemo.com/imagens/arrow-sing.svg) !important;
        background-repeat: no-repeat !important;
        background-position: right 15px top 14px !important;
        background-size: 8px !important;
        margin: 0 !important;
        color: #fff !important;
        border: 1px solid #2c72dc;
        text-decoration: none;
    }


section#newslatter {
    width: 100%;
    display: block;
    background: #1d1d1b url(https://static.cientikdemo.com/imagens/barracores.png);
    padding: 90px 0px 60px 0px;
    background-repeat: no-repeat !important;
    background-position: top -1px center !important;
    background-size: contain;
}

@media (min-width: 860px) {
    section#newslatter {
        background-size: 700px !important;
        padding: 130px 0px 60px 0px;
    }
}

section#newslatter .newslatter-container {
    width: 100%;
    display: block;
}

@media (min-width: 860px) {
    section#newslatter .newslatter-container {
        display: grid;
        grid-template-columns: 50% 50%;
        padding: 0px 6%;
    }
}

section#newslatter .newslatter-container h4 {
    font-family: "Lato-Bold", sans-serif;
    text-transform: uppercase;
    display: block;
    line-height: 1.3;
    position: relative;
    font-size: 17px;
    color: #fff;
    margin: -40px 0px 30px 0px;
}

@media (min-width: 860px) {
    section#newslatter .newslatter-container h4 {
        margin: 0px 0px 30px 0px;
    }
}

section#newslatter .newslatter-container h3 {
    font-family: "Lato-Black", sans-serif;
    color: #fff;
    display: block;
    line-height: 1.1;
    position: relative;
    font-size: 45px;
    margin: 0px 0px 15px 0px;
}

@media (min-width: 860px) {
    section#newslatter .newslatter-container h3 {
        font-size: 35px;
    }
}

section#newslatter .newslatter-container p {
    font-family: "Lato-Regular", sans-serif;
    color: #fff;
    display: block;
    line-height: 1.6;
    position: relative;
    font-size: 17px;
    margin: 0px 0px 25px 0px;
}

@media (min-width: 860px) {
    section#newslatter .newslatter-container p {
        font-size: 15px;
        margin: 0px;
    }
}

section#newslatter .newslatter-container .form {
    width: 100%;
    display: block;
}

    section#newslatter .newslatter-container .form .group {
        width: 100%;
        display: table;
        margin: 0px 0px 15px 0px;
        position: relative;
    }

        section#newslatter .newslatter-container .form .group .form-control {
            height: 46px;
            border-radius: 0px;
        }

        section#newslatter .newslatter-container .form .group .sing-4 {
            font-size: 16px;
            float: right;
        }

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;
}

section#newslatter .newslatter-container .form .group .sing-4 {
    font-size: 16px;
    float: right;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.sing-4 {
    padding: 6px 35px 6px 17px;
    text-align: center;
    min-width: 115px;
    display: inline-block;
    border: 1px solid #2C72DC;
    color: #fff;
    background: #2C72DC url(https://static.cientikdemo.com/imagens/arrow-sing.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 11.5px !important;
    font-size: 15px;
    border-radius: 3px;
    text-decoration: none !important;
    font-family: "Lato-Regular",sans-serif;
    margin: 0;
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}

section#newslatter .newslatter-container .form .group .sing-4 {
    font-size: 16px;
    float: right;
}

.sing-4:hover {
    padding: 6px 35px 6px 17px;
    text-align: center;
    min-width: 115px;
    display: inline-block;
    border: 1px solid #03a9f4;
    color: #fff;
    background: #03a9f4 url(https://static.cientikdemo.com/imagens/arrow-sing.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 15px top 11.5px !important;
}
/*FIM NOTICIAS COPIA*/

.dados-banner {
    align-items: end;
}

.titulo-banner {
    font-size: 2em;
    padding-bottom: 15px;
}

.btn-assistir, .btn-assistir:hover {
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    padding: 4px 20px;
    font-size: 12px;
    margin-bottom: 5px;
}

.esqueci-senha, .esqueci-senha:hover {
    font-weight: bold;
    color: rgb(255, 255, 255);
}

.btn-maisinfo, .btn-maisinfo:hover {
    border: none;
    text-decoration: none;
    padding: 4px 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fundodescricaobannermobile {
    border-radius: 10px;
    padding: 25px;
}

.sombreamento {
    text-shadow: 1px 1px #000;
}

@media (max-width: 991px) {
    .barralinks {
        display: none !important;
    }
}


.descricao-banner {
    font-size: 10px;
    color: rgb(244, 244, 244);
    padding-top: 23px;
    line-height: 1.5;
    font-family: Montserrat, sans-serif;
    font-size: 1em;
}

.menu-dropdown {
    position: absolute;
    top: 75px;
    left: 240px;
    z-index: 999999;
    display: none;
    list-style-type: none;
    padding: 0px 70px 5px 9px;
    background-color: rgb(20, 20, 20);
}

@media (min-width:1199px) {
    .menu-dropdown {
        left: 325px;
    }
}

#dropdown-anos {
    left: 0px;
    min-width: 250px;
}


@media (min-width:1199px) {
    #dropdown-anos {
        left: 60px;
    }
}

/*@media (min-width: 900px) {
    .dados-banner {
        align-items: center;
    }
}*/
@media (min-width:1200px) {
    .btn-assistir, .btn-assistir:hover {
        border: 1px solid #fff;
        color: #fff;
        text-decoration: none;
        padding: 4px 40px;
        font-size: 16px;
    }

    .btn-maisinfo, .btn-maisinfo:hover {
        text-decoration: none;
        padding: 4px 40px;
        font-size: 16px;
    }
}

.navbarmobile {
    padding: 2px 20px;
}

.pesquisamobile {
    z-index: 999999;
    position: absolute;
    color: #fff;
    width: min-content;
    right: 0;
    display: none
}

@media (min-width: 900px) {
    .pesquisamobile {
        display: none !important;
    }
}

.logoheadermobile {
    width: 90px;
}

@media (min-width: 320px) {
    .logoheadermobile {
        width: 110px;
    }
}

@media (min-width: 355px) {
    .logoheadermobile {
        width: 150px;
    }
}

.item-rodape {
    font-size: 12.5px;
    padding-right: 21px;
}

.titulo-assista {
    font-family: "Lato-Black", sans-serif;
    font-size: 45px;
    font-weight: 400;
    color: #ffffff
}

.descricao-assista {
    font-family: "Lato-Regular", sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff
}

.banners-carrossel .owl-item.active {
    display: block;
}

.assita-banner-principal {
    font-size: 28px;
    color: #fff;
}

@media (min-width: 1400px) {
    .assita-banner-principal {
        font-size: 40px;
    }
}

.aclean, .aclean:hover {
    text-decoration: none;
    color: #fff;
}

#bitmovin-player-full, #divplayerbitmovinfull iframe {
    min-height: 95vh;
    background-color: #000;
    z-index: 9999;
}

#divplayerbitmovinfull {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#bitmovin-player-full {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#mdstrm-player-full, #divplayerfull iframe {
    width: 100%;
    min-height: 95vh;
    background-color: #000;
    z-index: 9999;
}

@media (orientation:portrait) {
    #bitmovin-player-full {
        width: 100%;
    }
}

@media (orientation:landscape) {
    #bitmovin-player-full {
        width: 85%;
    }
}

@media (min-width: 768px) {
    #mdstrm-player-full, #divplayerfull iframe {
        min-height: 99vh;
    }

    #bitmovin-player-full, #divplayerbitmovinfull iframe {
        min-height: 99vh;
    }
}

#backplayer {
    width: 25px;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.table-flush > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.table-flush tr:nth-child(even) {
    background-color: #e7e7e7;
}

.nome-areauser {
    background-color: #d9d9d9;
    color: #000;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 40px;
}

.nome-areauserquiz {
    background-color: #d9d9d9;
    color: #000;
    font-weight: bold;
    border-radius: 25px;
    padding: 10px 60px;
    box-shadow: inset 0 -4px 2px rgba(0, 0, 0, 0.5);
}

.btn-quiz, .btn-quiz:hover {
    background-color: #e3e3e3;
    color: #424342;
    font-weight: bold;
    border-radius: 25px;
    padding: 12px 30px;
    font-size: 25px;
    text-align: center;
    box-shadow: inset 0 -4px 2px rgba(0, 0, 0, 0.5);
}

.btn-quiz2, .btn-quiz2:hover {
    background-color: #e3e3e3;
    color: #424342;
    font-weight: bold;
    border-radius: 30px 0px 0px 30px;
    font-size: 16px;
    text-align: center;
    box-shadow: inset 0 -4px 2px rgba(0, 0, 0, 0.5);
    padding: 15px;
    width: 150px;
}

.btn-quiz3, .btn-quiz3:hover {
    background-color: #e3e3e3;
    color: #424342;
    font-weight: bold;
    border-radius: 0px 30px 30px 0px;
    font-size: 16px;
    text-align: center;
    box-shadow: inset 0 -4px 2px rgba(0, 0, 0, 0.5);
    padding: 15px;
    width: 150px;
}

.btn-certficado-indisponivel {
    background-color: #5b5b5b;
    color: #424342;
    font-weight: bold;
    border-radius: 0px 30px 30px 0px;
    font-size: 16px;
    text-align: center;
    box-shadow: inset 0 -4px 2px rgba(0, 0, 0, 0.5);
    padding: 15px;
    width: 150px;
}

.img-barravertical {
    margin-right: 15px;
    margin-left: 15px;
    max-height: 80%;
}

.btnpreto-quiz {
    background-color: #363636;
    color: var(--primaryColor);
    font-weight: bold;
    border-radius: 25px;
    padding: 5px 30px;
    display: inline-block;
    text-align: center;
    max-width: 75%;
    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.5);
}

/*.btn-enviarquiz, .btn-enviarquiz:hover {
    background-color: #363636;
    color: var(--primaryColor);
    font-weight: bold;
    border-radius: 25px;
    padding: 5px 60px;
    display: inline-block;
    text-align: center;
    max-width: 75%;
    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.5);
    font-size: 20px;
}*/

.btn-enviarquiz, .btn-enviarquiz:hover {
    margin-right: 50px;
    background-color: #363636;
    color: #fff;
    font-weight: bold;
    box-shadow: inset 0 -5px 10px rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
}

@media (max-width: 768px) {
    .btn-enviarquiz, .btn-enviarquiz:hover {
        padding: 25px;
    }
}

@media (max-width: 767px) {
    .btn-enviarquiz, .btn-enviarquiz:hover {
        max-width: 30px;
        max-height: 30px;
    }
}

@media (min-width: 768px) {
    .btn-enviarquiz, .btn-enviarquiz:hover {
        width: 80px;
        height: 80px;
        font-size: 20px;
    }
}

@media (min-width: 576px) {
    .btn-enviarquiz, .btn-enviarquiz:hover {
        margin-right: 100px;
    }
}

@media (min-width: 992px) {
    .btn-enviarquiz, .btn-enviarquiz:hover {
        margin-right: 150px;
        width: 80px;
        height: 80px;
    }
}

@media (min-width: 1280px) {
    .btn-enviarquiz, .btn-enviarquiz:hover {
        min-width: 80px;
        margin-right: 250px;
    }
}

@media (min-width: 1200px) {
    .btn-quiz, .btn-quiz:hover {
        padding: 12px 90px;
    }
}

.cliqueaqui-quiz, .cliqueaqui-quiz:hover {
    color: var(--primaryColor);
    cursor: pointer;
}

.options-quiz {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .options-quiz label {
        display: flex;
        align-items: center;
        margin: 10px 0;
    }

    .options-quiz input[type="radio"] {
        appearance: none;
        background-color: #939393;
        margin-right: 10px;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        cursor: pointer;
        position: relative;
        flex-shrink: 0;
    }

        .options-quiz input[type="radio"]:checked {
            background-color: var(--primaryColor);
        }

.numeros-opcoes {
    font-weight: bold;
    margin-right: 5px;
    font-size: 14px;
}

.texto-opcoes {
    font-size: 14px;
}

.titulo-pergunta {
    font-size: 14px;
    font-weight: bold;
    /*color: #58595b;*/
    color: #000;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .titulo-pergunta {
        font-size: 18px;
    }
}

@media (min-width: 992px) {
    .titulo-pergunta {
        font-size: 23px;
    }
}

.titulo-pergunta-resp {
    font-size: 12px;
    font-weight: bold;
    color: #000;
    line-height: 1.3;
}

@media (min-width: 768px) {
    .titulo-pergunta-resp {
        font-size: 16px;
    }
}

@media (min-width: 992px) {
    .titulo-pergunta-resp {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .ordem-texto-quiz {
        order: -1;
    }
}

.respostas-quiz {
    font-size: 13px;
    font-weight: bold;
}

@media (min-width: 768px) {
    .respostas-quiz {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .respostas-quiz {
        font-size: 18px;
    }
}

.img-balao {
    max-width: 300px;
}

@media (min-width: 500px) {
    .img-balao {
        max-width: 400px;
    }
}

.img-user {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
}

.marcador-laranja::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--primaryColor);
    margin-right: 8px;
}

.primaryColor {
    color: var(--primaryColor);
}

.btn-areauser {
    background-color: #85868a;
    border-radius: 30px;
    min-width: 250px;
    text-align: center;
    box-shadow: inset 0 -3px 2px rgba(0, 0, 0, 0.5);
    padding-top: 3px;
    padding-bottom: 3px;
    color: #fff;
    font-weight: bold;
}

    .btn-areauser:hover {
        background-color: #f05c22;
        color: #fff;
        cursor: pointer;
    }

.back-areauser {
    background: url(https://static.cientikdemo.com/images/marcador-completo2.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 50px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.back-textoquiz {
    background: url(https://static.cientikdemo.com/images/marcadorestextoquiz.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 1280px) {
    .padding-area-user {
        padding-left: 35%;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #mdstrm-player-full, #divplayerfull iframe {
        min-height: 90vh !important;
    }

    #bitmovin-player-full, #divplayerbitmovinfull iframe {
        min-height: 90vh !important;
    }

    #backplayer {
        top: 60px;
    }
}

#cardflutuante {
    position: absolute;
    z-index: 99;
}

    #cardflutuante .text {
        display: none;
        background: #181818;
        color: #fff;
        width: 100%;
        padding: 5px;
        box-sizing: border-box;
        font-size: 10px;
        height: fit-content;
        line-height: 1;
    }

#assitir-cardflutuante {
    width: 70px;
    font-size: 10px;
    height: 22px;
}

/*.divbotoes-cardflutuante {
    display: block;
}*/

.divbotoes-cardflutuante {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 5px;
}

#id-show-modal-cardflutuante {
    width: 20px;
    margin-top: 1px;
}

#inidicacao-cardflutuante {
    width: 20px;
}

#divbotoes-cardflutuante2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

#btntooglefavorito-cardflutuante {
    margin-top: -1px;
    border: none;
    background-color: #141414;
}

.owl-prev, .owl-next {
    font-size: 20px;
}

@media (min-width: 400px) {
    #cardflutuante .text {
        font-size: 12px;
    }

    #assitir-cardflutuante {
        width: 120px;
        font-size: 12px;
        height: 20px;
    }

    .divbotoes-cardflutuante {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 0px;
    }

    #divbotoes-cardflutuante2 {
        margin-top: 0px;
    }

    #btntooglefavorito-cardflutuante {
        margin-top: -2px;
    }
}

@media (min-width: 768px) {
    #cardflutuante .text {
        font-size: 13px;
    }

    #assitir-cardflutuante {
        width: 150px;
        font-size: 13px;
        height: 25px;
    }
}

@media (min-width: 860px) {
    #cardflutuante .text {
        font-size: 14px;
    }

    #id-show-modal-cardflutuante {
        width: 25px;
        margin-top: 1px;
    }

    #inidicacao-cardflutuante {
        width: 25px;
    }

    #assitir-cardflutuante {
        width: 150px;
        font-size: 14px;
        height: 25px;
    }
}

.titulo-menu {
    font-family: "Lato-Bold";
    font-size: 20px;
}

.txt-banco {
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 1.235;
    color: rgba(0, 0, 0, 0.87);
}

@media (max-width: 575px) {
    .navbar-header {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

section#nav-footer {
    width: 100%;
    display: block;
    background: #1D1D1B;
    padding: 20px 0px;
}

@media (max-width: 860px) {
    section#nav-footer {
        padding: 0px !important;
    }
}

section#nav-footer .wrap {
    box-sizing: border-box;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

@media (min-width: 860px) {
    section#nav-footer .wrap {
        box-sizing: border-box;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
}

.nav-footer-container {
    width: 100%;
    display: block;
}

    .nav-footer-container ul {
        padding: 0px;
        margin: 0px;
        text-align: left;
    }

@media (max-width: 860px) {
    .nav-footer-container ul {
        text-align: center;
    }
}

.nav-footer-container ul li {
    display: inline-block;
    padding: 0px 18px 0px 0px;
}

@media (max-width: 860px) {
    .nav-footer-container ul li {
        padding: 0px 10px;
    }
}

.nav-footer-container ul li a {
    color: #d9d9dd;
    font-family: 'Lato', sans-serif;
    font-size: 12.5px;
    transition: all 160ms ease-in-out;
    text-decoration: none;
}

    .nav-footer-container ul li a.logox {
        background: url(https://static.cientikdemo.com/imagens/iconeassociacaosemtexto.png);
        background-repeat: no-repeat !important;
        background-size: 32px;
        background-position: left top 5px;
        display: block;
        padding: 8px 0px 2px 45px;
    }

    .nav-footer-container ul li a:hover {
        color: #3D9835;
    }

.nav-footer-container ul li img {
    display: inline-block;
    margin: 0px 9px 3px 0px;
}

.nav-footer-container ul li span {
    border-right: 1px solid #d9d9dd;
    padding: 0px 18px 0px 0px;
}

@media (min-width: 860px) {
    .reserved {
        float: right !important;
        padding: 0px !important;
    }
}

.reserved span {
    color: #5B5E6D;
    font-size: 10px;
    border: 0px !important;
    padding: 0px 0px 0px 20px !important;
}

.text-dots {
    overflow: hidden;
    text-overflow: ellipsis;
}

.invalid-feedback {
    display: block !important;
}

.validation {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.tirabugfront {
    margin-left: -17px;
}

#modal-editcadastro {
    z-index: 9999999;
}

.chat {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    display: flex;
    border-radius: 10px;
}

.input-chat {
    border: 2px solid #404040;
    border-radius: 10px;
}

    .input-chat:focus {
        outline: 0;
        box-shadow: none;
    }

    .input-chat::placeholder {
        color: #fff;
    }

.divMessageList {
    border: 8px solid #cdcdcb;
    height: 83%;
    display: inline-table;
    background-color: #fff;
}

.backchat {
    background-color: #cdcdcb;
    border-radius: 10px;
    padding-bottom: 2px;
}

@media (min-width: 768px) {
    .chat {
        /*width: 400px;*/
        height: 99%;
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    .divMessageList {
        height: 87%;
    }

    .chat {
        min-height: auto;
    }
}


.mensagemChat {
    width: 100%;
    padding: 3px;
    align-items: center;
}

#messagesList {
    overflow-y: scroll;
    height: 100%;
    display: block;
}

    #messagesList::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    }

    #messagesList::-webkit-scrollbar {
        width: 6px;
        background-color: #F5F5F5;
    }

    #messagesList::-webkit-scrollbar-thumb {
        background-color: #000000;
    }

.fotochat {
    max-width: 28px;
    max-height: 28px;
    border-radius: 20px;
    border: 2px solid;
}

@media (min-width: 992px) {
    .fotochat {
        max-width: 40px;
        max-height: 40px;
    }
}

#emotions {
    display: none;
    position: absolute;
    top: -200px;
    background: #fff;
    height: 200px;
    width: 100%;
    right: 0px;
    overflow-x: hidden;
    overflow-y: scroll;
    border: 1px solid;
}

    #emotions::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255,0,0,0.3);
        background-color: #F5F5F5;
    }

    #emotions::-webkit-scrollbar {
        width: 3px;
        background-color: #F5F5F5;
    }

    #emotions::-webkit-scrollbar-thumb {
        background-color: #FF0000;
    }

.btnchat {
    max-width: 25px
}

@media (min-width: 992px) {
    .btnchat {
        max-width: 40px
    }
}

@media (min-width: 1200px) {
    .btnchat {
        max-width: 50px
    }
}

.catemoticon {
    display: block;
    margin-left: 10px;
    margin-top: 15px;
}

.emotionsgroup {
    grid-template-columns: repeat(6,1fr);
    grid-row-gap: 1px;
    grid-column-gap: 3px;
    display: grid !important;
}

.iconesmile {
    display: flex;
}

input:-webkit-autofill {
    box-shadow: black 0px 0px 0px 30px inset;
    -webkit-text-fill-color: white !important;
}
/*
@media (min-width: 1200px) {
    .container {
        max-width: 90%;
    }
}
*/

#carrosseis {
    padding-left: 20px;
    padding-right: 20px;
    margin: 20px;
}

@media (min-width: 901px) {
    #carrosseis {
        padding-left: 120px;
        padding-right: 120px;
    }
}

.campopesquisamobile {
    height: 25px;
    background-color: rgb(49, 47, 48);
    border: none;
    border-radius: 12px;
    color: rgb(255, 255, 255);
    max-width: 115px;
}

.logologin {
    width: 150px;
}

@media (min-width: 768px) {
    .logologin {
        width: 210px;
    }
}

.classecarrossel {
    font-size: 1.17em;
}

.classecarrossel2 {
    font-size: 2.17em;
}

main {
    min-height: calc(100vh - 250px);
}

.owl-nav .owl-prev.disabled,
.owl-nav .owl-next.disabled {
    display: none !important;
}

.owl-stage {
    padding-right: 0px !important;
}

.listagem-pesquisa {
    padding-top: 150px;
}

@media (min-width: 992px) {
    .listagem-pesquisa {
        padding-top: 50px;
    }
}

.bmpui-seekbar-playbackposition {
    background-color: rgba(241, 92, 34, 1) !important;
}

.bmpui-seekbar-playbackposition-marker {
    background-color: rgba(241, 92, 34, 0.5) !important;
    border: rgba(241, 92, 34, 1) !important;
}

.bmpui-ui-watermark {
    display: none !important;
}

.bmpui-ui-selectbox {
    color: rgba(241, 92, 34, 1) !important;
}

.bmpui-ui-settingstogglebutton {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' style='enable-background:new 0 0 32 32' xml:space='preserve'%3E%3Cpath d='m25.6 13.8-1.4-.3c-.2-.5-.4-1-.6-1.4l.9-1.3c.4-.5.3-1.3-.1-1.7L23 7.7c-.3-.3-.6-.4-1-.4-.3 0-.6.1-.8.3l-1.2.9c-.5-.3-1-.5-1.5-.6l-.3-1.4c0-.6-.6-1.1-1.3-1.1H15c-.7 0-1.2.5-1.3 1.1L13.5 8c-.5.2-1 .4-1.4.6l-1.3-.9c-.2-.2-.5-.3-.8-.3-.4 0-.7.1-1 .4L7.8 9.1c-.5.5-.5 1.2-.1 1.7l.9 1.3c-.3.5-.5 1-.6 1.4l-1.4.3c-.7 0-1.2.6-1.2 1.3V17c0 .7.5 1.2 1.1 1.3l1.5.2c.2.5.4 1 .6 1.4l-.9 1.3c-.4.5-.3 1.3.1 1.7l1.4 1.4c.3.3.6.4 1 .4.3 0 .6-.1.8-.3l1.3-.9c.5.2 1 .4 1.4.6l.3 1.4c.1.7.7 1.1 1.3 1.1H17c.7 0 1.2-.5 1.3-1.1l.3-1.4c.5-.2 1-.4 1.4-.6l1.3.9c.2.2.5.3.8.3.4 0 .7-.1 1-.4l1.4-1.4c.5-.5.5-1.2.1-1.7L23.5 20c.3-.5.5-1 .6-1.4l1.4-.3c.7-.1 1.1-.7 1.1-1.3v-2c0-.5-.5-1.1-1-1.2zm-1 3.1c0 .1 0 .1 0 0l-1.8.4c-.2 0-.4.2-.4.4-.2.6-.4 1.2-.7 1.6-.1.2-.1.4 0 .6l1 1.4v.1l-1.2 1.2h-.2l-1.4-1c-.2-.1-.4-.1-.6 0-.5.3-1.1.6-1.6.7-.2.1-.4.2-.4.4l-.3 1.8c0 .1-.1.1-.1.1h-1.7c-.1 0-.1 0-.1-.1l-.3-1.7c0-.2-.2-.4-.4-.4-.6-.2-1.2-.4-1.6-.7-.1 0-.2-.1-.3-.1-.1 0-.2 0-.3.1l-1.4 1h-.2l-1.2-1.2v-.1l1-1.4c.1-.2.1-.4 0-.6-.4-.4-.7-1-.8-1.6-.1-.2-.2-.4-.4-.4L7.5 17c-.1 0-.1-.1-.1-.1v-1.7c0-.1 0-.1.1-.1l1.7-.2c.2 0 .4-.2.5-.4.2-.6.4-1.2.7-1.6.1-.2.1-.4 0-.6l-1-1.4v-.1l1.2-1.2h.2l1.4 1c.2.1.4.1.6 0 .5-.3 1.1-.6 1.6-.7.2-.1.4-.2.4-.4l.2-2c0-.1.1-.1.1-.1h1.7c.1 0 .1 0 .1.1l.2 1.7c0 .2.2.4.4.5.6.2 1.2.4 1.7.7.2.1.4.1.6 0l1.4-1h.2l1.2 1.2v.1l-1 1.4c-.1.2-.1.4 0 .6.3.5.6 1.1.7 1.6.1.2.2.4.4.4l1.6.3c.1 0 .1.1.1.1v1.8h.2zM16 11.5c-2.5 0-4.5 2-4.5 4.5s2 4.5 4.5 4.5 4.5-2 4.5-4.5-2-4.5-4.5-4.5zm0 7.3c-1.5 0-2.8-1.3-2.8-2.8s1.3-2.8 2.8-2.8 2.8 1.3 2.8 2.8-1.3 2.8-2.8 2.8z' style='fill:%23fff'/%3E%3C/svg%3E") !important;
    color: aquamarine;
}

.tooltiptext {
    visibility: hidden;
    background-color: rgba(49, 47, 48,0.7);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 33px;
    left: 0px;
    font-size: 12px;
    padding: 5px;
}

.tooltipdiv:hover .tooltiptext {
    visibility: visible;
}

.linktabela {
    width: 100%;
    height: 100%;
    display: block;
}

.MuiFab-sizeSmall {
    width: 40px;
    height: 40px;
}

.MuiTouchRipple-root {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    overflow: hidden;
    position: absolute;
    border-radius: inherit;
    pointer-events: none;
}

.MuiSvgIcon-root {
    fill: #fff;
    width: 1em;
    height: 1em;
    display: inline-block;
    font-size: 1.5rem;
    transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    flex-shrink: 0;
    user-select: none;
}

.MuiFab-label {
    width: 100%;
    display: inherit;
    align-items: inherit;
    justify-content: inherit;
}

.MuiButtonBase-root {
    color: inherit;
    border: 0;
    cursor: pointer;
    margin: 0;
    display: inline-flex;
    outline: 0;
    padding: 0;
    position: relative;
    align-items: center;
    user-select: none;
    border-radius: 0;
    vertical-align: middle;
    -moz-appearance: none;
    justify-content: center;
    text-decoration: none;
    background-color: transparent;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.MuiFab-root {
    color: rgba(0, 0, 0, 0.87);
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 0.875rem;
    min-width: 0;
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);
    box-sizing: border-box;
    min-height: 36px;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 1.75;
    border-radius: 50%;
    text-transform: uppercase;
    background-color: #e0e0e0;
}

.MuiFab-primary {
    color: #fff;
    background-color: var(--primaryColor);
}

    .MuiFab-primary:hover {
        background-color: var(--primaryColor);
    }

.MuiFab-root:hover {
    text-decoration: none;
}

.column-alternativa {
    font-size: 12px;
    background-color: #fff;
}

.valor-column-alternativa {
    background-color: rgb(218, 218, 218);
    width: 100%;
    display: block;
    height: 35px;
}

.input-alternativa {
    width: 100%;
    border-color: var(--primaryColor) !important;
    height: 35px;
    outline: 1px var(--primaryColor);
}

.icon-preto {
    fill: #000;
    color: #000;
}

.opcao {
    color: #000;
    font-weight: normal;
    font-size: 20px;
    padding: 5px;
}

    .opcao:hover {
        background-color: rgba(0, 0, 0, 0.05);
        cursor: pointer;
    }

.borderopcao {
    border: 2px solid rgba(0, 0, 0, 0.2);
}

.ajs-message {
    background-color: #4f994f !important;
    color: #fff !important;
}

.cover {
    outline: none !important;
}

.my-div {
    transition: background-color 0.3s;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .7) 10%, transparent);
}

.my-div-desk {
    transition: background-color 0.3s;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .7) 10%, transparent);
}

@media (min-width: 992px) {
    .margin-top-desk {
        margin-top: 100px !important;
    }
}

@media (min-width: 992px) {
    .margin-top-desk-quiz {
        margin-top: 95px !important;
    }
}

#avatar-preview {
    position: relative;
    width: 300px;
    height: 300px;
    border: none;
    margin-bottom: 20px;
    background-color: #6E6E6E;
}

.avatar-part {
    position: absolute;
    text-align: center;
    width: 100%;
}

.controls {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .controls select {
        margin: 10px;
    }

.iconoptionavatar {
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    border-bottom: 3px solid transparent;
}

@media (min-width: 500px) {
    .iconoptionavatar {
        margin-right: 10px;
    }
}

.iconoptionavatar.active {
    border-bottom: 3px solid #6E6E6E;
}

.quadradocor {
    width: 30px;
    height: 30px;
    border-radius: 8px;
    border: 3px solid #6E6E6E;
    margin-right: 5px;
}

.quadradomodelo {
    width: 80px;
    height: 80px;
    border-radius: 8px;
    border: 3px solid #6E6E6E;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin-top: 10px;
    background-color: #6E6E6E;
}

.imagemquadradomodelo {
    max-width: 100%;
    max-height: 100%;
}

.owl-carousel .item {
    visibility: hidden;
}

.owl-carousel.owl-loaded .item {
    visibility: visible;
}