@import url(https://fonts.googleapis.com/css?family=Roboto:300,500);
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,500);
@import url(../assets/materialdesignicons/css/materialdesignicons.min.css);
@import url(../assets/slick/slick.css);
@import url(autores.css);
@import url(minha_capa.css);

.buscar input, .newsletter input {
    font-style: italic
}

.newsletter form button, .topo .botoes a.btn, .upper, ul.menu li a {
    text-transform: uppercase
}

.destaque, .newsletter {
    position: relative
}

.cell50 .img img, .cell70 .img img, .topo .logo, .video {
    max-width: 100%
}

body {
    font-family: Roboto, Helvetica, sans-serif;
    color: #000;
    font-size: 16px;
    line-height: 1;
    font-weight: 300;
    margin: 0;
    padding: 0
}

h1, h2, h3, h5, label, strong {
    font-weight: 500
}

ul {
    list-style-type: square
}

.btn-topo-assine {
    background: #FF6600 !important;
    border-radius: 5px !important;
    border: 1px solid #FF6600 !important;
    color: #FFFFFF !important;
}
.btns-loja .topo .btn-topo-assine,
.btns-loja .topo .esconde-btn-login {
    display: none !important;
}
.btns-loja .topo .mostra-btn-login {
    display: block !important;
}
.btn-topo-minha-capa {
    background: #FF6600 !important;
    border-radius: 5px !important;
    border: 1px solid #FF6600 !important;
    color: #FFFFFF !important;
}


.comentario-cancelamento {
    width: 100%;
}

.btn-topo-login {
    border: 1px solid #E9EBF4;
    color: #273E92;
    font-style: italic;
    font-weight: 500;
    font-size: 15px;
    border-radius: 5px !important;
}
.btn-topo-assinante {
    margin-right: 10px;
    font-weight: bold;
}
.data-topo-nowrap{
    white-space: nowrap;
    display: inline-block;
}
.data-topo {
    min-height: 32px;
    line-height: 32px;
}
.btn-borda-arredondada {
    border-radius: 5px !important
}

.tabelaEleicoes1 {
	background-color: #e0d3cc;
	}

.tabelaEleicoesMarrom1 {
	background-color: #e0d3cc;
	}

.tabelaEleicoesMarrom2 {
	color: #FFFFFF;
	background-color: #a19188;
	}

.tabelaEleicoesBGBranco {
	background-color: rgba(255,255,255,1.00);
	}
	
	

.form-control {
    outline: 0;
    box-shadow: none !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn, .buscar input {
    border-radius: 0
}

.form-control:focus {
    border-color: #000
}

a, a:focus, a:hover {
    color: inherit
}

:focus {
    outline: 0 !important
}

.xxgrande {
    font-size: 50px
}
.xgrande, h1 {
    font-size: 30px;
    line-height: .8
}

.grande, h2, h1.titulo-materia {
    font-size: 19px;
    line-height: 1.1
}

.normal, h3 {
    font-size: 16px
}

.peq, h4 {
    font-size: 12px;
    line-height: 1.48;
	font-weight: 300
}

.xpeq, h5 {
    font-size: 9px;
    line-height: 1.7
}

.claro {
    color: #333 !important
}

.text-uppercase {
    text-transform: uppercase;
}

.claro2 {
    color: #999
}

.escuro {
    color: #333
}

.clarocor {
    color: #09C
}

.bgclaro {
    background: #F4F5F9;
    padding: 6px
}

.thin {
    font-weight: 100
}

.block {
    display: block
}

.vmiddle {
    display: flex;
    align-items: center
}

.inline {
    display: inline;
    margin: 0
}

.espacamentop {
    margin-top: 10px
}

.espacamento {
    margin-top: 15px
}

.espacamentog {
    margin-top: 30px
}
.leia-tambem {
    text-align: left;
}

hr.separador {
    margin: 20px 0;
    border-top-width: 2px;
    border-color: #F60;
    width: 25%
}

hr.separador2 {
     margin: 20px 0;
     border-top-width: 1px;
     border-color: #EEE;
     width: 100%;
 }

.marginred {
    margin-top: 5px;
    margin-bottom: 5px
}

.padd0 {
    padding: 0 !important
}

.under {
    text-decoration: underline
}

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

.img-limitador-sm {
    height: 114px !important;
}

.img-limitador {
    overflow: hidden;
    height: 156px;
}
.destaque .img-limitador {
    height: 300px !important;
}
.destaque .img-limitador img {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.agenda-carrossel .item.sem-img a:hover, .cadernos .item a, .carrossel .item a, .colunista a, .newsletter-paginacao a, a.newsletter-banner:hover {
    text-decoration: none
}

.agenda-eventos { /* bug template responsive */
    position: relative;
    z-index: 2;
}

.newsletter ::-webkit-input-placeholder {
    color: inherit
}

.newsletter :-moz-placeholder {
    color: inherit
}

.newsletter ::-moz-placeholder {
    color: inherit
}

.newsletter :-ms-input-placeholder {
    color: inherit
}

.buscar ::-webkit-input-placeholder {
    color: inherit
}

.buscar :-moz-placeholder {
    color: inherit
}

.buscar ::-moz-placeholder {
    color: inherit
}

.buscar :-ms-input-placeholder {
    color: inherit
}

div[class^=placeholder] div {
    margin: 0 auto
}

.form-control {
    font-size: inherit
}

.buscar button, .buscar input {
    background: #F5F5F5;
    color: #000
}

.buscar.claro button, .buscar.claro input {
    background: rgba(255, 255, 255, .2);
    color: #FFF
}

.buscar input {
    border: none
}

span.input-group-btn button {
    border: 0;
    padding: 4px 10px 3px;
}

span.input-group-btn button i {
    font-size: 19px
}

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    margin-left: 0
}

.newsletter {
    background: url(../../../imagens/inove/layout/newsletter_bg.png) center top no-repeat #2768AC;
    padding: 20px 20px 0;
    color: #FFF;
    border-top: 2px solid #F60
}

.newsletter .espacamento {
    margin-top: 50px
}

.newsletter form input, .newsletter form span {
    background: #487CB2;
    color: #FFF;
    border-radius: 0;
    border: none
}

.newsletter form button, .newsletter form input {
    height: 50px
}

.newsletter form button {
    width: 100%;
    background: #1F538A;
    font-weight: 500;
    color: #FFF !important;
    font-size: 20px
}

.newsletter form .input-group, .newsletter form input {
    margin-bottom: 5px
}

.newsletter form button:hover {
    background: #14355A
}

.newsletter form .input-group-addon {
    border: none
}

.newsletter-paginacao {
    display: inline-block;
    margin: 10px 0 15px;
    padding: 0;
    list-style-type: none
}

.newsletter-paginacao li {
    float: left
}

.newsletter-paginacao a {
    display: block;
    color: #5986B6;
    padding: 6px 0 0
}

.newsletter-paginacao span {
    display: none
}

.newsletter-paginacao a.ativo {
    font-size: 25px;
    padding: 0
}

.newsletter-paginacao a:before {
    content: ' \25CF'
}

.newsletter-banner {
    background: #2768AC;
    display: table-cell;
    width: 1%;
    height: 90px;
    vertical-align: middle;
    color: #FFF
}

a.newsletter-banner:hover {
    color: #FFF
}

.newsletter .checkbox input {
    height: auto;
    margin-top: 2px;
}

.newsletter .checkbox label {
    margin: 5px 0;
    font-weight: 300;
}

ul.redes {
    padding: 0;
    margin: 0;
    display: inline-block
}

ul.redes li {
    list-style-type: none;
    float: left
}

ul.redes li a {
    color: #000;
    font-size: 23px;
    margin-right: 6px
}

ul.redes.claro li a {
    color: #FFF
}

.topo ul.redes {
    display: block
}

.topo .botoes {
    padding-left: 80px
}

.topo .botoes .row {
    margin-bottom: 10px
}

.topo .botoes a.btn {
    border: 1px solid #E9EBF4;
    color: #273E92;
    display: block;
    font-style: italic;
    font-weight: 500;
    font-size: 15px;
    border-radius: 0
}

.chamadas {
    padding: 8px 0;
    margin: 0 0 8px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 50px;
    overflow: hidden
}

.chamadas .item {
    height: 30px;
    line-height: 30px
}

.chamadas a {
    color: #000
}

.chamadas .hora {
    margin-right: 10px
}

.chamadas i {
    font-size: 22px
}

.chamadas i.new {
    margin: 0 10px
}

.chamadas .chamadas-controles {
    white-space: nowrap
}

.chamadas .chamadas-controles a {
    float: left;
    display: inline;
    font-size: 10px
}

.chamadas .chamadas-controles, .chamadas .item {
    padding-top: 5px
}

ul.menu {
    margin: 0;
    padding: 0
}

ul.menu li {
    display: table-cell;
    width: 1%;
    text-align: center
}

ul.menu li a {
    display: inline-block;
    color: #666;
    padding: 5px 0;
    font-size: 12px;
    border-bottom: 5px solid transparent
}

ul.menu li a.menu-lateral-btn {
    border: none !important;
    font-size: 30px;
    color: #000;
    padding: 0;
    line-height: 0;
    bottom: -8px;
    position: relative;
}

ul.menu li.minha-capa a {
    color:#F60;
    font-weight: 400;
    white-space: nowrap;
}
ul.menu li.minha-capa a.ativo, ul.menu li.minha-capa a:hover{
    border-color: #F60;
}

.destaque .titulo, .destaque2 {
    padding: 10px
}

ul.menu li a.ativo, ul.menu li a:hover {
    text-decoration: none;
    border-bottom: 5px solid #000
}

.menu-mobile {
    font-size: 40px
}

.secao span, .secao-editoria, .secao-site {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase
}

.destaque .texto {
    min-height: 80px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, #000);
    color: #FFF
}

.destaque2 {
    margin: 10px 0;
    border-bottom: 2px solid #000;
    border-top: 2px solid #000
}

.lista-noticias .item {
    margin-bottom: 15px;
    height: auto;
}

.lista-noticias .item:last-child {
    margin-bottom: 25px
}

.secao-site {
    background: #F4F5F9;
    color: #09C;
    border: none;
    min-width: 100%;
    padding: 8px;
    margin: 0;
    font-weight: 300;
    white-space: nowrap
}

.secao-editoria {
    background: 0 0;
    color: #F60;
    border: 0;
    padding: 0;
    min-width: 0;
    font-weight: 500
}

.secao span {
    padding: 6px
}

.secao .nome {
    color: #FFF;
    background: #F60;
    min-width: 178px;
    border-bottom: 1px solid #F60
}

.secao.claro .nome {
    background: #F4F5F9;
    color: #09C;
    border: none;
    min-width: 100%
}

.secao .nome.sembg {
    background: 0 0;
    color: #F60;
    border: 0;
    padding: 0;
    min-width: 0;
    font-weight: 500;
    margin-bottom: 6px
}

.secao .link {
    border-bottom: 1px solid #F60;
    padding-left: 15px;
    margin-left: -5px
}

.secao .link a {
    color: #F60;
}

.secao-container {
    border-bottom:1px solid #F60;
    width:100%;
}

.secao-container-a, .secao-container-a:hover {
    float: right;
    padding: 6px;
    color: #F60;
}

.coluna-lateral .secao {
    margin-bottom: 15px
}

.indicadores {
    margin-bottom: 10px
}

.indicadores table, .previsao {
    margin: 10px 0
}

.indicadores td {
    padding: 1px
}

.indicadores .seta {
    font-size: 40px
}

.img-investometro {
    max-width: 100%;
}

.previsao i {
    font-size: 50px
}

.hoje-jc .secao .nome {
    width: 100%;
    min-width: 0
}

.hoje-jc i {
    font-size: 25px
}

.leia-tambem img {
    width: 100%
}

.leia-tambem .secao {
    margin-bottom: 0
}

.marcas-geracaoe .img {
    width: 100px
}

.lista .colunista {
    margin-bottom: 25px;
    height: 95px
}

.colunista {
    border-bottom: 1px solid #000;
    line-height: .9;
    margin-bottom: 10px
}

.colunista .img {
    width: 68px
}

.colunista-card {
    background: #F4F5F9;
    padding: 20px 20px 40px;
    margin-bottom: 25px;
    position: relative;
}
.colunista-card a:hover {
    text-decoration: none;
}
.colunista-card a:hover .colunista-link {
    text-decoration: underline;
}
.colunista-card .img {
    margin-bottom: 30px;
    height: 275px;
    background-position: center top;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
.colunista-card .img img {
    display: none;
}
.colunista-card .texto {
    line-height: 1.4;
}
.colunista-card .texto .colunista-coluna {
    color: #09C;
    text-transform: uppercase;
}
.colunista-card .colunista-link {
    color: #F60;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 10px;
    font-weight: 500;
    position: absolute;
    bottom: 20px;
}
.colunista-card a .texto div {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.coluna-lateral .colunista-card .img {
    height: 325px;
}

.colunista-linha {
    display: flex;
}

.colunista-autor {
    flex-grow: 8;
    padding: 40px 10px;
    height: 95px;
    color: #09c;
    display: flex;
}
.colunista-autor img {
    align-self: center;
}
.colunista-link:hover, .colunista-link:active{
    color: #09c;
}

.colunista-img-container{
    flex-grow: 1;
    margin-left:10px;
}
.colunista-img {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    width: 95px;
    height: 95px;
    border-radius: 50px;
    margin: 0 auto;
}

.caderno-card .img {
    height: auto;
}
.caderno-card .img img {
    display: block;
}

body:not(.interna) .colunista .img img {
    height: auto !important;
    -webkit-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='gray'><feColorMatrix in='SourceGraphic' type='saturate' values='0' /></filter></svg>#gray");
    filter: grayscale(100%);
}

body:not(.interna) .colunista a:hover img {
    -webkit-filter: none;
    filter: none
}

.cell {
    display: table-row
}

.cell .img, .cell .texto {
    display: table-cell;
    vertical-align: middle
}

.cell .img {
    padding-right: 10px
}

.cell50 .img, .cell50 .texto {
    width: 50%
}

.cell70 .img, .cell70 .texto {
    width: 70%
}

.conteudo img {
    max-width: 100%;
}

.video iframe {
    max-width: 100vw;
    max-height: 33vw;
    height: 300px;
}

.galeria-videos .item {
    position: relative;
    margin-bottom: 15px
}

.galeria-videos .item .texto {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 10px 10px;
    color: #FFF
}

.galeria-videos .item a:hover .texto {
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8), #000)
}

.galeria-videos .item a:hover .hidden {
    display: block !important
}

/* CADERNOS */
.cadernos .item {
    border-right: 1px solid #CCC;
    padding: 0 30px 0 15px;
}
.cadernos .item:last-child, .cadernos .item:nth-child(4n) {
    border: 0 !important;
}
.cadernos .texto {
    font-size: 16px;
    height: 170px;
    line-height: 1;
    hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    overflow: hidden;
}
.cadernos .logotipo {
    display: block;
}
.cadernos .logotipo img {
    max-width: 120px;
}
.cadernos .item a {
    text-decoration: none;
}
.logotipo_especial {
    line-height: 80px;
}
/* AGENDA CARROSSEL */
.agenda-carrossel {
    position: relative;
    z-index: 1;
}
.agenda-carrossel .item {
    position: relative;
    width: 280px;
    height: 215px;
    overflow: hidden;
    background: #666;
    background: url(../../../imagens/inove/layout/agenda_bg.png) no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.agenda-carrossel .item a, .agenda-carrossel .item a:hover {
    display: block;
    width: inherit;
    height: inherit;
    text-decoration: none;
}
.agenda-carrossel .datas {
    padding: 15px 0 0 15px;
    color: #FFF;
    text-transform: uppercase;
}
.agenda-carrossel .datas .mes {
    font-weight: 300;
    font-size: 35px;
}
.agenda-carrossel .datas .dia {
    font-size: 60px;
    font-weight: bold;
}
.agenda-carrossel .item .texto {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to bottom, transparent, black);
    color: #FFF;
    padding-bottom: 15px;
}
.agenda-carrossel .item.sem-img {
    min-height: 200px;
    background: #666;
    color: #FFF;
}
.agenda-carrossel .item.sem-img .cell {
    display: table-cell;
    vertical-align: middle;
    height: 200px;
    padding: 0 25px 50px;
}
.agenda-carrossel .item.sem-img a:hover {
    text-decoration: none;
}
.agenda-carrossel .item.sem-img strong {
    font-size: 20px;
    line-height: 1.2;
}
.agenda-carrossel .item.sem-img .secao {
    margin-bottom: 20px;
}
.agenda-carrossel .item .texto .titulo {
    padding: 10px;
}
.agenda-carrossel .img img {
    width: 100%;
    height: auto;
}
.agenda-carrossel .paginacao-container {
    position: absolute;
    z-index: 2;
    bottom: 8px;
    left: 0;
    right: 0;
    text-align: center;
}
.agenda-paginacao {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.agenda-paginacao li {
    float: left;
    margin: 5px;
}
.agenda-paginacao li a {
    display: block;
    background: #FFF;
    border: 1px solid transparent;
    width: 30px;
    height: 8px;
}
.agenda-paginacao li a span {
    display: none;
}
.agenda-paginacao li a:hover, .agenda-paginacao li a.ativo {
    background: #283E92;
    border-color: #FFF;
}

.carrossel .item {
    width: 235px;
    float: left
}

.carrossel .item img {
    width: 100% !important
}

.carrossel .item .texto {
    padding: 10px
}

.carrossel-container .seta {
    color: #CCC;
    font-size: 50px;
    cursor: pointer
}

.carrossel-container .seta i {
    margin-top: 70%
}

.noticia > div a, .rodape a:hover, .noticia > ul li a {
    text-decoration: underline
}

.barra-acoes {
    margin: 10px 10px 0 0
}

.noticia {
    position: relative
}

.noticia h2, .noticia h1 {
    color: #000;
    font-size: 17px
}

.noticia > div, .noticia p {
    margin-bottom: 15px;
    line-height: 1.48
}

.noticia ul li {
    margin-bottom: 5px;
    line-height: 1.48
}

.noticia ol li {
    margin-bottom: 5px;
    line-height: 1.48
}

.legenda {
    padding: 20px 10px
}

.noticia .img.direita {
    margin: 0 0 10px 10px;
    float: right
}

.noticia .img.esquerda {
    margin: 0 10px 10px 0;
    float: left
}

.noticia iframe {
    max-width: 100%
}

.noticia .paywall-limite {
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #FFF);
    height: 60px
}

.paywall-carregando {
    padding-bottom: 20px;
}

.paywall {
    color: #FFF;
    background: #2768AC;
    padding: 15px;
    margin: 50px auto 100px;
    max-width: 520px
}

.paywall-materia {
    display: none;
    line-height: 1000;
}

.paywall-materia div {
    position: absolute;
    left: -10000px;
}

.paywall-login {
    display: none;
    margin-top: 15px;
}

.paywall .grande {
    line-height: 1.5
}

.paywall .btn {
    width: 100%;
    padding: 15px 0;
    background: #1F538A;
    text-transform: uppercase;
    color: #FFF !important;
    font-size: 20px;
    margin-top: 20px;
    font-weight: 300
}

.rodape, .rodape a {
    color: #FFF
}

.paywall .img {
    margin: 15px 0 -50px;
    box-shadow: 3px 3px 6px #666;
    position: relative;
    width: 128px;
    float: right
}

.rodape, .rodape .endereco {
    margin-top: 50px
}

.paywall .img:before {
    content: "";
    position: absolute;
    top: -30px;
    right: 50px;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FFF
}

/* PAYWALL V2 */
.paywall-v2 {
    background-color: #2A3685;
    border-radius: 20px;
    color: #FFF;
    padding: 25px;
    margin-bottom: 25px;
}
.paywall-v2 div {
    font-size: 24px;
    font-weight: 300; 
    margin: 0 0 25px 0;
}
.paywall-v2 img {
    max-width: 100%;
}
.paywall-v2 ul {
    margin: 0 0 30px 20px;
    padding: 0;
}
.paywall-v2 ul li {
    list-style-image: url('/imagens/paywall-v2-tick.png');
    font-size: 12px;
    margin-bottom: 5px;
}
.paywall-v2 ul li.destaque {
    color: #E7884E;
    font-weight: bold;
}
.paywall-v2 small, .paywall small a {
    color: #B3B6D0;
    font-size: 15px;
}
.paywall-v2 small a {
    text-decoration: underline;
}
.paywall-v2 a.btn {
    background-color: #E7884E;
    font-size: 24px;
    border-radius: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: #FFF !important;
}
.paywall-v2 a.btn:hover {
    background-color:#e37532;
}

/* PAYWALL V2 BLACK FRIDAY */
.paywall-v2.black-friday ul li {
    list-style-image: url('/imagens/paywall-v2-tick-blackfriday.png');
}
.paywall-v2.black-friday h2 strong {
    font-weight: 800;
    color: #f7923a;
}
.paywall-v2.black-friday a.btn {
    background-color: #f7923a;
}
.paywall-v2.black-friday {
    background-image: radial-gradient(circle, #464646, #2d2d2d);
}
.paywall-v2.black-friday small, .paywall.black-friday small a {
    color: #FFF;
}

.comentarios .item {
    border-bottom: 1px solid #CCC;
    padding-bottom: 20px;
    margin-bottom: 20px
}

.comentarios .item:last-child {
    border: none
}

.comentarios .nome {
    margin-bottom: 5px
}

.especiais .item {
    display: table-row
}

.especiais .img, .especiais .texto {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 25px
}

.especiais .img {
    width: 25%;
    padding-right: 10px
}

.especiais .texto {
    width: 75%
}

.rodape {
    background: #283E92;
    padding-bottom: 50px;
    font-size: 12px;
    font-weight: 100;
    line-height: 1.48
}

.rodape .borda-lateral {
    border-left: 1px solid #FFF
}

.rodape .padd-top {
    padding-top: 50px
}

.rodape .padd-total {
    padding: 50px
}

.rodape .padd-left {
    padding-left: 50px
}

.form-overlay .conteudo, .mensagem {
    padding: 25px
}

.form-overlay {
    display: none;
    background: #FFF;
    width: 600px;
    max-width: 100%
}

.mensagem {
    background: #FFF;
    max-width: 600px;
    text-align: center
}

.fancybox-overlay {
    background: rgba(0, 0, 0, .9);
}

.fancybox-skin {
    background: 0 0 !important
}

.fancybox-close, .fancybox-next span, .fancybox-prev span {
    background: 0 0 !important;
    font-size: 35px;
    color: #FFF !important
}

.fancybox-close {
    font-size: 25px;
    top: -5px !important;
    right: -55px !important
}

.fancybox-prev {
    left: -60px
}

.fancybox-next {
    right: -60px
}

.fancybox-nav span {
    visibility: visible !important
}

.fancybox-title {
    padding: 10px 10px 0;
    font-family: Roboto, sans-serif !important;
    font-size: 15px !important;
    font-weight: 100;
    color: #FFF
}

.addthis_sharing_toolbox.videos .at-share-btn.at-svc-print {
    display: none !important
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: red
}

.has-error .form-control {
    border-color: red
}

.img {
    position: relative
}

.img img {
    width: 100%
}

.img .play {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    font-size: 40px;
    margin-left: -20px;
    margin-top: -20px
}
.img .play-youtube-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    margin-left: -30px;
    margin-top: -30px;
}
.img .play-youtube-svg img {
    width: auto;
    opacity: .8;
}

.leia-tambem .img {
    overflow: hidden;
    max-height: 170px
}

#barrauol .containerUOL {
    max-width: 100%;
    overflow: hidden
}

.video-container {
	padding-top: 7px;
}

.imgResize {
	background-color: #D1D1D1;
	}

.imgResize img {
	max-width: 800px;
	max-height: 550px;
	display: block;
	margin: auto;
	}

/*td, th {
    padding: 8px;
}*/

@media print {
    * {
        color: #000
    }

    a[href]:after {
        content: ""
    }
}

/* USUARIO LOGADO */
.usuario-logado {
    background: #293E93;
    color: #FFF !important;
    font-size: 14px;
    padding: 10px;
    font-style: italic;
    text-align: left;
    font-weight: 100;
    margin-bottom: 10px;
    border-radius: 5px !important
}

.usuario-logado .nome {
    overflow: hidden;
    text-overflow: ellipsis;
    width: 60%;
    display: inline-block;
    white-space: nowrap;
}

.usuario-logado i {
    float: right;
    display: inline-block;    
    margin-top: -5px;
    font-weight: 500;
    font-size: 25px;
}

.usuario-logado a {
    text-decoration: underline;
}

/* FORM LOGIN */
.login-form {
    background: #283E92;
    color: #FFF;
}

.login-form .destaque {
    font-size: 21px;
}

.login-form .barra {
    font-size: 21px;
    text-align: center;
    padding: 20px;
    background: #1F538A;
    margin: 15px 0;
    display: block;
    border: 2px solid transparent;
}

.login-form .barra:hover {
    text-decoration: none;
}

.login-form .barra.laranja {
    background: #FF6600;
}

.login-form .retorno {
    background: #FF6600;
    padding: 10px;
}

.login-form .barra.laranja:hover {
    background: #FF6600;
    border: 2px solid #fff;
}

.login-form .link-aux {
    font-size: 12px;
    font-weight: 100;
}

.login-form .form-control:focus {
    border-color: #1F538A;
}

.login-form .btn {
    font-size: 17px;
    font-weight: 100;
}

.login-form .form-esqueci {
    display: none;
}

.login-form .btn-social {
    border-radius: 30px;
    background: #FFF;
    color: #2768ac;
    padding: 0;
    width: 30px;
    height: 30px;
}
.login-form .btn-social .mdi {
    bottom: -2px;
    position: relative;
}

/* HEADER */

.boxpaywall {
    margin: auto;
    width: 100%;
}

.col-1 {
	background-color: #CCCCCC;
	padding: 6px 20px 20px;
	}

.col-2 {
	background-color: #F7931E;
	background-image: url(/imagens/inove/layout/bg-laranja.jpg);
	float: right;
	}

.col-3 {
	background-color: #334B9B;
	overflow: hidden;
	}

.col-1 bot{
    text-align: center;
}

.col-1 h5 {
	font-size: 20px;
	color: #334b9b;
	padding-bottom: 20px;
	line-height: 24px;	
	}

.col-2 h6, .col-3 h6 {
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 5px;
	text-align: center;	
	}

.col-3 h6 a {
	color: #FFFFFF;
	text-decoration: none;
	}
	
.col-3 h6 a:hover {
	color: #F7931E;
	text-decoration: underline;
	}

.row-flex {
    display:flex;
    flex-wrap: wrap;
}
.col-flex-33{
    display: flex;
    flex-basis: 33%;
    padding: 10px;
}
.caderno-card {
    margin-bottom: 0;
}
.caderno-card .img {
    height: auto;
    margin: 0 auto;
}

.txt-branco {
	font-size: 15px;
	color: #FFFFFF;
	padding-left: 12px;
	padding-right: 12px;
	text-align: center;
	padding-bottom: 5px;
	}

.txt-azul {
	font-family: Gotham, Helvetica Neue, "Helvetica", Arial, sans-serif;
	font-size: 15px;
	color: #334b9b;
	padding-bottom: 15px;
	}

.boxpaywall .txt-azul {
    text-align: center;
}
.boxpaywall h5 {
    text-align: center;
}

.txt-azul-2 {
	font-family: Gotham, Helvetica Neue, "Helvetica", Arial, sans-serif;
	font-size: 13px;
	color: #334b9b;
	padding-left: 10px;
	}

.txt-azul-2 a {
	text-decoration:underline;
}

.user {
	margin-left: 5px;
	padding-top: 30px;
	padding-bottom: 10px;
	}

.img-icone {
	float: left;
	padding-right: 10px;
	}


.novopaywall {
	margin:auto;
	display:block;
	width: 50%;
	height: 30px;
	background-color: #334B9B;
	font-size: 14px;
	color: #FFFFFF;
	border-radius: 8px;
	text-align:center;
}
.novopaywall:hover {
	background-color: #FFFFFF;
	color: #334B9B;
	cursor: pointer;
	}

/* Estilos da Citacao Inacio */

.citacaoSiteJC {
	padding-top: 50px;
	padding-bottom: 25px;
	text-align: center;
	font-family: "Cambria", Hoefler Text, Liberation Serif, Times, Times New Roman, serif;
	font-size: 24px;
	line-height: 28px!important;
	}

.citacaoSiteJC span {
	display: block;
	text-align: right;
	font-size: 20px;
	font-style: italic;
	padding-top: 16px;
	}

.aspasCit {
	display: block;
	text-align: center;
	font-family: "Georgia", serif;
	color: #ff6600;
	font-size: 90px;
	}

/* Estilos da Citacao Fim */
	
@media only screen and (min-width: 768px) {

    /* Para desktops: */

	.boxpaywall{
	width: 619px;
	}
	
    .col-1 {
	width: 50%;
	height: 100%;
	float: left;
	}

	.col-2 {
	width: 50%;
	height: 215px;
	}

	.col-3 {
	width: 50%;
	}

	.linhaBanner {
	background-image:url(/imagens/guaiba_top.gif); 
		}

/* Estilo da Citacao Desktop */

	.citacaoSiteJC {
		padding-left: 180px;
		padding-right: 180px;
	}
}


@media only screen and (max-width: 767px) {

    /* Para mobile: */

    .col-1 {
	width: 100%;
	}

	.col-2 {
	width: 100%;
	}

	.col-3 {
	width: 100%;
	}


	/* Estilo da Citacao Mobile */	
	
	.citacaoSiteJC {
		padding-left: 15px;
		padding-right: 15px;
	}
}


/* PODCASTS */
.podcast-item .titulo {
    height: 80px;
    overflow: hidden;
}
.podcast-item .contador {
    padding-left: 10px;
}
.podcast-item .botao {
    margin-bottom: 20px;
}
.logotipo_especial_podcasts {
    background-image: url(/imagens/podcasts/podcasts_bg.png);
    line-height: 110px;
    padding-right: 20px;
}
.logotipo_especial_podcasts img {
    max-width: 100% !important;
    margin: 0 0 0 -10px;
}

/* LOJA VIRTUAL */
.loja .btn, .loja .cabecalho, .loja .card-conteudo, .loja .icone, .loja .serif {
    font-family: 'Montserrat', sans-serif;
    font-weight: 100;
}
.loja h1, .loja h2, .loja strong {
    font-weight: 700;
}
.loja h1, .loja h2, .loja p {
    margin: 0 0 25px 0;
}
.loja .btn.btn-primary {
    background: #374798;
    color: #FFF;
    border: none;
    font-size: 30px;
    line-height: 1.2;
    padding: 12px;
}
.loja .btn.btn-preto {
    background: #000!important;
}
.loja .btn.btn-azul-claro {
    background: #5365A8!important;
}
.loja .btn.btn-laranja {
    background: #FF6600 !important;
}
.loja .btn.btn-xs {
    font-size: 16px !important;
    padding: 7px 12px;
}
.loja .btn-login {
    border: 1px solid #E9EBF4;
    color: #273E92;
    font-style: italic;
    font-weight: 500;
    border-radius: 5px;
    font-family: Roboto, Helvetica, sans-serif;
    display: inline-block;
    font-size: 15px !important;
}
.loja .cabecalho {
    text-align: center;
    height: 120px;
    /*line-height: 90px;*/
    color: #FFF;
    font-size: 30px;
    color: #273E92;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}
.loja .cabecalho img {
    max-width: 100%;
}
.loja .icone {
    text-align: center;
}
.loja .card.borda {
    border-right: 1px solid #000;
}
.loja .card-conteudo.padd {
    padding: 50px 25px;
}
.loja .card-conteudo.bg {
    background: #E4EBF1;
}
.loja .card-conteudo .margem {
    text-align: left;
}
.loja .card-conteudo .card-frente, .loja .card-conteudo .card-verso {
    background: #E4EBF1;
}
.loja .card-conteudo.bg-2, .loja .card-conteudo.bg-2 .card-frente, .loja .card-conteudo.bg-2 .card-verso {
    background: #B6C6D5;
}
.loja .card-conteudo.bg-3 {
    background: #FFF;
}
.loja .card-conteudo ul {
    padding: 0 0 0 15px;
    height: 310px;
    display: block;
    font-family: "Montserrat";
    font-size: medium;
    display: flex;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: end;
}
.loja .card-conteudo ul li {
    text-align: left;
    margin-bottom: 5px;
    margin-left: 5px;
    font-size: 14px;
    list-style-type: disc;
}
.loja .card-conteudo a {
    text-transform: uppercase;
}
.loja .card-conteudo span.ativo {
    text-decoration: underline;
}
.loja .card-conteudo a:not(.ativo) {
    font-size: 14px;
}
.loja .card-conteudo div.descricao {
    height: 120px;
}
.loja .card-conteudo .botao {
    position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    text-align: center;
}
.loja .card-conteudo .botao .btn {
    min-width: 210px;
    font-weight: bold;
}
.loja .card-conteudo .botao .btn-assinar {
    background: #FF6600;
    z-index: 2;
    border-radius: 5px;
}
.loja .card-conteudo span.descricao {
    display: inline-block;
    margin-left: 32px;
    line-height: .8;
}
.loja .icone .cell img {
    margin-right: 15px;
}
.loja .icone .cell h1 {
    line-height: 70px;
    margin: 0 0 0 15px;
}
.loja .btn-planos {
    position: relative;
    width: 70px;
    display: inline-block;
}
.loja .btn-planos .planos {
    position: absolute;
    left: 0;
    top: -5px;
}
.loja .btn-planos .selecione {
    position: absolute;
    left: 0;
    bottom: -10px;
    font-size: 12px;
}
.loja .card-conteudo.slider, .loja .slider {
    padding-left: 0;
    padding-right: 0;
}
.loja .slider .slide {
    padding-left: 25px;
    padding-right: 25px;
}
.loja .voucher-container {
    margin-bottom: 25px;
    background: #E4EBF1;
    padding: 5px;
}
.loja .voucher-container.erro {
    background: indianred;
}
.loja .bandeira-cartao {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 50px;
    height: 29px;
}
.loja a.planos, .loja a.vantagens {
    text-decoration: underline;
}
.loja .titulo-vantagens {
    font-weight: 500;
    font-size: 15px;
    margin-left: 10px;
}
.loja .btn-loja {
    min-width: 210px;
    font-weight: bold
}
.loja .btn-ajuda {
    position: relative; 
    z-index: 2; 
    white-space: normal !important;
    max-width: 980px;
    margin: 0 auto;
    border-radius: 15px;
}

.loja hr {
    height: 2px;
    background-color: #364697;
    width: 60%;
}

.loja .card-final {
    font-family: 'Montserrat', sans-serif;
    max-width: 980px;
    text-align: center;
    background-color: #E4ECF2;
    border-radius: 30px;
    border: 15px solid white;
    margin: 25px auto;
    box-shadow: 0 0 40px 5px #CCC;
    color: #364697;
    font-size: 30px;
    line-height: 1.5;
}

.loja .card-final img {
    margin: 20px auto;
}

.loja .card-final .texto {
    font-size: 35px;
}

.loja .chamada-app {
    max-width: 750px;
    margin: 20px auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    color: #364697;
    font-weight: bold;
}

.loja .icone-ios {
    text-align: right;
}

.loja .icone-android {
    text-align: left;
}

.loja .card-final .continuar-lendo {
    background-color: #364697;
    color: #FFF;
    width: 65%;
    margin: 20px auto;
    padding: 5px;
    border-radius: 10px;
}

/* LOJA PROMO */
.card-black-friday {
    color: #FFF;
    background-image: url('../../../imagens/loja/card-black-friday-bg.jpg') !important;
}
.card-black-friday ul li {
    /*list-style-image: url(../../../imagens/loja/bullet-p-white.png) !important;*/
}
.loja .card-black-friday input[type="radio"] + span:before {
    background: url(../../../imagens/loja/radio-white.png);
}
.card-branco {
    color: #FFF;
}
.card-branco ul li {
    /*list-style-image: url(../../../imagens/loja/bullet-p-white.png) !important;*/
}
.loja .card-branco input[type="radio"] + span:before {
    background: url(../../../imagens/loja/radio-white.png);
}

/* LOJA HELPERS */
.loja .font-normal {
    font-size: 20px !important;
}
.loja .font-p {
    font-size: 16px !important;
}
.loja .font-g {
    font-size: 22px !important;
}
.loja .line-height-xs {
    line-height: 0.8 !important;
}
.loja .h-auto {
    height: auto !important;
}
.loja .table {
    display: table;
    width: 100%;
}
.loja .table .cell {
    display: table-cell;
}
.loja .cell.cell50 {
    width: 50%;
}
.loja .valign-middle {
    display: flex;
    align-items: center;
}
.loja .valign-baseline {
    display: flex;
    align-items: baseline;
}

.loja .pagamentos {
    font-family: Montserrat, sans-serif !important;
    color: #283E92;
    font-weight: 100;
}

.loja .pagamentos img {
    max-width: 100%;
    vertical-align: baseline;
    display: inline-block;
}

/* LOJA CARD FLIP */
.card {
    -webkit-perspective: 1000px;
    perspective: 1000px;
    cursor: default;
}
.card-conteudo {
    position: relative;
    -webkit-transition: transform 0.8s, box-shadow 0.8s;
    transition: transform 0.8s, box-shadow 0.8s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    max-width: 380px;
    height: 680px;
    /*background: #E4EBF1;*/
    /*padding: 50px 25px;*/
    line-height: 1.2;
    font-size: 18px;
    text-align: center;
    margin: 0 auto 50px auto;
    will-change: contents;
    border-radius: 20px;
}
.card:not(.estatico):hover .card-conteudo, .card.ativo .card-conteudo {
    -webkit-box-shadow: 0 0 35px 0 rgba(0,0,0,.4);
    box-shadow: 0 0 35px 0 rgba(0,0,0,.4);
}
.card.virado .card-conteudo {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.card-frente, .card-verso {
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 50px 30px;
    border-radius: 20px;
}
.card-verso {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    z-index: 2;
}
.card.tipo_curso .card-conteudo {
    background: #264294;
}

/* LOJA FORM */
.loja .card-conteudo label {
    text-align: left;
}
.loja .card-conteudo .margem label {
    text-align: left;
    margin-left: -30px;
}
.loja .card-conteudo input[type=radio] {
    display: none;
}
.loja .radio {
    cursor: pointer;
    line-height: 0.9;
    margin: 10px 0;
}
.loja .radio img {
    position: relative;
    margin-top: -15px;
    margin-left: -5px;
}
.loja input[type="radio"] + span:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.loja input[type="radio"] + span:before {
    content: "";
    background: url('../../../imagens/loja/radio.png');
    width: 32px;
    height: 32px;
    margin: 0 0 -10px 0;
}
.loja input[type="radio"]:checked + span:before {
    background-position: 0 32px;
}
.loja .form-control {
    border: 2px solid #000;
    margin-bottom: 5px;
    height: 33px;
}
.loja .form-frente {
    margin: 20px auto 0;
    max-width: 210px;
}
.loja .form-frente .form-control {
    border: none;
    padding: 24px;
    font-size: 20px;
    font-family: 'Montserrat', sans-serif;
}
.loja .form-group {
    position: relative;
    margin-bottom: 1.5rem;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}
.loja .form-control-placeholder {
    position: absolute;
    top: 0;
    padding: 2px 0 0 6px;
    transition: all 200ms;
    opacity: 1;
}
.loja .form-control:focus + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
}
.loja .form-control:focus + .form-control-placeholder, .loja .form-control:valid + .form-control-placeholder, .form-control-placeholder.ativo {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
}
.loja .form-control.not-required:placeholder-shown + .form-control-placeholder {
    font-size: 100%;
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.loja .form-control.not-required:focus + .form-control-placeholder, .loja .form-control.not-required + .form-control-placeholder {
    font-size: 75%;
    transform: translate3d(0, -100%, 0);
    opacity: 1;
}
.loja .btn.disabled, .loja .btn[disabled], .loja fieldset[disabled] .btn {
    cursor: wait !important;
}
.loja .alterar-senha{
    background-color: #FFF;
    padding: 20px;
    margin: 0 auto;
}
loja .alterar-senha .titulo {
    padding-bottom: 10px;
    font-weight: bolder;
    margin-bottom: 10px;
}

loja .alterar-senha input {
    width: 100%;
}

/* BOOTSTRAP */
.row.no-gutters {
    margin-right:0;
    margin-left:0;
}
.row.no-gutters > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    color: #374798;
    border-color: #374798;
    border-bottom: 2px solid #FFF;
    border-width: 2px;
    font-weight: bold;
}
.nav-tabs>li {
    margin-bottom: -2px;
}
.nav-tabs>li>a {
    color: #374798;
    border-width: 2px;
}
.nav-tabs>li>a:hover {
    border-color: #374798 #374798 transparent;
}
.nav-tabs {
    border-color: #374798;
    border-width: 2px;
}
.nav>li>a:hover, .nav>li>a:focus {
    background-color: transparent;
}

/* SWITCH */
.checkbox-switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 24px;
    line-height: 24px;
    margin: 5px;
}
.checkbox-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.checkbox-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.checkbox-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}
input:checked + .checkbox-slider {
    background-color: #374798;
}
input:focus + .checkbox-slider {
    box-shadow: 0 0 1px #374798;
}

input:checked + .checkbox-slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.checkbox-slider.round {
    border-radius: 34px;
}
  
.checkbox-slider.round:before {
    border-radius: 50%;
}

/* FACEBOOK PLUGIN COMMENTS */
.fb-comments iframe, .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
    width: 100% !important;
}

.video-p {
    margin-left: -10px;
}
.video-p-linha-2{
    margin-left: 0;
}
.video-g iframe {
    height: 300px;
}

/* */
.btn-edita-cartao, .btn-edita-endereco, .btn-edita-dados {
    font-size: larger;
    padding: 2px 7px;
    border: 2px solid;
}
.btn-cancelar-assinatura {
    text-decoration: underline;
    font-size: medium;
    cursor: pointer;
    color: #000;
}
.btn-cancelar-assinatura-container {
    margin-top:10px;
}

/* SELO CONTEUDO EXCLUSIVO */
div.img.foto-principal.noticia-exclusiva::after {
    content: "Conte�do exclusivo";
    background-image: url('/imagens/inove/layout/selo-exclusivo-desktop-v2.png');
    width: 100px;
    height: 127px;
    position: absolute;
    right: 0;
    top: -13px;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    padding-top: 70px;
    padding-right: 20px;
    font-weight: bold;
}

/* FORM AVALIACAO MATERIAS */
.avaliacao-usuario {
    color: #273e92;
}
.avaliacao-usuario hr {
    height: 2px;
    background-color: #273e92;
}
.avaliacao-usuario label {
    width: 100%;
    color: #000;
    font-size: 14px;
    font-weight: lighter;
}
.avaliacao-usuario input[type=text],
.avaliacao-usuario input[type=button] {
    width: 100%;
    border-radius: 3px;
    padding: 10px;
    border: 2px solid #273e92;
    color: #000;
    transition: background 0.2s;
    margin-bottom: 10px;
}
.avaliacao-usuario input[type=button] {
    background: #273e92;
    color: #FFF !important;
    transition: all .2s;
}
.avaliacao-usuario input[type=button]:hover {
    background-color: #f60;
    border-color: #f60;
}
.avaliacao-usuario .btn.send-evaluation {
    background-color: #273e92;
    color: white;
}
.avaliacao-usuario .frase {
    font-weight: 400;
    font-size: 18px;
    line-height: 1.2;
}
.avaliacao-usuario-estrelas {
    text-align: center;
    margin-top: 10px;
}
.avaliacao-usuario .rating {
    display: inline;
    font-size: 30px;
}
.avaliacao-usuario .rating__star {
    cursor: pointer;
    color: #273e92;
}
.avaliacao-usuario .rating__star.mdi.mdi-star {
    color: #F9C112 !important;
}
.avaliacao-usuario .label-input {
    line-height: 1.5;
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    margin: 0 0 10px;
}
.avaliacao-usuario #form-avaliacao-usuario-extras {
    display: none;
}
.avaliacao-usuario .label-input input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
    margin-bottom: 5px;
}
.avaliacao-usuario .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #273e92;
    border-radius: 3px;
}
.avaliacao-usuario .label-input:hover input ~ .checkmark {
    background-color: #FFF;
}
.avaliacao-usuario .label-input input:checked ~ .checkmark {
    background-color: #FFF;
    color:#273e92;
}
.avaliacao-usuario .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.avaliacao-usuario .label-input input:checked ~ .checkmark:after {
    display: block;
    color:#273e92;
}
.avaliacao-usuario .label-input .checkmark:after {
    left: 5px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #273e92;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* CURSOS */


body.cursos {
    background-color: #E3E3E3;
}
.loja .card.tipo_curso .card-conteudo .card-frente, .loja .card.tipo_curso .card-conteudo .card-verso {
    background: #264294;
    color: #FFF;
}
.card.tipo_curso .card-frente, .card.tipo_curso .card-verso {
    padding: 30px;
}
.card.tipo_curso .video {
    width: 100%;
    height: 200px;
    border: 2px solid white;
    border-radius: 15px;
    position: relative;
    background-size: cover;
    background-position: center center;
    overflow: hidden;
    margin-bottom: 15px;
}
.card.tipo_curso .video .ico-play {
    position: absolute;
    width: 100%;
    line-height: 200px;
    font-size: 70px;
}
.card.tipo_curso .btn-saibamais {
    background: #FF6600;
    border-radius: 15px;
    font-size: 12px !important;
    font-style: italic;
    padding: 2px 30px;
    margin-bottom: 20px;
    letter-spacing: 4px;
}
.loja .card.tipo_curso h1 {
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 10px;
}
.loja .card.tipo_curso .descricao {
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #FFF;
}
.loja .card.tipo_curso .card-conteudo ul {
    display: block;
    height: 100px;
    padding: 15px 0 0 0;
}
.loja .card.tipo_curso .card-conteudo ul li {
    list-style-type: none;
    padding: 2px 0;
    font-size: 12px;
}
.loja .card.tipo_curso .card-conteudo ul li .mdi {
    font-size: 20px;
}
.loja .card.tipo_curso .card-conteudo div.descricao {
    height: auto;
}
.loja .card.tipo_curso .card-conteudo .botao .btn-assinar {
    font-size: 17px;
    font-style: italic;
    font-weight: lighter;
    text-transform: uppercase;
    border-radius: 10px;
    letter-spacing: 4px;
}
.loja .card.tipo_curso .card-conteudo .botao .btn-assinar span {
    font-weight: bold;
    font-style: normal;
    letter-spacing: initial;
    font-size: 27px;
}

.aulas {
    display: flex;
    position: relative;
    align-items: stretch;
    height: 532px;
}
.aulas .aula-principal {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 80%;
    position: relative;
}
.aulas .aula-principal iframe {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
}
.aulas .aula-lista {
    overflow: auto;
    flex-basis: 20%;
    padding: 0 15px;
}
.aula .img {
    position: relative;
    width: 100%;
    height: 122px;
    background-size: cover;
    background-position: center center;
}
.aulas .aula {
    display: block;
    margin-bottom: 15px;
}
.aulas .aula:last-child {
    margin-bottom: 0;
}
.aula .img::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.17) 50%, rgba(0,0,0,0.17) 100%);
}
.aula .img.ativo {
    border: 2px solid #293E93;
}
.aula .titulo, .aula .duracao, .aula .ico-play {
    position: absolute;
    color: #FFF;
}
.aula .ico-play {
    left: 0;
    right: 0;
    line-height: 122px;
    text-align: center;
    font-size: 60px;
    z-index: 2;
    transition: .2s font-size, .5s color;
}
.aula:hover .ico-play, .aula .img.ativo .ico-play {
    font-size: 80px;
    color: #293E93;
}
.aula .titulo {
    left: 10px;
    top: 10px;
    z-index: 2;
    font-weight: bold;
    font-size: 14px;
}
.aula .duracao {
    bottom: 10px;
    left: 10px;
    z-index: 2;
    font-size: 10px;
}
.cursos hr {
    border-color: #000;
}
.aula-descricao {
    background-color: #FFF;
    padding: 25px;
}

.form-login-cursos .destaque {
    display: block;
    padding: 10px;
    border-radius: 5px;
    background: #FF6600;
    margin-bottom: 10px;
}
.form-login-cursos .destaque:hover {
    text-decoration: none;
}
.form-login-cursos .destaque span.valor {
    font-weight: bold;
    font-size: 26px;
    display: block;
    margin-top: 10px;
}
.form-login-cursos .btn-default {
    background: #e7884e;
    color: #FFF;
    border-radius: 5px;
    border: none;
    min-width: 100px;
}
.form-login-cursos .btn-default:hover {
    background: #e37532
}
.form-login-cursos .form-control {
    border-radius: 5px;
}
.login-cursos {
    border-radius: 5px;
}
.cursos .curso {
    display: block;
    background: #293E93;
    padding: 15px;
    border-radius: 10px;
    color: #FFF;
    text-align: center;
    font-weight: bold;
}
.cursos .curso:hover {
    text-decoration: none;
}
.cursos .curso:hover button, .cursos button:hover {
    color: #FFF;
}
.cursos .curso .img {
    position: relative;
    height: 150px;
    background-position: center center;
    background-size: cover;
    border-radius: 10px;
}
.cursos .curso .ico-play {
    position: absolute;
    line-height: 150px;
    width: 100%;
    font-size: 50px;
}
.cursos .curso .nome {
    margin: 10px 0;
    
}
.cursos .curso button {
    background: #FF6600;
    border-radius: 10px;
}

@media (max-width: 1199.98px) {
    .aulas {
        height: 421px
    }
    .aula .img {
        height: 94px;
    }
    .aula .ico-play {
        line-height: 94px;
        font-size: 40px;
    }
    .aula:hover .ico-play {
        font-size: 60px;
    }
}
@media (max-width: 991.98px) {
    .aulas {
        height: 290px;
    }
    .aulas .aula-principal {
        flex-basis: 70%;
    }
    .aulas .aula-lista {
        flex-basis: 30%;
    }
}
@media (max-width: 767.98px) {
    .aulas {
        height: 390px;
        flex-direction: column;
    }
    .aulas .aula-lista {
        padding: 0 0 15px;
        flex-direction: row;
        display: flex;
        overflow: hidden;
        overflow-x: auto;
    }
    .aulas .aula {
        min-width: 150px;
        margin-right: 15px;
    }
    .aulas .aula:last-child {
        margin-right: 0;
    }
    .aulas .aula-principal iframe {
        padding-bottom: 15px;
    }
    

}
@media (max-width: 575.98px) {
}

/* FIM CURSOS */

.wpcc-bottom {
    bottom: 9em !important;
}

/* GALERIA */
.figure, .figure img {
    /* height: 100%; */
    width: 100%;
}
.colunista-foto img {
    width: 250px;
}
.figure-img:not(.colunista-foto) img {
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
    border-bottom: 50px solid transparent;*/
    visibility: visible !important;
}
.galeria-materia .seta {
    display: block !important;
    color: #000;
    font-size: 4rem;
}
.galeria-materia .seta:hover {
    color: #716560;
    text-decoration: none;
}
.galeria-materia .figure .image-container{
    /* height: 640px !important; */
    background-position: center center !important;
    background-repeat: no-repeat;
    background-size: cover;
}
.figure-caption {
    background: #F4F5F9;
    padding: 1rem;
    color: #000;
    font-size: 100%;
}
.carousel-item {
    position: relative !important;
}
.carousel-item .figure-caption {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
}
.figure-caption .badge-light {
    background: transparent;
    color: #FFF;
    padding: .25rem 1rem;
    margin-bottom: .25rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 90%;
}
/* AJUSTE NA GALERIA */
.galeria-materia .carousel {
    background-color: #F4F5F9;
    margin: 0 0 1rem 0;
}
.galeria-materia .figure {
    margin: 0;
}

/* LOJA - COMENTARIOS */
.comentarios-container {
    margin: 0 0 50px;
    padding: 0 25px 0;
}
.comentarios-container h2 {
    text-align: center;
    margin-bottom: 10px;
    color: #3F3F3F;
}
.comentarios-container .comentario {
    background: rgb(49,66,144);
    background: linear-gradient(90deg, rgba(49,66,144,1) 0%, rgba(52,94,192,1) 100%);
    border-radius: 8px;
    padding: 10px;
    margin: 5px;
    box-shadow: 0px 0px 5px #999;
    height: 90px;
    color: #FFF;
    font-size: 13px;
}
.comentarios-container .comentarios .nome {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin-right: 10px;
}
.comentarios-container .comentario .estrelas {
    color: #F4AA27;
}
.comentarios-container .slick-arrow {
    position: absolute;
    top: 28px;
    z-index: 2;
    background: none;
    font-size: 40px;
    border: none;
    color: #5B5B5B;
}
.comentarios-container .slick-prev {
    left: -40px;
}
.comentarios-container .slick-next {
    right: -40px;
}