@media(max-width:767px) {
  .col-xs-60 {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 50%;
  }
  .col-xs-60 div {
    flex: 1 1 100%;
  }
}

@media(max-width: 575px) {
  .col-xs-60 {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 100%;
  }
}



@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap');

/* === Barra de Cursos ao Final da Página */

h1, h2, h3, h4, h5, h6, p {
  font-family: Rubik, sans-serif;
  color: #212529;
}
.bgdestaquelaranja {
  background-color: #ffa500 !important;
}
.bgdestaqueverde {
  background-color: #92ff40 !important;
}
p {
  margin-bottom: 0;
}
body {
  background-color: #f0f0f0;
}
#cursos, #qualificacao {
  margin-top: -10px;
}

#cursos .destacado, #qualificacao .destacado {
  /*border: none !important;*/
  /*background-color: #ffa500 !important;*/
}
#cursos .card-curso, #qualificacao .card-qualificacao {
  position: relative;
  border: none;
  border-radius: 6px;
  padding: 12px 12px 16px 12px;
  margin-bottom: 30px;
  background-color: #ffffff;
}
#cursos .card-curso a, #qualificacao .card-qualificacao a {
  display: block;
  position: relative;
  text-decoration: none;
}

#cursos .card-qualificacao, #qualificacao .card-qualificacao {
  border: 1px solid #02580f;
  background-color: #eeffc7;
}
#cursos .card-curso-imagem, #qualificacao .card-curso-imagem {
  background-color: gray;
  /*height: 160px;*/
  height: 120px;
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
#cursos .card-curso-imagem img, #qualificacao .card-curso-imagem img {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
}
#cursos .card-curso-body, #qualificacao .card-curso-body {
  margin-top: 15px;
  padding-right: 5px;
  padding-left: 5px;
}
#cursos .card-nivel, #qualificacao .card-nivel {
  font-size: 14px;
  font-weight: normal;
  color: #212529;
}

#cursos .card-curso-body p.titulo, #qualificacao .card-curso-body p.titulo {
  font-size: 13px;
  line-height: 20px !important;
  margin-bottom: 0;
  font-style: italic;
}
#cursos .card-curso-body p, #qualificacao .card-curso-body p {
  font-size: 13px;
  line-height: 1.0 !important;
  margin-bottom: 0;
  font-style: italic;
}
#cursos .card-titulo, #qualificacao .card-titulo {
  font-style: normal !important;
  font-size: 20px !important;
  line-height: 20px;
  letter-spacing: -.5px;
  font-weight: bold;
  margin-top: 5px !important;
  margin-bottom: 6px !important;
}
@media(max-width:575px) {
  #cursos .card-titulo, #qualificacao .card-titulo {
    margin-bottom: 8px !important;
  }
}
#cursos .card-texto, #cursos .parcela-titulo, #qualificacao .card-texto, #qualificacao .parcela-titulo {
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
  font-style: italic;
}

#cursos .parcelas, #qualificacao .parcelas {
  margin-top: 10px;
  margin-bottom: 15px;
}
#cursos .parcelas span.cifrao, #qualificacao .parcelas span.cifrao {
  font-size: 14px;
  font-weight: bold;
}
#cursos .ctparcela, #qualificacao .ctparcela {
  border: none;
  /*background-color: #ffa500;*/
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 6px;
  margin-top: 0;
  padding: 0 0 0 0;
  font-size: 18px;
  line-height: 11px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  margin:0;
  margin-right: 5px;
}
#cursos .btn-card-saibamais, #qualificacao .btn-card-saibamais {
  padding: 10px 20px;
  font-size: 16px;
  color: white;
  background-color: #003248;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  line-height: 15px;
  text-decoration: none;
}

#ct-curso {
  padding: 5px;
}
#ct-curso .ct-img {
  max-width: 100%;
  width: 100%;
  height: 200px;
  border-radius: 6px;
  background-color: lightgray;
  margin-bottom: 25px;
}

#ct-curso .ct-nivel {
  display: inline-block;
  font-size: 14px;
  padding: 6px 15px;
  border-radius: 12px;
  background-color: #212529;
  color: #ffffff;
  margin-bottom: 10px;
}
#ct-curso .ct-titulo {
  font-size: 35px;
  line-height: 40px;
  font-weight: bold;
  letter-spacing: -.5px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#ct-curso .ct-texto {
  font-size: 16px;
  line-height: 24px;
}
#ct-curso .ct-texto h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
}

#option-modalidade .opcoes-curso {
  z-index: 100;
  margin: 15px 0;
}
#option-modalidade .opcoes-curso input[type=checkbox], .opcoes-curso input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  opacity: 0;
  display: none;
}

#option-modalidade .opcoes-curso label.btn {
  word-wrap: break-word;
  white-space: normal;
}
#option-modalidade .opcoes-curso label.btn span {
  font-size: 15px;
  letter-spacing: -0.6px;
  margin-left: 6px;
}
@media(max-width:420px) {
  #option-modalidade .opcoes-curso label.btn span {
    font-size: 14px;
  }
}
@media(max-width:380px) {
  #option-modalidade .opcoes-curso label.btn span {
    font-size: 13px;
  }
}
@media(max-width:350px) {
  #option-modalidade .opcoes-curso label.btn span {
    font-size: 12px;
  }
}
#option-modalidade .opcoes-curso label.btn > i {
  display: block;
  margin-top: 5px;
}

#option-modalidade .opcoes-curso label input[type="radio"] ~ i.fa.fa-circle-o{
  color: #777777;    display: inline;
}
#option-modalidade .opcoes-curso label input[type="radio"] ~ i.fa.fa-dot-circle-o{
  display: none;
}
#option-modalidade .opcoes-curso label input[type="radio"]:checked ~ i.fa.fa-circle-o{
  display: none;
}
#option-modalidade .opcoes-curso label input[type="radio"]:checked ~ i.fa.fa-dot-circle-o{
  color: #212529;    display: inline;
}
#option-modalidade .opcoes-curso label:hover input[type="radio"] ~ i.fa {
  color: #212529;
}

#option-modalidade .opcoes-curso label input[type="checkbox"] ~ i.fa.fa-square-o{
  color: #c8c8c8;    display: inline;
}
#option-modalidade .opcoes-curso label input[type="checkbox"] ~ i.fa.fa-check-square-o{
  display: none;
}
#option-modalidade .opcoes-curso label input[type="checkbox"]:checked ~ i.fa.fa-square-o{
  display: none;
}
#option-modalidade .opcoes-curso label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o{
  color: #7AA3CC;    display: inline;
}
#option-modalidade .opcoes-curso label:hover input[type="checkbox"] ~ i.fa {
  color: #7AA3CC;
}

#option-modalidade .opcoes-curso div[data-toggle="buttons"] label.active{
  color: #212529;
}

#option-modalidade .opcoes-curso div[data-toggle="buttons"] label {
  display: flex;
  align-items: flex-end;
  padding: 6px 15px;
  margin-bottom: 6px;
  font-weight: normal;
  line-height: 2em;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
  cursor: pointer;
  border: 1px solid #c8c8c8;
  border-radius: 6px;
  color: #212529;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  border-bottom: 1px solid lightgray;
  font-size: 16px;
  background-color: #ffa500;
}

#option-modalidade .opcoes-curso div[data-toggle="buttons"] label:hover {
  color: #7AA3CC;
}

#option-modalidade .opcoes-curso div[data-toggle="buttons"] label:active, .opcoes-curso div[data-toggle="buttons"] label.active {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#option-modalidade .opcoes-curso .relative {
  position: relative;
}
#option-modalidade .opcoes-curso .barra-m {
  position: absolute;
  top: 0;
  left: 0;
  height: 50px;
  width: 100%;
  background-color: #14D9F8 !important;
  border-radius: 6px;
  z-index: -1;
}
#option-modalidade .opcoes-curso .barra-m-100 {
  width: 100%;
}
#option-modalidade .opcoes-curso .barra-m-90 {
  width: 90%;
}
#option-modalidade .opcoes-curso .barra-m-80 {
  width: 80%;
}
#option-modalidade .opcoes-curso .barra-m-70 {
  width: 60%;
}
#option-modalidade .opcoes-curso .barra-m-60 {
  width: 60%;
}
#option-modalidade .opcoes-curso .barra-m-50 {
  width: 50%;
}
#option-modalidade .opcoes-curso .barra-m-40 {
  width: 40%;
}
#option-modalidade .opcoes-curso .barra-m-30 {
  width: 30%;
}
#option-modalidade .opcoes-curso .barra-m-20 {
  width: 20%;
}
#option-modalidade .opcoes-curso .barra-m-10 {
  width: 10%;
}
#option-modalidade .opcoes-curso .barradisabled > label, #option-modalidade .opcoes-curso .barradisabled > label > div {
  background-color: #d3d3d3 !important;
}
#option-modalidade .opcoes-curso .barradisabled > label > span {
  color: #808080 !important;
}
#option-modalidade .opcoes-curso .barradisabled > label > i.fa {
  color: #c0c0c0 !important;
}
#option-modalidade .opcoes-curso .barradisabled {
  pointer-events:none;
}



#option-modalidade {
  padding: 15px;
  border: 1px solid #a2a2a2;
  border-radius: 6px;
  margin-top: 25px;
  position: relative;
}
#option-modalidade div[data-toggle=buttons] {
  width: 100%;
}
#option-modalidade p, #option-turno p {
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
  margin-bottom: 15px;
}
#option-modalidade .opcoes-curso .btn-group-vertical>.btn {
  z-index: 1;
}
.infoC {
  background-color: transparent;
  padding: 10px 0;
  border-radius: 8px;
}
.infoC p {
  padding: 0;
  margin: 0 0 10px 0;
  line-height: 20px;
  color: #ffffff;
}
.infoC .valor {
  font-size: 25px;
  font-weight: bold;
  color: #ffffff;
  margin: 7px auto 5px auto;
}
.infoC a, .infocurso a {
  text-decoration: none;
}
.infoC a .btn-matricula, .infocurso a .btn-matricula {
  background-color: #ffa500;
  margin: 15px 0;
  font-weight: bold;
  color: #00253b;
}
.infoC a:hover .btn-matricula, .infocurso a:hover .btn-matricula {
  background-color: #c46500;
  color: #ffffff;
  margin: 15px 0;
  font-weight: bold;
}
button#concluirPreMatricula.btn-matricula, button#continuarPreMatricula.btn-matricula {
  background-color: #ffa500;
  margin: 15px 0;
  font-weight: bold;
  color: #00253b;
  padding: 10px 35px;
}
button#concluirPreMatricula.btn-matricula:hover, button#continuarPreMatricula.btn-matricula:hover {
  background-color: #c46500;
  color: #ffffff;
  margin: 15px 0;
  font-weight: bold;
  text-decoration: none !important;
}
button#concluirPreMatricula.btn-matricula-disabled {
  background-color: #dcdcdc;
  margin: 15px 0;
  font-weight: bold;
  color: gray;
  pointer-events: none !important;
  text-decoration: none !important;
  padding: 10px 35px;
}
button#concluirPreMatricula.btn-matricula-disabled:hover {
  background-color: #dcdcdc;
  margin: 15px 0;
  font-weight: bold;
  color: gray;
  pointer-events: none !important;
  text-decoration: none !important;
}
a#linkConcluirPreMatricula {
  display:block;
}
a#linkConcluirPreMatricula.linkDisabled {
  display:block;
  pointer-events: none !important;
  text-decoration: none !important;
}
a#linkConcluirPreMatricula:hover{
  text-decoration: none !important;
}
#listaBotoesPreMatricula {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 60px;
}



.infobar {
  position: relative;
}
@media(min-width:767px) {
  .infobar {
    position: fixed;
  }
}
.infobar {
  border: 1px solid lightgray;
  padding: 17px;
  background-color: #003248;
  border-radius: 15px;
  z-index: 1;
  transition: all .5s ease-out;
  margin: 0 30px 40px 0;
}
.infobar p {
  font-size: 14px;
  line-height: 18px;
}
@media(max-width: 576px) {
  .infobar {
    margin: 25px 0 40px 0;
    position: relative;
  }
}

.infoC p.mensagem {
  font-size: 20px;
  font-weight: bold;
  line-height: 20px;
}
.infoC .valores {
  display: block;
}
.infoC .polo {
  font-size: 20px;
  margin-top: 5px;
  font-weight: 500;
}
.infoC hr {
  margin-top: 20px;
  border-top: 1px solid #ffffff;
}
#ct-curso .ct-img {
  position: relative;
  overflow: hidden;
}
#ct-curso .ct-img img {
  min-height: 100%;
  height: 100%;
  width: auto;
}
#option-polo {
  padding: 15px;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #a2a2a2;
  border-radius: 6px;
}
#option-polo label {
  font-size: 18px;
  font-weight: bold;
  padding-top: 0;
}

#option-turno {
  padding: 15px;
  margin: 25px 0;
  border: 1px solid #a2a2a2;
  border-radius: 6px;
}

#option-turno .btn_choose_sent input {
  -webkit-appearance: none;
  display: block;
  margin: 10px;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  cursor: pointer;
  vertical-align: middle;
  box-shadow: hsla(0,0%,100%,.15) 0 1px 1px, inset hsla(0,0%,0%,.5) 0 0 0 1px;
  background-color: hsla(0,0%,0%,.2);
  background-image: -webkit-radial-gradient( #fff 0%, #fff 15%, #fff 28%, #fff 70% );
  background-repeat: no-repeat;
  -webkit-transition: background-position .15s cubic-bezier(.8, 0, 1, 1),
  -webkit-transform .25s cubic-bezier(.8, 0, 1, 1);
  outline: none;
}
#option-turno .btn_choose_sent input:checked {
  -webkit-transition: background-position .2s .15s cubic-bezier(0, 0, .2, 1),
  -webkit-transform .25s cubic-bezier(0, 0, .2, 1);
}
#option-turno .btn_choose_sent input:active {
  -webkit-transform: scale(1.5);
  -webkit-transition: -webkit-transform .1s cubic-bezier(0, 0, .2, 1);
}

/* The up/down direction logic */

#option-turno .btn_choose_sent input,
#option-turno .btn_choose_sent input:active {
  background-position: 0 24px;
}
#option-turno .btn_choose_sent input:checked {
  background-position: 0 0;
}
#option-turno .btn_choose_sent input:checked ~ input,
#option-turno .btn_choose_sent input:checked ~ input:active {
  background-position: 0 -24px;
}
#option-turno .btn_choose_sent{
  background-color: #eaba3c;
  color: #fff;
//box-shadow: 0 10px 20px rgba(125, 147, 178, .3);
  border: none;
  border-radius: 3px;
  font-size: 16px;
  line-height: 10px;
  padding:  16px 20px 16px 38px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  margin-right: 30px;
  transition: all .3s;
  height: auto;
  cursor: pointer;
  position: relative;
  outline: none;
  margin-bottom: 15px;
}
#option-turno .btn_choose_sent input{
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  top: 2px;
}
#option-turno .btn_choose_sent input:after{
  position: absolute;
  content: '';
  width: 15rem;
  left: 0;
  right: 0;
  /* background: red; */
  /* z-index: -1; */
  height: 40px;
  top: -10px;
}
#option-turno .bg_btn_chose_1{
//background-color: #f78968 !important;
}
#option-turno .bg_btn_chose_2{
//background-color: #4e336fdb !important;
}
#option-turno .bg_btn_chose_3{
//background-color: #359dcc !important;
}
/*-=p=--=*/
#option-turno .btn_choose_sent_check_b{
  background-color: #EF2D56 !important;
  color: #fff;
//box-shadow: 0 10px 20px rgba(125, 147, 178, .3);
  border: none;
  border-radius: 3px;
  font-size: 16px;
  line-height: 10px;
  padding:  16px 20px 16px 46px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  margin-right: 30px;
  transition: all .3s;
  height: auto;
  cursor: pointer;
  position: relative;
  outline: none;
}
#cursos .matdestaques, #qualificacao .matdestaques {
  padding: 25px;
}
#formPreMatricula .title {
  font-size: 25px;
  margin-bottom: 5px;
}
#formPreMatricula .title-texto {
  font-size: 18px;
  margin-bottom: 25px;
}

#form-pre {
  margin: 20px 0;
}
#form-pre p {
  margin-bottom: 6px;
}

#option-turno {
}

#option-turno input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

#option-turno label {
  display: inline-block;
  background-color: lightgray;
  padding: 10px 20px;
  font-family: sans-serif, Arial;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid transparent;
}

#option-turno label:hover {
  /*background-color: #00253b;*/
  border: 1px solid #212529;
  color: #212529;
}

#option-turno input[type="radio"]:focus + label {

}

#option-turno input[type="radio"]:checked + label {
  background-color: #ffa500;
  color: #212529;
}
#option-turno label.lbldisabled {
  pointer-events:none;
}


.infocurso {
  margin-top: 10px;
}
.infocurso > .info {
  padding: 10px;
  background-color: #00253b;
  border: 1px solid lightgray;
  margin: 10px 0;
  display: flex;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
}
.infocurso .info .txtinfo {
  display: inline-block;
}
.infocurso .info .txtinfo p {
  font-size: 14px;
  line-height: 18px;
  margin: 0;
  color: #ffffff;
}
#menucima .portais, #menucima .toposocial {
  /*display: flex;*/
  /*flex-direction: row;*/
}
#menucima .portais a {
  flex: 1;
}
#destaques {
  display: block;
  margin: 30px 0;
  padding: 30px 0;
  background-color: #ffa500;
}
.bannerHome {
  overflow: hidden;
}
.bannerHome img {
  display: none;
}
.cardHomeDesktop {
  display: none;
}
@media(min-width:576px) {
  .cardHomeDesktop {
    display: flex;
  }
}

.cardHomeDesktop div {
  display: block;
}
/*.owl-destaques {*/
/*  height: 200px;*/
/*}*/
.curso-item {
  display: block;
  border: 1px solid black;
  width: 100px;
  height: 150px;
}
.owl-popular {
  padding: 15px;
}

#destaques .owl-item {
  opacity: 1;
}

#destaques .card-curso {
  position: relative;
  border: 0 solid #003248;
  border-radius: 6px;
  padding: 12px 12px 20px 12px;
  margin-bottom: 30px;
  background-color: #ffffff;
}
#destaques .card-curso a {
  display: block;
  position: relative;
}
#destaques .card-qualificacao {
  border: 1px solid #02580f;
  background-color: #eeffc7;
}
#destaques .card-curso-imagem {
  background-color: gray;
  height: 160px;
  max-width: 100%;
  width: 100%;
  border-radius: 6px;
  overflow: hidden;
}
#destaques .card-curso-imagem img {
  max-height: 100%;
  max-width: 100%;
  height: 100%;
  width: 100%;
}
#destaques .card-curso-body {
  margin-top: 15px;
  padding-right: 5px;
  padding-left: 5px;
}
#destaques .card-nivel {
  font-size: 14px;
  font-weight: normal;
  color: #212529;
}
#destaques .card-titulo {
  font-size: 18px;
  line-height: 20px;
  letter-spacing: -.5px;;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 8px;
}
#destaques .card-texto, #cursos .parcela-titulo, #qualificacao .parcela-titulo  {
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 5px;
  font-style: italic;
  margin-right: 0px;
}
#destaques .card-texto, #cursos .parcela-valor, #qualificacao .parcela-valor {
  font-size: 20px;
  line-height: 15px;
  margin-bottom: 0;
  font-style: italic;
  font-weight: bold;
}
#qualificacao .parcela-titulo {
  display: inline-block;
  font-size: 13px;
  line-height: 15px;
  margin-bottom: 0;
  font-style: italic;
  margin-right: 3px;
}

#destaques .parcelas {
  margin-top: 10px;
  margin-bottom: 15px;
}
#destaques .parcelas span.cifrao {
  font-size: 14px;
  font-weight: bold;
}
#destaques .parcela {
  border: none;
  /*background-color: #ffa500;*/
  margin-left: 20px;
  margin-right: 20px;
  border-radius: 6px;
  margin-top: 0;
  padding: 0 0 0 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;

}
#destaques .btn-card-saibamais {
  padding: 6px 25px;
  font-size: 16px;
  color: white;
  background-color: #003248;
  font-weight: bold;
  border: none;
  border-radius: 4px;
}
#destaques button.owl-next {
  right: 20px;
}
#destaques p.title-destaque {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 25px;
  margin-bottom: 15px;
  /*border-bottom: 1px solid #212529;*/
}

#cursos .row.flexrow, #qualificacao .row.flexrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#qualificacao .row.flexrow {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media(max-width:766px) {
  #qualificacao .row.flexrow {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.owl-teste .item {
  min-height: 100px;
  height: 100%;
}
.owl-teste .imagem-teste {
  display: block;
  height: 140px;
  border: 1px solid #212529;
}
.infoC p {

}

/* === Classes de Erro no Form Matrícula ==== */

#option-modalidade.erro, #option-polo.erro, #option-turno.erro {
  border: 2px solid #ff0000 !important;
}
#blocoPrematricula input.erro, input.erro {
  border: 1px solid #ff0000 !important;
}
#blocoPrematricula select.erro, select.erro {
  border: 1px solid #ff0000 !important;
}
.infoC input.erro {
  border: 1px solid #ff0000 !important;
  background-color: #fdd5d5;
  color: #000000;
}
.secaopop {
  margin: 10px 0 30px 0;
  border-radius: 8px;
  padding: 20px 10px;
}
.secaopop h1 {
  font-weight: bold;
  font-size: 28px;
  margin: 0;
  color: #212529;
  line-height: 33px;
  margin-bottom: 10px;
}
.secaopop p {
  font-size: 18px;
  margin: 0;
  color: #212529;
}
.secao {
  margin: 10px 0 30px 0;
  border-radius: 8px;
  background-color: #02580f;
  padding: 20px 10px;
}
.secao h1 {
  font-weight: bold;
  font-size: 28px;
  margin: 0;
  color: #ffffff;
  line-height: 33px;
  margin-bottom: 10px;
}
.secao p {
  font-size: 18px;
  margin: 0px;
  color: #ffffff;
}
.btn-carregarmais {
  background-color: #02580f;
  color: #ffffff;
}
.btn-carregarmais:hover {
  background-color: #47a447;
  color: #ffffff !important;
}
#rowBtnQualifica {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
}
.secaoct {
  position: relative;
  margin: 20px 0 0 0;
}
.secaoct p {
  margin-bottom: 15px;
  font-size: 20px;
}
#informacoes h2 {
  font-weight: bold;
  font-size: 32px;
}
#informacoes ul {

}
#informacoes ul li {
  list-style-type: none;
  color: #212529;
  font-size: 17px;
}
.btn-info-saibamais {
  display: inline-block;
  padding: 0 10px;
  color: #ffffff;
  background-color: #777777 !important;
  border-radius: 8px;
  margin-bottom: 25px;
  font-size:12px;
  text-decoration: none;
  font-weight: normal;
}
.btn-info-saibamais:hover {
  color: #212529;
  background-color: #a2a2a2 !important;
  text-decoration: none;
}
h2.ct-titulo {
  margin-bottom: 20px;
}
h2.ct-titulo ~ p:first-of-type {
  font-size: 20px;
  margin-bottom: 15px;
}
@media(min-width: 767px) {
  a.saibamaisdesk {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  a.saibamaismob {
    display: none;
  }
}
a.saibamaisdesk {
  display: none;
}
a.saibamaismob {
  display: block;
  margin-top: -150px;
  margin-bottom: 150px;
}
.parcelas > .valor, .parcelas > p.parcela {
  display: inline-block;
  padding: 5px 5px 0px 4px;
  margin: 0;
  border-radius: 5px;
  color: #212529;
  background-color: #ffa500;
}
h2.title-instructions {
  font-size: 20px;
  border-top: 1px solid lightgray;
  padding-top: 15px;
  margin-top: 10px;
  line-height: 26px;
}
.borda-doc > p {
  color: #777777;
}
.borda-doc > ul.list li {
  color: #777777 !important;
}
#informacoes ul {
  padding-left: 15px;
}
#informacoes ul li p {
  display: inline-block;
  margin-left: 6px;
}
#informacoes ul li:before {
  content: "";
  display: inline;
}
#blocoPrematricula {
  margin-bottom: 60px;
}
p#infoQualificacao {
  font-size: 17px;
}
h1.titulo-curso {
  color: #02580f;
  margin: 0 0 10px 0;
  padding: 0;
  font-family: rubik,open sans,"sans-serif";
  font-size: 36px;
  font-weight: 700;
  line-height: 37px;
}
h1.titulo-curso:after {
  content: "";
  width: 0;
  height: 0;
  background: transparent;
  display: none !important;
  margin: 0;
}
.card-curso button.embreve {
  background-color: #d41414 !important;
}
#matriculaValores > p:first-child {
  margin-bottom: 0;
}
p.duracao {
  font-size: 13px;
  line-height: 12px;
  margin-top: 9px;
}
.card-curso > .parcelas > .duracao > p {
  font-size: 14px;
  line-height: 14px;
  margin-top: 5px;
}
.secaoct > .opt-listagem {
  display: block;
  position: absolute;
  top:0;
  right:0;
  margin-bottom: 25px;
  background-color: transparent;
  color: #212529;
  opacity: 1;
}
@media(max-width: 679px) {
  .secaoct > .opt-listagem {
    position: relative;
  }
}
.secaoct > .opt-listagem > button:first-child {
  margin-right: 15px;
}
.secaoct > .opt-listagem > button {
  background-color: transparent;
  color: #212529;
  opacity: 0.8;
  border: 1px solid #003248;
  border-radius: 4px;
  padding: 6px 15px;
}
.secaoct > .opt-listagem > button:hover {
  background-color: #003248;
  color: #ffffff;
  opacity: 0.8;
  border: 1px solid #003248;
  border-radius: 4px;
}
.secaoct > .opt-listagem > button.active {
  background-color: #003248;
  color: #ffffff;
  opacity: 1;
  border: 1px solid #003248;
  border-radius: 4px;
}
.ct-cardlista {
  display: flex;
}
.ct-cardlista p.card-texto+p{
  display: none;
}
@media(max-width:575px) {
  .ct-cardlista > div > div.card-curso .card-curso-body p:not(.card-titulo), .ct-cardlista > div > div.card-qualificacao .card-curso-body p:not(.card-titulo) {
    display: none;
  }
}
.ct-cardlista > div > div.card-curso, .ct-cardlista > div > div.card-qualificacao {
  display: flex;
  margin-bottom: 15px !important;
  flex-direction: row;
}
@media(max-width:575px) {
  .ct-cardlista > div > div.card-curso, .ct-cardlista > div > div.card-qualificacao {
    display: flex;
    margin-bottom: 15px !important;
    flex-direction: column;
  }
  .ct-cardlista .card-curso-body p {
    text-align: center;
  }
  .ct-cardlista .card-curso > a:last-child, .ct-cardlista .card-qualificacao > a:last-child {
    margin-top: 5px;
  }
  .ct-cardlista > div > .card-curso > .card-curso-body > p:last-child, .ct-cardlista > div > .card-qualificacao > .card-curso-body > p:last-child {
    margin-bottom: 5px !important;
  }
}
.ct-cardlista > div > div.card-curso a:last-child, .ct-cardlista > div > div.card-qualificacao a:last-child {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ct-cardlista > div > div.card-curso > div.card-curso-body, .ct-cardlista > div > div.card-qualificacao > div.card-curso-body {
  flex: 6;
}
.ct-cardlista > div > div.card-curso > div.parcelas, .ct-cardlista > div > div.card-qualificacao > div.parcelas {
  flex: 4;
}
.ct-cardlista > div > div.card-curso > div, .ct-cardlista > div > div.card-curso > a, .ct-cardlista > div > div.card-qualificacao > div, .ct-cardlista > div > div.card-qualificacao > a {
  flex: 3;
}

.ct-cardlista > div > div.card-curso > div.parcelas, .ct-cardlista > div > div.card-qualificacao > div.parcelas {
  margin-bottom: 0 !important;
  text-align: left;
  align-self: center;
}
@media(max-width:575px) {
  .ct-cardlista > div > div.card-curso > div.parcelas, .ct-cardlista > div > div.card-qualificacao > div.parcelas {
    text-align: center;
  }
}
.ct-cardlista > div > div.card-curso > div.card-curso-body, .ct-cardlista > div > div.card-qualificacao > div.card-curso-body {
  align-self: center;
}
.ct-cardlista > div > div.card-curso a, .ct-cardlista > div > div.card-qualificacao a {
  display: inline-block;
}
.ct-cardlista > div > div > a:first-child {
  max-width: 120px;
  max-height: 60px;
  display: none !important;
  float:left;
}
.ct-cardlista > div > div > .card-curso-body {
  /*display: inline-block;
  float: left*/;
  text-align: left;
  margin-top: 0 !important;
  padding-right: 10px !important;
}
.ct-cardlista > div > div > .parcelas {
  /*display: inline-block;
  float: left;*/
  text-align: left;
  margin-top: 0 !important;
}
span.modalidquestion {
  display: inline-block;
  position: relative;
  top: 6px;
  left: 0;
  z-index: 1;
}
span.modalidquestion button {
  float: left;
  background-color: #777777;
  padding: 0px 7px;
  border-radius: 8px;
  border: none;
  color: #ffffff;
  font-size: 11px;
  margin-left: 10px;
  font-weight: normal;
  display: inline-block;
  position: relative;
}
#infoModalidade {
  z-index: 99999999;
}
#infoModalidade > .modal-dialog > .modal-content {
  background-color: #ffffff;
  color: #212529;
}
#infoModalidade > .modal-dialog > .modal-content > .modal-header {
  background-color: #ffa500;
  color: #ffffff;
  border-radius: 6px 6px 0 0;
}
#infoModalidade > .modal-dialog > .modal-content > .modal-header > h5 {
  font-size: 18px;
  line-height: 1.2;
  color: #212529;
}
#infoModalidade > .modal-dialog > .modal-content > .modal-header > p {
  font-size: 15px;
  line-height: 1.3;
  margin-top: 5px;
  color: #212529;
}
#infoModalidade > .modal-dialog > .modal-content > .modal-body > p {
  font-size: 16px;
  line-height: 1.4;
  color: #212529;
  margin: 0;
}
#infoModalidade > .modal-dialog > .modal-content > .modal-body > p b {
  margin-bottom: 8px;
}
#infoModalidade > .modal-dialog > .modal-content > .modal-body > hr {
  margin: 8px 0;
}
.btn-legenda {
  background-color: #404040;
  color: #ffffff;
}
.btn-legenda:hover {
  background-color: #212529;
  color: #ffffff;
}
.ct-whatsapp {
  padding: 8px 42px 8px 8px;
  border: 1px solid green;
  position: relative;
  color: white;
  border-radius: 6px;
}
.ct-whatsapp a p {
  color: white;
  font-size: 13px;
  line-height: 14px;
  text-decoration: none;
}
.ct-whatsapp a:hover p {;
  text-decoration: none;
}
.ct-whatsapp a img {
  position: absolute;
  top: -4px;
  right: -5px;
  max-width: 40px;
  max-height: 80px;
}
.spacer {
  display: block;
  width: 100%;
  height: 1px;
  background-color: transparent !important;
  border: none;
  margin: 30px auto;
}
#buscaopcoes {
  margin: 25px 0 0 0;
  border: none;
  background-color: #47a447;
}
#buscaopcoes .busca{
  /*margin: 15px 0;*/
}
#buscaopcoes .topobusca {
  background-color: #02580f;
  padding: 25px 0 10px 0;
}
#buscaopcoes .topobusca h3, #buscaopcoes .topobusca p {
  color: #ffffff;
}
#buscaopcoes .btn-busca-home {
  float: right;
  color: #ffffff;
  background-color: #02580f;
}
#buscaopcoes .topobusca .btn-busca-home:hover {
  background-color: #ffa500;
  color: #02580f;
  font-weight: bold;
}
#buscaopcoes .topobusca > div > div > div > div {
  display: inline-block;
  width: 100%;
}
#buscaopcoes .topobusca h3, #buscaopcoes .topobusca p {
  float: left;
}
#buscaopcoes .topobusca > div > div > div > div+div {
  float: right;
}
#buscaopcoes div.busca {
  color: #212529;
  border-radius: 6px;
}
#buscaopcoes div.busca p.titulo {
  color: #212529;
  font-size: 16px;
  /*margin-bottom: 12px;*/
  line-height: 18px;
}
/*#buscaopcoes > div > div > div:first-child {*/
/*  margin-bottom: 15px;*/
/*}*/
#buscaopcoes h3 {
  color: #212529;
  margin: 0;
  margin-right: 10px;
}
#buscaopcoes .topobusca p {
  color: #ffffff;
  line-height: 19px;
  margin-top: 6px;
  font-size: 16px;
}

#buscaopcoes .buscainput {
  display: flex;
}
#buscaopcoes .buscainput button {
  margin-left: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}

.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1.3333333;
  border-radius: 6px;
}
#buscaopcoes .buscacurso {
  padding-top: 15px;
}
#buscaopcoes .buscapolo, #buscaopcoes .buscainput {
  padding-top: 0;
}
@media(min-width:768px) {
  #buscaopcoes .buscapolo, #buscaopcoes .buscainput {
    padding-top: 15px;
  }
}
#buscaopcoes .buscacurso, #buscaopcoes .buscapolo, #buscaopcoes .buscainput {
  padding-bottom: 15px;
}
#spinner {

}

/* SPINNER LOADING ANIMATION */
#spinner {
  display: none;
}
.onSpinner {
  display: block !important;
}
#spinner .bgspinner {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #212529;
  opacity: 0.8;
  z-index: 999999;
  display: flex;
}
.sp {
  width: 32px;
  height: 32px;
  clear: both;
  margin: 20px auto;
  align-self: center;
}
/* Spinner Circle Rotation */
.sp-circle {
  border: 4px rgba(0, 0, 0, 0.25) solid;
  border-top: 4px #ffffff solid;
  border-radius: 50%;
  -webkit-animation: spCircRot 0.6s infinite linear;
  animation: spCircRot 0.6s infinite linear;
}
@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
#resultadosBusca {
  background-color: #92ff40;
  display: none;
  transition: all 3s ease-in-out;
}
#resultadosBusca .msg {
  display: block;
  padding: 15px 0;
}
#resultadosBusca .msg h2 {
  font-size: 23px;
  font-weight: normal;
  margin-bottom: 6px;
  display: inline-block;
  text-align: center;
  color: #02580f;
  line-height: 25px;
}
#resultadosBusca .msg p {
  font-weight: normal;
  color: #02580f;
  font-size: 18px;
}
#resultadosBusca .msg .filtroMsg p b {
  margin-right: 6px;
}
#resultadosBusca .msg hr {
  margin: 6px;
  background-color: #3fa24e;
  border: none;
  background-image: none !important;
}
#buscaopcoes .disabled {
  background: #47a447;
  color: #02580f;
  pointer-events: none;
  touch-action: none;
  border: 1px solid #02580f;
}
#buscaopcoes input.disabled::placeholder {
  color: #02580f;
}
#buscaopcoes button.disabled {
  background: none;
  color: #02580f;
  pointer-events: none;
  touch-action: none;
  border: 1px solid #02580f;
}
#buscaopcoes_old {
  display: none;
}
#buscapolo, #buscaqualificacao {
  display: block;
  margin: 0 0 15px 0;
}
#buscapolo p, #buscaqualificacao p {
  display: inline-block;
  font-size: 16px;
  line-height: 20px;
}
@media(max-width: 680px) {
  /*#buscapolo {
    display: flex;
  }
  #selectBuscaPolo {
    flex: 1;
  }

  #buscapolo p {
    flex: 1;
    margin: 0;
    margin-left: auto;
  }
  #resultadoBusca {
  flex-direction: column;
}*/
}
#buscapolo p, #buscaqualificacao p {
  margin-bottom: 6px;
  margin-left: auto;
}

#buscapolo #selectBuscaPolo, #buscaqualificacao #selectBuscaQualificacao {
  display: inline-block;
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
#resultadoBusca {
  position: relative;
  padding: 10px;
  font-weight: normal;
  background-color: #96ff70;
  border-radius: 6px;
  margin-top: 15px;
  display: none;
}
#resultadoBusca p {
  margin: 0;
}
.secaoct hr {
  background-image: -webkit-linear-gradient(left, transparent, #DBDBDB, transparent);
  background-image: linear-gradient(to right, transparent, #DBDBDB, transparent);
  border: 0;
  height: 1px;
  margin: 12px 0;
}
#resultadoBuscaFechar {
  display: inline-block;
  position: absolute;
  top: -7px;
  right: -7px;
  cursor: pointer;
  padding: 1px 5px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #96ff70;
}
#resultadoBuscaFechar p {
  color: #02580f;
  font-size: 13px;
  font-weight: bold;
}
#pagamentovista {
  font-size: 14px;
  line-height: 17px;
  margin-top: 6px;
}
.erroshake {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}
@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }

  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}
#titulo-cursos {
  margin: 20px 0 10px 0;
  font-weight: bold;
}
#titulo-cursos p {
  font-size: 18px;
}
#listaBotoesPreMatricula .btn {
  margin-bottom: 10px;
}