@charset "UTF-8";
section.mainContent p {
  font-family: 'Montserrat', sans-serif!important;
}
  .title-header {
    letter-spacing: 0.5px;
    font-size: 1.250em;
    font-family: 'Montserrat';
    font-weight: 500;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 15px 0 20px;
    color: #535353;
    margin: 0 auto;

 }
.title-header:after {
      content: " ";
      width: 50px;
      height: 4px;
      display: block;
      background: #E5173F;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -21px; }
.title-header-box {
    letter-spacing: 0.5px;
    font-size: 1.250em;

    font-weight: 500;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 15px 0 20px;
    color: #FFFFFF;
    margin: 0 auto;
     text-shadow: 0px 0px 9px rgba(0,0,0,0.8);
 }
    .title-header-box:after {
      content: " ";
      width: 50px;
      height: 4px;
      display: block;
      background: #E5173F;
      position: absolute;
      bottom: 0;
      left: 50%;
      margin-left: -21px; }

        .holder-text{
          position: absolute;
          padding: 85px 0 0 25px;
          color: #fff;
          font-family: 'Montserrat', sans-serif!important;
     }

     .holder-text>h3{
        font-weight: 700;
     }
     .holder-text>ul li{
      font-size: 12px;
     }

    .holder-text .li-banner{
      background: url(/assets/pessoajuridica/img/mais-perfis/medicos-e-consultorios/seta-banner.png) 0 4px no-repeat;
      padding-left: 20px;
    }

     .a-txt{
      text-decoration: none!important;
       color: #fff!important;
       font-size: 16px;
       padding-top: 5px;
     }

      .mainContent .p-header{
            font-style: normal;
             margin: 20px auto 0 auto;
             text-align:center;
             font-size: 16px!important;

      }
 .mainContent .box-cont .hover-tabs{
        display: none;
      }
      .mainContent .box-cont .hover-tabs:hover{
        display: block;
      }
      .mainContent .box-cont .hover-tabs .content-tabs{
        display: table;
        text-align: center;
        color: #7b7b7b;
        min-height: 285px;
        width: 100%;
      }
    .mainContent .box-cont .hover-tabs .content-tabs{
            display: block;
          }
  .mainContent .box-cont {
    position: relative;
    padding-bottom: 30px; }
    .mainContent .box-cont .row {
      position: relative;
      z-index: 1; }
    .mainContent .box-cont:after {
          position: absolute;
          content: " ";
          top: 35px;
          left: 0;
          width: 100%;
          height: 87%;
          background: #f2f1ed;
          z-index: 0; }
    .mainContent .box-cont .internal-content {
      max-width: 815px;
          margin: 0 auto; }
    .mainContent .box-cont [class*="col-"] {
      padding: 2.5px !important; }
    .mainContent .box-cont [class*="col-"] span {
        display: block;
        overflow: hidden; }
    .mainContent .box-cont [class*="col-"] span img {
          transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
          -webkit-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1);
          -ms-transition: all 2s cubic-bezier(0.19, 1, 0.22, 1); }
    .mainContent .box-cont [class*="col-"]:hover .title-header-box {
      display: none;
        /*-moz-transform: scale(1.06);
        -webkit-transform: scale(1.06);
        transform: scale(1.06);
        -ms-transform: scale(1.06);*/ }
        .mainContent .box-cont [class*="col-"] >.content-tabs {
              display: none;

        }

        .mainContent .box-cont [class*="col-"]:hover >.content-tabs {
             display: block;
            background-color: rgba(0, 0, 0, 0.6);
            /* width: 98%; */
            height: 99%;
            position: absolute;
            top: 2px;
            left: 2px;
            overflow: hidden;}
          .mainContent .box-cont [class*="col-"]:hover >.content-tabs p {
            opacity: 1!important;

          }
          .mainContent .box-cont [class*="col-"]:hover >.content-tabs .content-p{
              text-align: center;
              top: -15px;
              margin: 0 auto;
              position: relative;
               opacity: 1!important;
          }
      .mainContent .box-cont [class*="col-"] div {
            width: 99%;
          position: absolute;
          top: 45%;
          left: 0;
          text-align: center;
          margin: 0 auto;
          z-index: 1; }
      .mainContent .box-cont [class*="col-"] div h4 {
          color: #fff;
          margin-top: 0;
          margin-bottom: 15px;
          text-shadow: 0px 0px 9px rgba(0,0,0,0.8); }
      .mainContent .box-cont [class*="col-"] div p {
          max-width: 205px;
          color: #fff; }

  .mainContent .box-operations {
    position: relative;
    top: -47px;
    text-align: center; }
.mainContent .overlay-image-cambio {
    position: relative;
    display: block; }
    .mainContent .overlay-image-cambio:after {
      position: absolute;
      content: "";
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      /*background-color: #032563;*/
      opacity: 0.45;
      z-index: 1;
      display: block; }

      .mainContent .receive-banner{
      width: 100%;
       height: 100%;
      }
    section.mainContent.cambiopf .link-image-cambio{
      color:#FFF;
      text-decoration:none;
    }
    section.mainContent.cambiopf .link-image-cambio:hover{
      color:#c8c0be;
    }

.mobile-only{
    display: none;
  }

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

}
@media only screen and (max-width: 639px) {
  .mainContent .box-cont [class*="col-"]:hover >.content-tabs {
    display: block;
    background-color: rgba(0, 0, 0, 0.6);
    width: 84%;
    height: 98%;
    position: absolute;
    top: 5px;
    left: 8%;
    overflow: hidden;
    margin: 0 auto;
}
  section.mainContent > div.row{
    width: 100%;
  }
  .mainContent .box-cont .internal-content{
        text-align: center;
    margin: 0 auto;
  }
  .mainContent .box-cont:after{
    background: none;
  }
  .overlay-image-cambio img{
        width: 85%!important;
  }
  .holder-text{
    display: none;
  }
  .desk-only{
    display: none;
  }
  .mobile-only{
    display: block;
        width: 100%;
  }
  .mobile-only img{
      width: 100%;
      }
      .mainContent .box-cont [class*="col-"] {
    padding: 5px 0 5px 0 !important;
}
}
@media only screen and (max-width: 320px) {
 }