/************ Fontes ***********/

@font-face {
    font-family: 'rotunda_boldbold';
    src: url('../libs/fonts/rotunda/rotunda-bold-webfont.woff2') format('woff2'),
         url('../libs/fonts/rotunda/rotunda-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rotundalight';
    src: url('../libs/fonts/rotunda/rotunda-light-webfont.woff2') format('woff2'),
         url('../libs/fonts/rotunda/rotunda-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'rotundamedium';
    src: url('../libs/fonts/rotunda/rotunda-medium-webfont.woff2') format('woff2'),
         url('../libs/fonts/rotunda/rotunda-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.nav-pills .nav-link{
    width: 160px;
    height: 160px;
    
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color:  #00d66a;
}
#download_app{display: none;}

.boldFont{
    font-family: 'rotunda_boldbold'!important;
}

.h2{
    font-size: 3.5rem!important;
}

.h4faq {
    color: #144ace;
    font-weight: 600;
}

body{
    font-family: 'rotundalight'!important;
}

header{
    padding: 1rem 0;
}

.underline{
    text-decoration: underline;
}

/************* Cores ************/
.bg-brand-blue{
    background-color: #144ace;
}
.bg-brand-blue-light{
    background-color: #b9e3ed;
}

.bg-brand-blue-light-2x{
    background-color: #bcd7db
}

.bg-brand-green{
    background-color: #00d66a;
}

.bg-dark{
    background-color: #172944!important; 
}
.bg-light{
    background-color: #f0f5f5;
}
.bg-white{
    background-color: #ffffff;
}

.text-brand-blue{
    color:#144ace;
}
.text-brand-green{
    color: #00d66a;
}
.text-dark{
    color:#172944!important; 
}



/************* Buttons ***********/

.btn{
    font-family: 'rotunda_boldbold';
    font-size: 0.85rem!important;
    border-radius: 1.5rem!important;
}

.btn-primary{
    background-color: #00d66a;
    border-color: #00d66a;;
    color: #144ace;
}

.btn-secondary{
    background-color: #172944;
    border-color: #172944;;
    color: #ffffff;
}

.btn-ghost{
    background-color:#b9e3ed;
    border-color:#b9e3ed;
    color: #144ace;

}

.icon-next{
    content: url('../img/icones/next.png');
    width: 27px;
    height: 27px;
    margin-left: 8px;
    vertical-align: middle;

}

.icon-prev{
    content: url('../img/icones/prev.png');
    width: 27px;
    height: 27px;
    margin-right: 8px;
    vertical-align: middle;
}

.icon-confirm{
    content: url('../img/icones/ok.png');
    width: 27px;
    height: 27px;
    margin-left: 8px;
    vertical-align: middle;
}

/************** Alinhamentos ****************/
.spacesmall{
    padding: 1rem 0;
}
    
.spacemedium{
    padding: 3.5rem 0;
}

.spacebig{
    padding:5.6rem 0;
}

.bigPadding{
    padding:5rem;
}

/************** Menu **************/
.toggleNavButton {
      transition-duration:0.5s;
      width:40px;
      height:2px;
      background-color:white;
      position:absolute;
      top:25px;
      border-radius:2px;
    }
    
    .toggleNavButton:before,
    .toggleNavButton:after {
      border-radius:2px;
      transition-duration:0.5s;
      content:"";
      position:absolute;
      top:10px;
      left:0;
      background-color:white;
      width:40px;
      height:2px;
    }
    
    .toggleNavButton:after {top:20px; }
    
    .toggleNavButton.active {width:0; }
    
    .toggleNavButton.active:after {
      top:10px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
    }
    
    .toggleNavButton.active:before {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
    }
    .toggleNav {
      width:45px;
      cursor:pointer;
      height: 45px;
    }

    
#subnav {
    width: 100%;
    border-bottom: 0px solid #2663dd;
    background-color: #2663dd;
    transition-duration: 0.2s;
    overflow: hidden;
    height: 0px;
    text-align: center;
  }
  
  #subnav.active {
    border-bottom: 5px solid #2663dd;
    height: 160px;
  }
  
  #subnav ul {
    width: 100%;
    margin: 0 auto;
    
  }
  
  #subnav ul li {
    transition-duration: 0.3s;
    display: inline-block;
    text-align: center;
    width: 150px;
    padding: 10px 0;
    height: 50px;
    vertical-align: top;
  }
  
  #subnav ul li a { 
      color: white; 
      text-decoration: none;
    }

    #subnav ul li a img { 
        display: block;
        margin: 8px auto;
        padding-bottom: 16px;
      }
  
  #subnav ul li:hover {  }
  @media (min-width:320px) and (max-width:678px) {
    #subnav.active {
        border-bottom: 5px solid #2663dd;
        height: 100%;
        z-index: 9999;
        position: relative;
    }
    #subnav ul li {
        transition-duration: 0.3s;
        display: block;
        text-align: center;
        width: 50%;
        height: 120px;
        float: left;
        vertical-align: top;
      }

  }

  @media (min-width:1024px) and (max-width:1366px) {
    #subnav ul li {
        width: 90px;
        height: 50px;
    }

  }
  @media (min-width:1367px) and (max-width:1450px) {
    #subnav ul li {
        width: 100px;
        height: 50px;
    }

  }

/************** Card Planos **************/
.card-plano{
    border-radius: 10%;
    max-width: 230px;
    max-height: 310px;
    margin-left: auto;
    margin-right: auto;

}
@media (min-width:280px) and (max-width:678px) {
    .card-plano{
        margin-top: 3rem!important;
    }

    .marginBtn{
        margin-top: 5rem;
    }
}

.card-plano h1 {
    font-size: 4rem;
    line-height: 4rem;
    padding-top: 1.5rem;
}
.card-plano h1 span{
    font-size: 6rem;
}
.card-plano h2{
    font-size: 1.25rem;
}
.card-plano h3{
    font-size: 6rem!important;
    vertical-align: top;
    display: inline-flex;
    font-family: 'rotundamedium';
}
.card-plano h3 i{
    font-size:1rem;
    font-style: normal!important;
    margin-top: 1rem;
}
.card-plano h3 span{
    font-size: 2.3rem;
    padding-top: 1rem;
}

.bonus{
    width: 175px;
    height: 60px;
    position: relative;
    z-index: 9999;
    margin: 0 auto;
    bottom: 10px;
    padding: 5px;
    border-radius: 20px;
}
.bonus:after{
    content: url('../img/more-card-planos.png');
    width: 40px;
    height: 40px;
    position: relative;
    top: -65px;
    right: -35px;
}

.bonus .tamanho-bonus{
    font-family: 'rotunda_boldbold';
    font-size: 1.75rem;
    width: 50%;
    position: relative;
    float: left;
}
.bonus .tamanho-bonus span{
    font-size: 2.5rem;
}
.bonus .texto-bonus{
    font-size: 1rem;
    width: 50%;
    padding-top: 7px;
    text-align: left!important;
    position: relative;
    float: left;
    line-height: 19px;
    font-family: 'rotundamedium';
}




/************** Card **************/

.card{
    border:none!important;
    margin-top: 5.6rem;
}
.card-img-top{
    margin-top: -2rem;
    max-height: 420px;
    max-width: 420px;
}
.card-title{
    color: #144ace;
    font-family: 'rotundamedium'!important;
}

.card-title:after{
    border: 1px solid  #00d66a;
    content: '';
    width: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
}


/************ Form ********************/
.f-custom{
    border-top: none!important;
    border-right: none!important;
    border-radius: 0px!important;
    border-left: none!important;
}

/************* Other sections **********/
.banner-principal{
    background-image: url('../img/banner_principal.jpg');
    /* background-position-x: -20%; */
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size:  contain;
    background-color: #144ace;
    /* padding-top: 5rem; */
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    height: 85vh;
}
.banner-principal .title{
    padding-left: 3.4rem;
}
.banner-principal .title h1{
    color: #ffffff;
    font-family: 'rotundalight'!important;
    font-size: 3.5rem
}


    .alignBottom {
        position: absolute;
        top: 78vh;
        right: 0;
    }


.item-planos{
    width: 420px;
    height: 153px;
    float: left;
    padding-top: 3.563rem;
    padding-left:3.563rem;
    padding-bottom: 3.563rem;
    background-color: #00d66a;
    border-color: #00d66a;
    margin:0px;
    cursor:pointer;
}

.item-beneficios{
    width: 420px;
    height: 153px;
    float: left;
    padding-top: 3.563rem;
    padding-left:3.563rem;
    padding-bottom: 3.563rem;
    background-color:#f0f5f5;
    border-color: #f0f5f5;
    margin: 0px;
    cursor:pointer;

}

@media only screen and (max-width:512px) {
    .banner-principal{
        background-image: url('../img/banner_principal.jpg');
        background-position-x: 100%;
        background-position-y: bottom;
        background-repeat: no-repeat;
        background-size:  89%;
        background-color: #144ace;
        padding-top: 2rem;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        height: 60vh;
    }
    .banner-principal .title{
        padding-left: 1.4rem;
    }
    .banner-principal .title h1{
        font-size: 1.75rem
    }
    .item-planos{
        width: 150px;
        height: 140px;
        padding: 1rem;
    }
    .item-beneficios{
        width: 150px;
        height: 140px;
        padding: 1rem;
    }
    .alignBottom {
        position: absolute;
        top: 68.7vh;
        right: 0;
    }
    #clube-logos {
        margin-top: -70px;
    }
    #index-planos-saiba-mais{
        margin-top: 100px;
    }
}

.planos{
    padding-top:5.6rem;
    padding-bottom:5.6rem;
}


.planos .title h2, .p-planos .title h2{
    color: #144ace;
    font-family: 'rotundamedium'!important;
    font-size: 2.5rem
}


.planos .title h3, .p-planos .title h3{
    color:  #172944;
    font-family: 'rotundalight'!important;
    font-size: 0.85rem;
    margin-bottom: 2rem;
}

.planos small, .p-planos small{
    color:  #172944;
    font-family: 'rotundalight'!important;
    font-size: 0.6rem;
}

.descomplica .title{
    margin-top:5.6rem;
    margin-bottom:5.6rem;
}
.descomplica .title h2{
    color: #144ace;
    font-family: 'rotundalight'!important;
    font-size: 2.5rem
}

.descomplica .title h2:after{
    border: 1px solid  #00d66a;
    content: '';
    width: 3.7rem;
    display: block;
    margin-top: 1rem;
    margin-bottom: 1.25rem;

}

.descomplica .title h3{
    font-size: 0.85rem;
    font-family: 'rotundalight'!important;
}

.card-contel{
    background: url('../img/card-leftside.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    max-height: 400px;
}

.card-contel .title{
    padding-top: 125px!important;
    z-index: 99999;
}

.card-contel .title h2{
    font-family: 'rotundalight'!important;
    font-size: 2.5rem
}

.cardImgHome{
    overflow: hidden;
    position: relative;
    margin-right:0px;
    margin-top:-230px;
    margin-bottom: -150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 99;
}
.cardImgHome:after{
    content: url('../img/cardContel.png');
    position: relative;
    right: -65px;

}

@media only screen and (max-width:512px) { 
    #descomplica_contel{
        padding-top: 20px;
    }
}

@media only screen and (max-width:512px) {
    .cardImgHome{
        display: none;
    }
    .card-contel {
        background-position-x: -160%!important;
        background-position-y: center!important;
        background-size: 80%!important;
        max-height: 320px; 
    }
    .card-contel .title{
        padding-top: 45px;
    }
    .card-contel .title h2{
        font-size: 1rem;
    }

    .clube-home .title {
        margin-top: 5.6rem;
        margin-bottom: 5.6rem;
        padding-left: 2rem;
    }
}


.clube-home{
    background-repeat: no-repeat;
    background-size: 25%;
    position: relative;
    margin-top: -1.5px;
}

.clube-home .title{
    margin-top:5.6rem;
    margin-bottom:5.6rem;
    padding-left: 2rem;
}

.clube-home .title h2{
    color: #144ace;
    font-family: 'rotundalight'!important;
    font-size: 2.5rem
}

.clube-home .title h2:after{
    border: 1px solid  #00d66a;
    content: '';
    width: 3.7rem;
    display: block;
    margin-top: 1rem;
    margin-bottom: 1.25rem;


}

.clube-home .title h3{
    font-size: 0.85rem;
    font-family: 'rotundalight'!important;
}

@media only screen and (max-width:512px) {
   
    .clube-home .title {
        margin-top: 2.6rem;
        margin-bottom: 2.6rem;
        padding-left: 1rem;
    }
    #planos-index-title{
        margin-top: 30px;
    }
}

.sem-stress-contato{
    background-image: url('../img/bg_sem_stress.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.sem-stress-contato .title-sem-stress{
    color:#172944;
}

.title-sem-stress{
    color: #ffffff;
    font-family: 'rotundalight'!important;
    padding-top: 5.6rem;
    padding-bottom: 4.6rem;
    padding-left: 2rem;
    
}
@media only screen and (max-width:512px) {
   
    .title-sem-stress {
    padding-top: 2.6rem;
    padding-bottom: 2.6rem;
    }
    .sem-stress-contato .title-sem-stress .h2 {
        font-size: 2.5rem!important;
    }
}





.contato h1, .faq h1, .p-planos-contato h1{
    color: #144ace;
    font-family: 'rotundamedium'!important;
    font-size: 2.5rem;
    padding-bottom:2rem;
}

.p-planos-contato h1{
    color:#ffffff!important
}

.contato hr{
    background-color: #b9e3ed;
}

.contato .contato-whats, .p-planos-contato .contato-whats{
    content: url('../img/icones/contato-whats.png');
    width: 22px;
    height: 22px;
    bottom: -5px;
    margin-right: 16px;
    position: relative;
}
.contato .contato-mail, .p-planos-contato .contato-mail{
    content: url('../img/icones/contato-mail.png');
    width: 25px;
    height: 18px;
    bottom: -5px;
    margin-right: 16px;
    position: relative;
}

.contato span{
    font-size:1rem;
    font-family: 'rotundalight'!important;
}

.p-planos-contato span{
    color: #ffffff;
    font-size:1rem;
    font-family: 'rotundalight'!important;
}

.contato span b{
    color: #00d66a;
    text-decoration: underline;
}

.p-planos-contato span b{
    color: #00d66a;
    text-decoration: underline;
}




.faq h2{
    font-family: 'rotundalight'!important;
    font-size: 1.25rem;
    color: #172944;

}
.icon-ok{
    content: url('../img/recarga/icone-ok.png');
    width: 39px;
    height: 40px;
    margin-left: 16px;
    margin-top: 3px;
    position: relative;
}

.icon-search{
    content: url('../img/icones/icon-search.png');
    width: 15px;
    height: 16px;
    margin-right: 16px;
    position: relative;
}
.form-custom{
    border: 1px solid #ced4da;
    border-radius: 0!important;
    border-right:none;
    border-left:none;
    border-top:none;
}

.input-group-text {
    background-color: white!important;
    border: 1px solid #ced4da;
    border-radius: 0!important;
    border-left:none;
    border-top:none;
}

.accordion-body{
    color: #808080!important;
}

/************* Franquias **************/

.banner-franquias{
    background-image: url('../img/franquias/ilustracao-banner-franquia.png');
    background-position: top right;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 5rem 0;
}

.banner-franquias h1{
    font-size: 4.5rem;
    font-family: 'rotundamedium'!important;
    color: #ffffff;
}

.scroll{
    width: 100%;
    margin: 0px auto;
    position: relative;
}

.title-subline:after{
    border: 1px solid  #00d66a;
    content: '';
    width: 3.7rem;
    display: block;
    margin: 1.25rem auto;
}

.card-diferencial-franquia{
    border: 0.5px solid rgba(77,77,77,0.3)!important;
    border-radius: 2.5rem;
}

.card-diferencial-franquia .title{
    font-size: 1.25rem;
    font-family: 'rotundamedium'!important;
}

.franquia-oportunidade h2{
    font-size: 2.5rem;
    font-family: 'rotunda_boldbold'!important;
}

.franquia-oportunidade h3{
    font-size: 1.5rem;
    font-family: 'rotunda_boldbold'!important;
}

.franquia-oportunidade span{
    font-size: 0.85rem;
    line-height: 0.5rem;
    font-family: 'rotundamedium'!important;
}

.f-beneficios h2{
    font-size: 2.5rem;
    font-family: 'rotunda_boldbold'!important;
}

.f-beneficios span{
    font-size: 0.85rem;
    margin-top: 1.8rem;
}


.f-ico-chip{
    content: url('../img/franquias/franquia-icon-chip.svg');
    width: 67px;
    height: 47px;
    position: relative;
}
.f-ico-mobile{
    content: url('../img/franquias/franquia-icon-mobile.svg');
    width: 67px;
    height: 47px;
    position: relative;
}
.f-ico-insatisfeito{
    content: url('../img/franquias/franquia-icon-insatisfeito.svg');
    width: 67px;
    height: 47px;
    position: relative;
}
.f-ico-personalizacao{
    content: url('../img/franquias/franquia-icon-personalizacao.svg');
    width: 67px;
    height: 47px;
    position: relative;
}

@media only screen and (max-width:512px) {
    .banner-franquias{
        background-position-x: 140%!important;
    }
    .banner-franquias h1{
        font-size: 1.5rem;
    }
}


/************* Portabilidade / Recarga / Ativação  ************/

.portabilidade h1, .recarga h1{
    color: #144ace;
    font-family: 'rotunda_boldbold'!important;
    font-size: 2.5rem;
}

.portabilidade h3, .recarga h3{
    font-size: 1rem;
    font-family: 'rotundalight'!important;
}
.form-check .form-check-input{
    display: block!important;
    margin: 1rem auto!important;
    float: none!important;
}
.form-check-input{
    width: 1.45em!important;
    height: 1.45em!important;
}

.form-check-input:checked {
    background-color: #00d66a;
    border-color: #00d66a;
}
.form-check-label:checked{
    background-color: #00d66a;
}

.pix:after{
    content: 'PIX';
}

.steps {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    overflow-x: auto;
  }
  .steps .step:first-child {
    margin-left: auto;
  }
  .steps .step:last-child {
    margin-right: auto;
  }
  
  .step:first-of-type .step-circle::before {
    display: none;
  }
  .step:last-of-type .step-content {
    padding-right: 0;
  }
  
  .step-content {
    box-sizing: content-box;
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 11rem;
    padding-top: 0.5rem;
    padding-right: 8.5rem;
  }
  
  .step-circle {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    color: #adb5bd;
    border: 2px solid #adb5bd;
    border-radius: 100%;
    background-color: #fff;
  }
  .step-circle::before {
    content: url(../img/recarga/line-step.png);
    position: absolute;
    top: 42%;
    left: -8px;
    transform: translate(-100%, -50%);
    z-index: 7;
  }
  
  .step-text {
    color: #172944;
    word-break: break-all;
    margin-top: 0.25em;
  }

  .step-pass .step-circle {
    color: #fff;  
    font-size: 2rem;
    background-color: #144ace;
    border-color: #144ace;
  }
  .step-pass .step-circle::before {
    color: #172944;
  }
  .step-pass .step-text {
    color: #172944;
  }
  
  .step-active .step-circle {
    color: #fff;  
    font-size: 2rem;
    background-color: #172944;
    border-color: #172944;
  }
  .step-active .step-circle::before {
    color: #172944;
  }
  .step-active .step-text {
    color: #172944;
  }
  
  .step-error .step-circle {
    color: #fff;
    font-size: 2rem;
    background-color: #dc3545;
    border-color: #dc3545;
  }
  .step-error .step-circle::before {
    color: #dc3545;
  }
  .step-error .step-text {
    color: #dc3545;
  }
  
  .step-success .step-circle {
    color: #144ace;
    font-size: 2rem;
    background-color: #00d66a;
    border-color: #00d66a;
  }
  .step-success .step-circle::before {
    color: #28a745;
  }
  .step-success .step-text {
    color: #172944;
  }

  @media only screen and (max-width:512px) { 
    .step-content {
        width: 5rem;
        padding-top: 0.5rem;
        padding-right: 2rem;
      } 

    .step-circle {
        width: 3.5rem;
        height: 3.5rem;
    }

    .step-circle::before {
        content: none!important;
    }

    .step-success .step-text, .step-active .step-text, .step-pass .step-text {
        font-size: 0.8rem!important;
    }
    
  }



/*********** Dúvidas ***************/

.duvidas h1{
    color: #144ace;
    font-family: 'rotundamedium'!important;
    font-size: 2.5rem;
    padding-bottom:2rem;
}


.duvidas hr{
    background-color: #b9e3ed;
}

.duvidas .d-contato-whats{
    content: url('../img/icones/contato-whats.png');
    width: 22px;
    height: 22px;
    bottom: -5px;
    margin-right: 16px;
    position: relative;
}
.duvidas .d-contato-mail{
    content: url('../img/icones/contato-mail.png');
    width: 25px;
    height: 18px;
    bottom: -5px;
    margin-right: 16px;
    position: relative;
}

.duvidas span{
    font-size:1rem;
    font-family: 'rotundalight'!important;
}

.duvidas span b{
    color: #00d66a;
    text-decoration: underline;
}

/************* Página Sobre ************/
.banner-sobre{
    background-image: url('../img/sobre/banner_sobre.png');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 565px;
}

.main-sobre h1, .main-sobre h2, .main-sobre h3{
    font-size: 2.50rem;
}

.main-sobre .subline:after{
    border: 1px solid  #00d66a;
    content: '';
    width: 3rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
}

.main-sobre .bigPadding{
    padding-top: 10rem!important;
}

.main-sobre .phone{
    position: relative;
    margin-top: -400px;
    margin-bottom: -10px;
}
.phoneGambi{
    margin-top: -100px;
    margin-bottom: -100px;
}

@media only screen and (max-width:512px) {
    .banner-sobre{
        min-height: 240px;
    }
    .main-sobre h1, .main-sobre h2, .main-sobre h3{
        font-size: 1.50rem;
    }
    .main-sobre .phone, .phoneGambi{
        display: none;
    }
    .main-sobre .bigPadding{
        padding-top: 3rem!important;
    }
    
}

/************* Página benefícios **********/
.banner-beneficios{
    background-image: url('../img/beneficios/banner-beneficios.png');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 565px;
}

.banner-beneficios h1{
    font-size: 2.5rem;
    color: #ffffff;
    padding-top: 3rem;
}

.main-beneficios h2{
    font-size: 2.5rem;
}

.main-beneficios .subline:after{
        border: 1px solid  #00d66a;
        content: '';
        width: 3.7rem;
        display: block;
        margin: 1.25rem 0;
}

.b-card-contel{
        background: #b9e3ed  url('../img/beneficios/cardContel-right.png');
        background-repeat: no-repeat;
        background-position-x: 110%;
        background-position-y: center;
        background-size: contain;
}

.b-card-contel .cardImg{
    overflow: hidden;
    position: relative;
    width: 530px;
    height: 530px;
    margin-left: -200px;
    margin-top: -90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}



.b-card-contel .text{
    padding-top: 125px;
    width: 100%;
    left: 20px;
    position: absolute;
    margin: 0 auto;
}



.b-card-contel .text h2{
    font-size: 3.3rem;
}


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


@media only screen and (max-width:512px) {
    .banner-beneficios{
        min-height: 365px;
    }
    .banner-beneficios h1{
        font-size: 1.5rem;
        padding-top: 1.5rem;
    }
    .main-beneficios h2{
        font-size: 1.5rem;
    }
    .marginImg{
        margin-top:10px;
    }
    .b-card-contel .cardImg{
        display: none;
    }
    .b-card-contel{
        height: 150px;
    }
    .b-card-contel .text{
        padding-top: 25px;
        width: 300px;
    }
    .b-card-contel .text h2{
        font-size: 1rem;
    }
    .gambiAlign{
        margin-top: 10%;
    }
 }


/************* Clube ************/

.clube{
    background-image: url('../img/clube/banner-clube.png');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    min-height: 565px;
}
.clube h1{
    color: #ffffff;
    font-size: 3.5rem;
    font-family: 'rotundamedium'!important;
}

.clube-main .card h3{
    font-size: 1.85rem;
    font-family: 'rotundamedium'!important;
}

.clube-main .card .card-link{
    color:#929292
}

.clube-main .card .card-link:before{
    content: url('../img/clube/icon-link.png');
    width: 17px;
    height: 25px;
    bottom: -5px;
    margin-right: 16px;
    position: relative;
}
@media only screen and (max-width:512px) {
    .clube{
        min-height: 350px;
    }
    .clube h1{
        font-size:1.5rem
    }
}


/************* Footer ***********/

footer .logo{
    max-width: 10rem;
    margin-bottom: 3.75rem;
    padding-left: 2rem;
}
@media only screen and (max-width:512px) { 
	footer .logo{
        padding-left: 0rem;
    }
}

address{
    font-size: 0.9rem;
    padding-left: 2rem;
}
.copyright{
    font-size: 0.9rem;
    padding-left: 2rem;
}

.social-media{
    margin-bottom: 3.75rem;
}
@media only screen and (max-width:512px) { 
	.social-media{
        margin-bottom: 1.25rem;
    }
}

.list-inline {
    padding-left: 0;
    list-style: none;
}
.list-inline-item {
    display: inline-block;
}

.list-social-icon {
    max-width: 1.68rem;
    height: auto;
}

.menu-footer{
    font-size: 1rem;
    color: #ffffff;
    margin-top: 3.75rem;

}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.icone-beneficios{
    content: url('../img/icones/icone-beneficios.png');
    width: 21px;
    height: 24px;
    margin-right: 29px;
    margin-top: 0;
    position: relative;
}

.icone-clube{
    content: url('../img/icones/icone-clube.png');
    width: 32px;
    height: 26px;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
}

.icone-contato{
    content: url('../img/icones/icone-contato.png');
    width: 26px;
    height: 30px;
    margin-right: 24px;
    margin-top: 0;
    position: relative;
}

.icone-faq{
    content: url('../img/icones/icone-faq.png');
    width: 19px;
    height: 29px;
    margin-right: 30px;
    margin-top: 0;
    position: relative;
}

.icone-franquias{
    content: url('../img/icones/icone-franquia.png');
    width: 31px;
    height: 29px;
    margin-right: 16px;
    margin-top: 0;
    position: relative;
}

.icone-planos{
    content: url('../img/icones/icone-planos.png');
    width: 32px;
    height: 23px;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
}

.icone-portabilidade{
    content: url('../img/icones/icone-portabilidade.png');
    width: 30px;
    height: 26px;
    margin-right: 20px;
    margin-top: 0;
    position: relative;
}

.icone-recarga{
    content: url('../img/icones/icone-recarga.png');
    width: 26px;
    height: 27px;
    margin-right: 24px;
    margin-top: 0;
    position: relative;
}

.icone-sobre{
    content: url('../img/icones/icone-sobre.png');
    width: 25px;
    height: 25px;
    margin-right: 24px;
    margin-top: 0px;
    position: relative;
}



/*** Tirei a margin por causa dos botões na section principal ***/
.list-inline-item:not(:last-child) {
    margin-right: 0!important;
}