div.modal {
  margin: 0 auto;
  width: 90%;
  max-width: 800px;
  background: #fff;
  position: relative; }
  div.modal header {
    background: #ededed;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-bottom: 2px solid #426da9;
    position: relative;
    padding: 0 120px 0 20px;
    font-family: "Arial";
    font-weight: bold;
    font-size: 18px; }
    div.modal header span.title {
      display: inline-block;
      vertical-align: middle;
      line-height: normal; }
  div.modal section {
    width: 100%;
    padding: 20px; }
    div.modal section fieldset {
      border-radius: 5px; }
      div.modal section fieldset h4 {
        background: url(/assets/common/img/ico_IB.jpg) no-repeat left;
        height: 40px;
        line-height: 40px;
        padding-left: 50px;
        font-size: 13px;
        font-weight: normal; }
      div.modal section fieldset ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        div.modal section fieldset ul li {
          float: left;
          font-size: 13px;
          margin-left: 5px; }
          div.modal section fieldset ul li input[type="text"] {
            border: 1px solid #d6d6d6;
            border-radius: 5px;
            padding: 5px;
            margin-right: 5px; }
            div.modal section fieldset ul li input[type="text"]#AGN {
              width: 80px; }
            div.modal section fieldset ul li input[type="text"]#CTA {
              width: 80px; }
            div.modal section fieldset ul li input[type="text"]#DIGCTA {
              width: 30px; }
          div.modal section fieldset ul li.link {
            margin-left: 10px; }
            div.modal section fieldset ul li.link a {
              display: table;
              position: relative;
              text-decoration: none;
              color: #393939;
              margin-top: 5px; }
              div.modal section fieldset ul li.link a:before {
                content: '\203A';
                position: absolute;
                top: -2px;
                right: -12px;
                font-size: 17px; }
              div.modal section fieldset ul li.link a:hover {
                color: #75a7ec; }
    div.modal section .acessoIB {
      border-radius: 5px;
      border: 1px solid #c0c0c0;
      margin: 0;
      padding: .35em .625em .75em; }
      div.modal section .acessoIB h4 {
        background: url(/assets/common/img/ico_IB.jpg) no-repeat left;
        height: 40px;
        line-height: 40px;
        padding-left: 50px;
        font-size: 13px;
        font-weight: normal; }
    div.modal section ul.accordion div.description p {
      margin: 0 0 20px 0 !important; }
    div.modal section p {
      margin-bottom: 12px;
      font-family: arial;
      font-size: 13px;
      line-height: 18px; }
    div.modal section a.lnk {
      color: #00539F !important; }
      div.modal section a.lnk:hover {
        color: #297dcb !important;
        text-decoration: underline !important; }
  div.modal button.mfp-close {
    position: absolute;
    display: table;
    top: 11px;
    width: 76px;
    height: 24px;
    padding: 0 0 0 12px;
    line-height: 23px;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(50%, #ffffff), color-stop(100%, #efefef));
    background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
    background: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
    background: -ms-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef', GradientType=0 );
    border-radius: 5px;
    border: 1px solid #dfdfdf;
    opacity: 1;
    text-decoration: none; }
    div.modal button.mfp-close:hover {
      color: #488ae6; }
    div.modal button.mfp-close:before {
      content: '\00d7';
      position: absolute;
      left: 8px;
      top: 0;
      color: #ff0000;
      font-size: 18px; }
  div.modal input[type="submit"].ok {
    width: 44px;
    height: 27px;
    line-height: 13px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    background: #b90925;
    background: -moz-linear-gradient(top, #b90925 0%, #e31b32 50%, #b90a25 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #b90925), color-stop(50%, #e31b32), color-stop(100%, #b90a25));
    background: -webkit-linear-gradient(top, #b90925 0%, #e31b32 50%, #b90a25 100%);
    background: -o-linear-gradient(top, #b90925 0%, #e31b32 50%, #b90a25 100%);
    background: -ms-linear-gradient(top, #b90925 0%, #e31b32 50%, #b90a25 100%);
    background: linear-gradient(to bottom, #b90925 0%, #e31b32 50%, #b90a25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b90925', endColorstr='#b90a25', GradientType=0 );
    border-radius: 5px;
    border: 1px solid #b90925;
    color: #fff; }

#modalURLExterna section h3 {
  font-size: 16px;
  margin-bottom: 20px; }
#modalURLExterna section p {
  font-size: 13px;
  margin-bottom: 20px; }
#modalURLExterna section img {
  width: 100%;
  display: block; }
#modalURLExterna section .img-link-externo {
  border-bottom: 1px solid #d2d2d2;
  text-align: center; }
  #modalURLExterna section .img-link-externo img {
    max-width: 220px;
    display: inline; }

#modalChrome, #modalOtherBrowser {
  width: 100%;
  max-width: 700px; }
  #modalChrome button.mfp-close, #modalOtherBrowser button.mfp-close {
    right: 0;
    top: 27px;
    filter: alpha(opacity=0);
    -o-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -moz-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -khtml-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    -webkit-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -o-opacity: 0;
    -ms-opacity: 0;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    -webkit-opacity: 0; }

.mfp-title {
  width: 100%;
  position: absolute;
  color: #000;
  background: #EDEDED;
  border-bottom: 2px solid #426da9;
  top: -52px;
  min-height: 50px;
  line-height: 50px;
  font-family: arial;
  font-size: 18px;
  padding-left: 20px; }

.mfp-iframe-scaler button.mfp-close {
  display: table;
  right: 20px;
  top: -38px;
  width: 76px;
  height: 24px;
  padding: 0 0 0 12px;
  line-height: 23px;
  color: #000;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  background: #f6f6f6;
  background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #f6f6f6), color-stop(50%, #ffffff), color-stop(100%, #efefef));
  background: -webkit-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
  background: -o-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
  background: -ms-linear-gradient(top, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
  background: linear-gradient(to bottom, #f6f6f6 0%, #ffffff 50%, #efefef 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#efefef', GradientType=0 );
  border-radius: 5px;
  border: 1px solid #dfdfdf;
  opacity: 1; }
  .mfp-iframe-scaler button.mfp-close:hover {
    color: #488ae6; }
  .mfp-iframe-scaler button.mfp-close:before {
    content: '\00d7';
    position: absolute;
    left: 8px;
    top: 0;
    color: #ff0000;
    font-size: 18px; }
.mfp-iframe-scaler iframe {
  box-shadow: none;
  padding: 20px;
  min-height: 460px; }

.mfp-youtube button.mfp-close {
  right: 0; }

/* Modal Como Adquirir */
#modalComoAdquirir p, #modalAgenciaBradesco p, #modalCapitalizacaoBradescoSolucaoDeAluguel p,
#modalAtendimentoSolucaoAluguel p, #modalEconomiaPremiavel p, #modalIbiCapitalizacao p, #modalPremiumCash p, #modalProtecaoPessoal p,
#modalProtecaoDesemprego p, #modalFaleComSeuGerente p, #modalCentralDeAtendimento p, #modalReposicaoDeCartao p,
#modalFacilidadePagamentoFaturas p, #modalSeguroLifePlus p, #modalProtecaoPlusBradesco p {
  font-size: 13px;
  margin-bottom: 10px; }
#modalComoAdquirir a, #modalAgenciaBradesco a, #modalCapitalizacaoBradescoSolucaoDeAluguel a,
#modalAtendimentoSolucaoAluguel a, #modalEconomiaPremiavel a, #modalIbiCapitalizacao a, #modalPremiumCash a, #modalProtecaoPessoal a,
#modalProtecaoDesemprego a, #modalFaleComSeuGerente a, #modalCentralDeAtendimento a, #modalReposicaoDeCartao a,
#modalFacilidadePagamentoFaturas a, #modalSeguroLifePlus a, #modalProtecaoPlusBradesco a {
  text-decoration: none; }
  #modalComoAdquirir a:before, #modalAgenciaBradesco a:before, #modalCapitalizacaoBradescoSolucaoDeAluguel a:before,
  #modalAtendimentoSolucaoAluguel a:before, #modalEconomiaPremiavel a:before, #modalIbiCapitalizacao a:before, #modalPremiumCash a:before, #modalProtecaoPessoal a:before,
  #modalProtecaoDesemprego a:before, #modalFaleComSeuGerente a:before, #modalCentralDeAtendimento a:before, #modalReposicaoDeCartao a:before,
  #modalFacilidadePagamentoFaturas a:before, #modalSeguroLifePlus a:before, #modalProtecaoPlusBradesco a:before {
    display: none; }
#modalComoAdquirir h3, #modalAgenciaBradesco h3, #modalCapitalizacaoBradescoSolucaoDeAluguel h3,
#modalAtendimentoSolucaoAluguel h3, #modalEconomiaPremiavel h3, #modalIbiCapitalizacao h3, #modalPremiumCash h3, #modalProtecaoPessoal h3,
#modalProtecaoDesemprego h3, #modalFaleComSeuGerente h3, #modalCentralDeAtendimento h3, #modalReposicaoDeCartao h3,
#modalFacilidadePagamentoFaturas h3, #modalSeguroLifePlus h3, #modalProtecaoPlusBradesco h3 {
  font-size: 14px;
  margin-bottom: 10px; }

/* End: Modal Como Adquirir */
#modalComoAdquirir .col-lg-1 {
  margin-bottom: 20px; }

#modalConhecaOsCartoes header {
  min-height: 75px;
  padding: 10px; }
  #modalConhecaOsCartoes header span.title {
    font-size: 20px;
    color: #000;
    font-style: normal; }
  #modalConhecaOsCartoes header img {
    width: 50px;
    margin-right: 10px; }
#modalConhecaOsCartoes p {
  font-size: 13px;
  margin-bottom: 10px; }
#modalConhecaOsCartoes a {
  text-decoration: none; }
  #modalConhecaOsCartoes a:before {
    display: none; }
#modalConhecaOsCartoes h2 {
  font-size: 18px;
  margin-bottom: 20px; }
#modalConhecaOsCartoes h3 {
  font-size: 18px;
  margin: 20px 0 20px 0; }
#modalConhecaOsCartoes h4 {
  font-size: 15px;
  margin: 15px 0 15px 0; }
#modalConhecaOsCartoes hr {
  margin: 30px 0 30px 0; }
  #modalConhecaOsCartoes hr.duvida {
    margin: 0; }

/* modalCapitalizacaoBradescoSolucaoDeAluguel */
#modalCapitalizacaoBradescoSolucaoDeAluguel section p, #modalAtendimentoSolucaoAluguel section p,
#modalCentralDeAtendimento section p, #modalProtecaoPessoal section p, #modalSeguroLifePlus section p,
#modalProtecaoDesemprego section p, #modalProtecaoPlusBradesco section p {
  font-size: 13px;
  margin-top: 8px;
  font-family: arial;
  font-style: normal !important;
  margin-bottom: 20px;
  line-height: 1.8em;
  margin-right: 10px; }

/* end modal Atendiemtno*/
/* modalCapitalizacaoBradescoSolucaoDeAluguel */
#modalCentralDeAtendimento section p {
  font-size: 13px;
  margin-top: 8px;
  font-family: arial;
  font-style: normal !important;
  margin-bottom: 10px;
  line-height: 1.4em;
  margin-right: 10px; }

/* modalCapitalizacaoBradescoSolucaoDeAluguel */
#modalAtendimentoSolucaoAluguel section p {
  font-size: 13px;
  font-family: arial;
  font-style: normal !important;
  line-height: 1.8em; }

/* end modal Atendiemtno*/
/* modal Atendimento */
#modalAtendimento section p {
  font-size: 13px;
  margin-top: 8px;
  font-family: arial;
  font-style: normal !important;
  margin-bottom: 10px; }

#modalSistemaInfoCredito {
  margin: 0;
  padding: 0;
  width: 100%;
  overflow: hidden; }
  #modalSistemaInfoCredito p {
    font-size: 13px;
    color: #393939;
    line-height: 18px;
    margin: 0 0 10px 0; }
  #modalSistemaInfoCredito ul {
    font-size: 13px;
    color: #393939; }
    #modalSistemaInfoCredito ul li {
      margin: 0 0 15px 0; }

/* end modal Atendiemtno*/
#modalIndiqueCartao {
  font-size: 13px; }
  #modalIndiqueCartao div#DivCabecEmail {
    margin-bottom: 20px; }
  #modalIndiqueCartao .visuallyhidden {
    background: none;
    border: 0;
    clip: rect(0 0 0 0);
    height: 0px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  #modalIndiqueCartao .box-tip {
    width: 95%;
    border-bottom: 1px solid #bfbfbf;
    min-height: 100px;
    position: relative;
    margin-bottom: 20px; }
    #modalIndiqueCartao .box-tip .box-tip-img {
      bottom: 0;
      left: 0;
      position: absolute; }
    #modalIndiqueCartao .box-tip .txt-tp2 {
      margin: 0 10px 0 0;
      padding-bottom: 11px;
      font-family: "Georgia";
      font-size: 15px;
      font-style: italic; }
  #modalIndiqueCartao .box-tip-cont {
    background-color: #f4ECBE;
    border-radius: 5px;
    margin: 0 0 25px 110px;
    position: relative;
    padding: 13px 20px 16px; }
  #modalIndiqueCartao form {
    font-size: 13px; }
    #modalIndiqueCartao form fieldset {
      border: 0;
      padding: 0;
      margin: 0; }
    #modalIndiqueCartao form .txt-erro {
      display: none; }
    #modalIndiqueCartao form .form-line {
      clear: both;
      display: block;
      padding-bottom: 9px; }
    #modalIndiqueCartao form .form-label {
      display: block;
      margin: 0 0 5px 0; }
    #modalIndiqueCartao form .form-text {
      background-color: #F4F4F4;
      border-color: #C5C5C5 transparent transparent #C5C5C5;
      border-style: solid;
      border-width: 1px;
      color: #393939;
      font-size: 13px;
      height: 24px;
      padding: 0 6px;
      width: 95%; }
    #modalIndiqueCartao form .form-textarea {
      width: 95%;
      height: 80px;
      background-color: #F4F4F4;
      border-color: #C5C5C5 transparent transparent #C5C5C5;
      border-style: solid;
      border-width: 1px;
      color: #393939;
      font-size: 13px;
      min-height: 50px;
      padding: 0 6px;
      resize: vertical; }
    #modalIndiqueCartao form .frm-erro .txt-erro {
      margin-left: 0;
      margin-top: 3px;
      display: block;
      color: #cc092f;
      line-height: 18px;
      clear: both;
      width: auto; }
    #modalIndiqueCartao form .frm-erro input[type='text'],
    #modalIndiqueCartao form .frm-erro input[type='password'],
    #modalIndiqueCartao form .frm-erro select,
    #modalIndiqueCartao form .frm-erro textarea {
      border: 1px solid #cc092f;
      background: #fef7da; }

#modalParanaLicen section h2,
#modalBahiaIPVA section h2,
#modalMinasIPVA section h2,
#modalRioGrandeSulIPVA section h2,
#modalSaoPauloIPVA section h2,
#modalRioJaneiroIPVA section h2,
#modalParanaIPVA section h2,
#modalBahiaLicen section h2,
#modalMinasLicen section h2,
#modalRioGrandeSulLicen section h2,
#modalSaoPauloLicen section h2,
#modalRioJaneiroLicen section h2,
#modalTermoUsoEstadao section h2 {
  font-size: 18px;
  margin-bottom: 15px; }
#modalParanaLicen section p,
#modalBahiaIPVA section p,
#modalMinasIPVA section p,
#modalRioGrandeSulIPVA section p,
#modalSaoPauloIPVA section p,
#modalRioJaneiroIPVA section p,
#modalParanaIPVA section p,
#modalBahiaLicen section p,
#modalMinasLicen section p,
#modalRioGrandeSulLicen section p,
#modalSaoPauloLicen section p,
#modalRioJaneiroLicen section p,
#modalTermoUsoEstadao section p {
  font-size: 13px;
  margin-top: 15px; }
#modalParanaLicen section ul.common,
#modalBahiaIPVA section ul.common,
#modalMinasIPVA section ul.common,
#modalRioGrandeSulIPVA section ul.common,
#modalSaoPauloIPVA section ul.common,
#modalRioJaneiroIPVA section ul.common,
#modalParanaIPVA section ul.common,
#modalBahiaLicen section ul.common,
#modalMinasLicen section ul.common,
#modalRioGrandeSulLicen section ul.common,
#modalSaoPauloLicen section ul.common,
#modalRioJaneiroLicen section ul.common,
#modalTermoUsoEstadao section ul.common {
  padding: 0;
  margin-left: 18px; }
  #modalParanaLicen section ul.common li,
  #modalBahiaIPVA section ul.common li,
  #modalMinasIPVA section ul.common li,
  #modalRioGrandeSulIPVA section ul.common li,
  #modalSaoPauloIPVA section ul.common li,
  #modalRioJaneiroIPVA section ul.common li,
  #modalParanaIPVA section ul.common li,
  #modalBahiaLicen section ul.common li,
  #modalMinasLicen section ul.common li,
  #modalRioGrandeSulLicen section ul.common li,
  #modalSaoPauloLicen section ul.common li,
  #modalRioJaneiroLicen section ul.common li,
  #modalTermoUsoEstadao section ul.common li {
    font-size: 13px; }

#modalCA section h2 {
  font-family: 'Georgia', serif;
  font-size: 16px;
  font-style: italic;
  color: #4D4E53;
  font-weight: normal; }
#modalCA section p {
  font-size: 13px;
  margin-top: 15px; }
  #modalCA section p span {
    color: #4d4e53;
    font-size: 11px; }
#modalCA section select {
  background-color: #F4F4F4;
  border-color: #C5C5C5 transparent transparent #C5C5C5;
  border-style: solid;
  border-width: 1px;
  color: #393939;
  font-size: 13px;
  height: 25px;
  padding: 3px 2px 2px;
  width: 100%; }
#modalCA section div.ca-box-scroll {
  max-height: 380px;
  position: relative;
  overflow: auto;
  overflow-x: hidden;
  margin-top: 20px; }
#modalCA section ul {
  margin: 0;
  padding: 0; }
  #modalCA section ul li {
    width: 50%;
    float: left;
    display: inline-table; }
    #modalCA section ul li .content-ca {
      font-size: 13px;
      border-bottom: 1px dashed #BFBFBF;
      min-height: 176px;
      padding: 20px 5px;
      margin: 0 10px; }
      #modalCA section ul li .content-ca .img-ca {
        float: left;
        width: 9%; }
      #modalCA section ul li .content-ca .text-ca {
        float: right;
        width: 91%; }

#modalBancosConveniados h2 {
  font-size: 16px;
  margin-bottom: 15px; }
#modalBancosConveniados p {
  margin: 0 0 15px 0 !important;
  font-size: 13px; }
#modalBancosConveniados a {
  color: #393939; }
  #modalBancosConveniados a:hover {
    color: #00539f; }
#modalBancosConveniados ul.normal {
  margin: 0 0 0 17px;
  padding: 0; }
  #modalBancosConveniados ul.normal li {
    font-size: 13px; }

@media only screen and (max-width: 767px) {
  div.modal header {
    font-size: 15px; } }
@media only screen and (max-width: 639px) {
  #modalCA section ul {
    margin: 0;
    padding: 0; }
    #modalCA section ul li {
      width: 100%; }
      #modalCA section ul li .content-ca {
        padding: 20px 5px !important; } }
@media only screen and (max-width: 479px) {
  div.modal header {
    font-size: 13px; }

  div.modal section fieldset h4 {
    line-height: 17px;
    margin-bottom: 10px; }
  div.modal section fieldset ul li {
    margin-bottom: 10px; }
    div.modal section fieldset ul li:first-child {
      float: none; }
    div.modal section fieldset ul li label.conta span {
      display: inline-table;
      padding-left: 12px; }

  #modalURLExterna section .col-lg-4,
  #modalURLExterna section .col-lg-8 {
    width: 100%; }
  #modalURLExterna section h3 {
    font-size: 14px;
    margin-bottom: 15px; }
  #modalURLExterna section p {
    font-size: 12px;
    margin-bottom: 15px; }
  #modalURLExterna section .thumb {
    display: none; }

  #modalRioGrandeSulIPVA ul.tabs li {
    text-align: center; }
    #modalRioGrandeSulIPVA ul.tabs li span {
      display: block; }

  #modalCA section .responsive {
    padding: 30px; } }
@media only screen and (max-width: 375px) {
  .mfp-title {
    padding: 10px 90px 10px 20px; } }
@media only screen and (max-width: 320px) {
  div.modal header {
    font-size: 12px; } }

/* Modal */

#modal_ben {
  width: 100%;

}

div.modal section {
    border-radius: none !important;

}

.pj_cartoes .modalnew {
    padding: 0 !important;
    margin: 0 auto;
    width: 100%;
    /*min-width: 800px;*/
    min-height: 240px;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    color: #fff;
  }
  .pj_cartoes .modalnew header {
    line-height: 50px;
    padding: 0 0 0 20px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    display: none;
  }
  .pj_cartoes .modalnew header span.title {
    display: inline-block;
    vertical-align: middle;
  }
  .pj_cartoes .modalnew div {
    max-width: 100%;
    position: relative;
  }

  .pj_cartoes .modalnew .content {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 210px;

  }
  .pj_cartoes .modalnew div a.lnk {
    color: rgba(255, 255, 255, 0.8) !important;
    background: none;
  }
  .pj_cartoes .modalnew div a.lnk:hover {
    color: #fff !important;
  }
  .pj_cartoes .modalnew div h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .pj_cartoes .modalnew div p {
    margin-bottom: 12px;
    font-family: arial;
    font-size: 13px;
    line-height: 18px;
  }

  div.pj_cartoes button.mfp-close{
    border-radius: 0;
    width: 30px;
    border: none;
    border-top: 1px solid transparent;
    background: transparent;


  }

  div.pj_cartoes button.mfp-close::before {
    content:'X';
    top: 0px;
    left: 30%;
    width: ;
    background-color: transparent;
    color: #fff;

  }

  .__hidden {
      display: none !important;
  }


div.pj_cartoes {
  background: transparent!important;
  display: flex;

}

.modal_in {
  display: flex;
  align-items: center;
  justify-content: flex-start;

}