html{overflow-x:hidden; width:100%;}
body{overflow-x:hidden; padding:0; width: 100%; height:100%; margin:0; padding-right:0!important;}
.container-fluid{padding: 0;}
.navbar-toggler:focus,.navbar-toggler-icon:focus {outline: none; box-shadow: none;}


.aviso {
    line-height: 15px !important;
  font-size: 12px;
  max-width: 100%;
  font-weight: 100;
  text-align: justify;
}

@media (max-width: 1668px) {
  .aviso {
    font-size: 9px !important;
  }
}
@media (max-width: 900px) {
.aviso {
    font-size: 8px !important;
  }
}

.calendario-sao-bernardo{
    background-image:url('../images/sao-bernardo/faixa.webp');
    background-repeat: no-repeat;
    background-position: center;
    
    padding: 60px 12px;
}
.calendario-sao-bernardo .container{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width:652px;
    background-color: white;
}

.calendario-sao-bernardo button:hover{
    border:1px solid #f4cf3d;
    color: #f4cf3d;
}
.calendario-sao-bernardo p {
    margin:0!important;
    padding:0!important;
}
.calendario-sao-bernardo button{

    background: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #707070 !important;
    border-radius: 15px !important;
    display:flex !important;
    flex-direction: row !important;
    color: #000 !important;
    font-size: 14px !important;
    font-family: 'Encode Sans',sans-serif;
    gap:20px !important;
    align-items:center !important;
    justify-content: center !important;
letter-spacing: 2.21px;
    margin:auto !important;
    line-height: 22px !important;
    width: 596.6px !important;
    padding: 14px 40px !important;
    }


.calendario-sao-bernardo button img{
    max-width: 55px;
}


/*topo*/
header{background-image: url("../images/bg-menu.png"); background-repeat: repeat-x; position: fixed; top: 0; transition: top 0.3s ease-in-out; width: 100%; z-index: 999;}
header .navbar{background-color: transparent!important; font-family: 'Encode Sans SemiExpanded Regular'; font-size: 14px}
header .nav-item{padding-left: 15px; padding-right: 15px}
header .nav-item a:hover{border-radius: 8px; border-bottom: 1px solid #C5C5C6; background: #e1e2e2; padding: 7.5px; 
background: linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); background: -webkit-linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); background: -moz-linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); 
background-image: url("../images/elipse.png"); background-repeat: no-repeat; background-position: bottom 2px center;}
header .bg-danger{color: #fff!important; border-radius: 10px; background-color: #ED1C24!important; padding-right: 15px!important; padding-left: 15px!important}
header .nav-item .bg-danger:hover{color: #fff!important;background-color: #ED1C24!important; padding-right: 15px!important; padding-left: 15px!important}
header .navbar-toggler{border: 0}
header .dropdown-menu{border-radius: 0; border: 0; top: 50px!important; font-size: 14px}
header .dropdown-item{padding: 5px!important}
header .dropdown-item:hover{background-image: none!important; border-bottom:0px!important; border-radius: 0px!important; padding: 5px!important; color: #ED1C24}
header .bg-mob{background: #e1e2e2; padding: 7.5px; 
background: linear-gradient(90deg,#e1e2e2 0%, #ffffff 70%); background: -webkit-linear-gradient(90deg,#e1e2e2 0%, #ffffff 70%); background: -moz-linear-gradient(90deg,#e1e2e2 0%, #ffffff 70%); }
header .nav-link .show{border-radius: 8px; border-bottom: 1px solid #C5C5C6; background: #e1e2e2; padding: 7.5px; 
background: linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); background: -webkit-linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); background: -moz-linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); 
background-image: url("../images/elipse.png"); background-repeat: no-repeat; background-position: bottom 2px center;}
.m-ativo{border-radius: 8px; border-bottom: 1px solid #C5C5C6; background: #e1e2e2; padding: 7.5px; 
background: linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); background: -webkit-linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); background: -moz-linear-gradient(90deg,#e1e2e2 0%, #ffffff 85%); 
background-image: url("../images/elipse.png"); background-repeat: no-repeat; background-position: bottom 2px center;}
.navbar-brand{margin-left: 5%;}

/*menu*/
.navbar-toggler span {  display: block;  background-color: #BD2529;  height: 3px;  width: 25px;  margin-top: 5px;  margin-bottom: 5px;  position: relative;  left: 0;  opacity: 1;  transition: all 0.35s ease-out;  transform-origin: center left;}
.navbar-toggler span:nth-child(1) {  transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(2) {  opacity: 1;}
.navbar-toggler span:nth-child(3) {  transform: translate(0%, 0%) rotate(0deg);}
.navbar-toggler span:nth-child(1) {  margin-top: 0.3em;}
.navbar-toggler:not(.collapsed) span:nth-child(1) {  transform: translate(15%, -33%) rotate(45deg);}
.navbar-toggler:not(.collapsed) span:nth-child(2) {  opacity: 0;}
.navbar-toggler:not(.collapsed) span:nth-child(3) {  transform: translate(15%, 33%) rotate(-45deg);}

/*footer*/
footer{background-color: #25282A}
footer .line-1{text-align: right;}
footer .nav-link{font-family: 'Encode Sans SemiExpanded Regular'; padding-left: 0; padding-bottom: 2px}
footer h5{font-family: 'Encode Sans SemiExpanded Regular'; text-transform: uppercase; font-size: 17px;}
footer h5 a{color: #fff; text-decoration: none;}
footer h5 a:hover{color: #fff; text-decoration: underline;}
footer h6{font-family: 'Encode Sans SemiExpanded Regular'; text-transform: uppercase; font-size: 17px;}
footer h6 a{color: #fff; text-decoration: none;}
footer h6 a:hover{color: #fff; text-decoration: underline;}
footer p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 15px}
footer .nav-item{font-family: 'Encode Sans SemiExpanded Light'; text-transform: uppercase; font-size: 15px}
footer .nav-item a{font-family: 'Encode Sans SemiExpanded Light'; color: #fff; text-transform: uppercase; font-size: 15px}
footer .nav-item a:focus{color: #fff;}
footer .nav-item a:hover{color: #fff; text-decoration: underline;}
footer .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px}
footer .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}
footer li a{text-decoration: none;}

/*home*/
.home-1{background-color: #000; margin-top: 40px}
.home-1 h1{font-family: 'Encode Sans SemiExpanded Regular'; color: #fff; font-size: 45px; letter-spacing: 1px}
.home-1 h1 span{display: block;}
.home-1 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; letter-spacing: 1px;}
.home-1 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}
.home-1 .caption{position: absolute; right: 0%; top: 18rem; left: 2%;}

.home-2{background-color: #272727;}
.home-2 h2{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; font-size: 27px; line-height: 45px; text-align: center; letter-spacing: 1px}
.home-2 h2 span{display: block;}
.home-2 h2 b{color: #ED1C24}
.home-2 .caption{position: absolute; right: 0%; margin-top: -30%; left: 50%;}
.home-2 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px}
.home-2 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-3{background-color: #fff; }
.home-3 h2{font-family: 'Encode Sans SemiExpanded Bold'; color: #000; font-size: 35px; line-height: 20px; text-align: left; letter-spacing: 1px}
.home-3 h2 span{display: block;}
.home-3 h3{font-family: 'Encode Sans SemiExpanded Bold'; color: #000; font-size: 21px; line-height: 40px; text-align: left; letter-spacing: 1px}
.home-3 p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: left; color: #2a2a2a; letter-spacing: 1px}
.home-3 p span{display: block;}
.home-3 a{font-family: 'Encode Sans SemiExpanded Regular'; color: #2a2a2a; text-align: right;}
.home-3 .caption{position: absolute; right: 0%; margin-top: -42%; left: 20%;}
.home-3 .space{margin-right: 65px; color: #000}
.home-3 .space2{margin-right: 75px; color: #000}
.home-3 .space3{margin-right: 100px;}
.home-3 .space4{margin-right: 110px;}
.home-3 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-3 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-4{background-color: #fff; }
.home-4 h2{font-family: 'Encode Sans SemiExpanded Bold'; color: #000; font-size: 35px; line-height: 35px; text-align: left; letter-spacing: 1px}
.home-4 h2 span{display: block;}
.home-4 h3{font-family: 'Encode Sans SemiExpanded Bold'; color: #000; font-size: 21px; line-height: 35px; text-align: left; letter-spacing: 1px}
.home-4 h3 span{display: block;}
.home-4 p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: left; color: #2a2a2a; letter-spacing: 1px}
.home-4 p span{display: block;}
.home-4 .aviso{max-width:265px;margin-top:90%; text-align:justify;}
.home-4 a{font-family: 'Encode Sans SemiExpanded Regular'; color: #2a2a2a; text-align: right;}
.home-4 .caption{position: absolute; right: 0%; margin-top: -43%; left: 20%;}
.home-4 .space{margin-right: 65px; color: #000}
.home-4 .space2{margin-right: 75px; color: #000}
.home-4 .space3{margin-right: 100px;}
.home-4 .space4{margin-right: 110px;}
.home-4 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-4 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-5{background-color: #fff; }
.home-5 h2{font-family: 'Encode Sans SemiExpanded Bold'; color: #000; font-size: 35px; line-height: 35px; text-align: left; letter-spacing: 1px}
.home-5 h2 span{display: block;}
.home-5 h3{font-family: 'Encode Sans SemiExpanded Bold'; color: #000; font-size: 21px; line-height: 35px; text-align: left; letter-spacing: 1px}
.home-5 p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: left; color: #2a2a2a; letter-spacing: 1px}
.home-5 p span{display: block;}
.home-5 a{font-family: 'Encode Sans SemiExpanded Regular'; color: #2a2a2a; text-align: right;}
.home-5 .caption{position: absolute; right: 0%; margin-top: -42%; left: 20%;}
.home-5 .space3{margin-right: 20px;}
.home-5 .space4{margin-right: 30px;}
.home-5 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-5 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-6 h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 43px; line-height: 40px; text-align: left; letter-spacing: 1px}
.home-6 p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: left; letter-spacing: 1px; font-size: 17px; letter-spacing: 1px}
.home-6 p span{display: block;}
.home-6 a{font-family: 'Encode Sans SemiExpanded Regular'; color: #fff; text-align: right;}
.home-6 .caption{position: absolute; right: 0%; margin-top: -12%; left: 18%;}
.home-6 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-6 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-7{background-color: #1E1D1D}
.home-7 h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.home-7 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-7 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.mkt{background-color: #FF0015}
.mkt .btn-light{font-family: 'Encode Sans SemiExpanded Bold';}
.mkt .form-control{border-radius: 0}

.home-8 .caption{position: absolute; right: 0%; margin-top: -14%; left: 10%;}
.home-8 h2{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; font-size: 43px; line-height: 40px; letter-spacing: 1px}
.home-8 h2 span{display: block;}
.home-8 p{font-family: 'Encode Sans SemiExpanded Regular'; color: #fff; letter-spacing: 1px}
.home-8 p span{display: block;}
.home-8 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-8 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-9{background-color: #262626}
.home-9 h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.home-9 h2 span{display: block;}
.home-9 h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 22px}
.home-9 h3 span{display: block;}
.home-9 p{font-family: 'Encode Sans SemiExpanded Regular';}
.home-9 p span{display: block;}
.home-9 .bg-white{height: 465px}
.home-9 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.home-9 .btn-danger:hover{background-color: #fff; border-color: #fff; color: #C8292E}

.home-10{background-color: #fff}
.home-10 h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; text-align: center; letter-spacing: 1px; color: #2a2a2a;}
.home-10 h2 span{display: block;}
.home-10 .caption{position: absolute; right: 0%; margin-top: -17%; left: 48%;}
.home-10 .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #C8292E; border-color: #C8292E; font-size: 24px; padding: 5px 65px 5px 65px; letter-spacing: 1px}
.home-10 .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}

/*debito*/
.banner-debito{margin-top: 65px}
.banner-debito .caption{position: absolute; right: 0%; margin-top: -9%; left: 0%;}
.banner-debito h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.banner-debito p{font-family: 'Encode Sans SemiExpanded Regular'; letter-spacing: 1px;}
.debito-vantagens h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.debito-vantagens p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 28px}
.debito-vantagens p span{display: block;}
.debito-vantagens .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 20px; padding: 5px 25px 5px 25px; text-align: center;}
.debito-vantagens .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}

.debito-slide .carousel-container {  position: relative;  width: 640px;  margin-right: auto!important;  margin-left: auto!important;}
.debito-slide .carousel-main {  height: 200px;  width: 640px;  position: relative;  margin-bottom: 0.5em;}
.debito-slide .carousel-feature {  position: absolute;  top: -1000px;  left: -1000px;  border-radius: 9px; background-color: transparent; cursor: pointer;  text-align: center;  /*box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);*/}
.debito-slide .carousel-image {  border: 0;  display: block; background-color: transparent;}
.debito-slide #carousel-left{z-index: 900; position: relative; cursor: pointer; bottom: 100px; left: -170px}
.debito-slide #carousel-right{z-index: 900; position: relative; cursor: pointer; bottom: 100px; right: -170px}
.debito-slide p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 13px;}

/*crédito*/
.banner-credito{margin-top: 65px}
.banner-credito .caption{position: absolute; right: 0%; margin-top: -9%; left: 0%;}
.banner-credito h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.banner-credito p{font-family: 'Encode Sans SemiExpanded Regular'; letter-spacing: 1px;}
.credito-vantagens h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.credito-vantagens p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 28px}
.credito-vantagens p span{display: block;}
.credito-vantagens .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 20px; padding: 5px 25px 5px 25px; text-align: center;}
.credito-vantagens .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}

.credito-slide .carousel-container {  position: relative;  width: 640px;  margin-right: auto!important;  margin-left: auto!important;}
.credito-slide .carousel-main {  height: 200px;  width: 640px;  position: relative;  margin-bottom: 0.5em;}
.credito-slide .carousel-feature {  position: absolute;  top: -1000px;  left: -1000px;  border-radius: 9px; background-color: transparent; cursor: pointer;  text-align: center;  /*box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.1);*/}
.credito-slide .carousel-image {  border: 0;  display: block; background-color: transparent;}
.credito-slide #carousel-left{z-index: 900; position: relative; cursor: pointer; bottom: 100px; left: -170px}
.credito-slide #carousel-right{z-index: 900; position: relative; cursor: pointer; bottom: 100px; right: -170px}
.credito-slide p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 13px;}

/*palavra presidente*/
.topo-presidente{margin-top: 65px}
.topo-presidente .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-presidente h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-presidente p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}
.txt-presidente h6{font-family: 'Encode Sans SemiExpanded Regular'; font-weight: bold;}

/*codigo etica*/
.topo-etica{margin-top: 65px}
.topo-etica .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-etica h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-etica h2{font-family: 'Encode Sans SemiExpanded Regular'; padding-bottom: 25px; font-size: 26px}
.txt-etica h3{font-family: 'Encode Sans SemiExpanded Regular'; padding-bottom: 25px; padding-top: 25px; font-size: 26px}
.txt-etica p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}
.txt-etica .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.txt-etica .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}

/*denuncias*/
.topo-denuncias{margin-top: 65px}
.topo-denuncias .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-denuncias h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-denuncias h2{font-family: 'Encode Sans SemiExpanded Regular'; padding-bottom: 25px; font-size: 26px}
.txt-denuncias h3{font-family: 'Encode Sans SemiExpanded Regular'; padding-bottom: 25px; padding-top: 25px; font-size: 26px}
.txt-denuncias p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}
.txt-denuncias li{padding-bottom: 8px}
.txt-denuncias .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.txt-denuncias .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}
.txt-denuncias .noline{display: none}

/*faq*/
.topo-faq{margin-top: 65px}
.topo-faq .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-faq h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-faq h2{font-family: 'Encode Sans SemiExpanded Bold'; padding-bottom: 25px; font-size: 26px}
.txt-faq .accordion-item{background-color: transparent; border:0; color: #280000; margin-bottom: 15px;}
.txt-faq .accordion-item a{color: #000}
.txt-faq .accordion-button{border-bottom:1px solid #999; border-radius: 0!important; background-color: transparent!important; margin-bottom: 0px; font-family: 'Encode Sans SemiExpanded Bold'; color: #000!important; font-size: 19px; padding-left:0 }
.txt-faq .accordion-collapse{border:0!important;}
.txt-faq .accordion-button:not(.collapsed) {color: #000;    background-color: transparent; box-shadow:inset 0 -1px 0 rgb(0 0 0 / 0%);}
.txt-faq .accordion-button:focus {    z-index: 3;    border-color: #e2343c;    outline: 0; box-shadow: 0 0 0 0 rgb(226 52 60 / 25%); color: #000; border-bottom:1px solid #999;}
.txt-faq .accordion-body{font-family: 'Encode Sans SemiExpanded Regular'; color: #000; font-size: 16px; margin-bottom: 15px; padding-left:0}
.txt-faq .accordion-button::after {background-image: url("../images/more.png");}
.txt-faq .accordion-button:not(.collapsed)::after {background-image: url("../images/more-n.png");}

/*sua empresa*/
.topo-sua{margin-top: 65px}
.topo-sua .caption{position: absolute; right: 0%; margin-top: -25%; left: 0%;}
.topo-sua h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 38px; line-height: 40px; letter-spacing: 1px;}
.topo-sua h2{font-family: 'Encode Sans SemiExpanded Light'; padding-bottom: 25px; font-size: 32px}

/*missão visao e valores*/
.topo-missao{margin-top: 65px}
.topo-missao .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-missao h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-missao h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-left: 25px}
.txt-missao p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}

/*politicas*/
.topo-politicas{margin-top: 65px}
.topo-politicas .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-politicas h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-politicas h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-left: 25px}
.txt-politicas p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}

/*relatorios*/
.topo-relatorios{margin-top: 65px}
.topo-relatorios .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-relatorios h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-relatorios h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-left: 25px}
.txt-relatorios p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}
.txt-relatorios p a{color: #000; text-decoration: none;}
.txt-relatorios p a:hover{text-decoration: underline;}

/*tarifas*/
.topo-tarifas{margin-top: 65px}
.topo-tarifas .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-tarifas h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-tarifas h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-left: 25px}
.txt-tarifas p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}

/*privacidade*/
.topo-privacidade{margin-top: 65px}
.topo-privacidade .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-privacidade h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-privacidade h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-left: 25px}
.txt-privacidade p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}

/*termos*/
.topo-termos{margin-top: 65px}
.topo-termos .caption{position: absolute; right: 0%; margin-top: -15%; left: 0%;}
.topo-termos h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.txt-termos h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-left: 25px}
.txt-termos p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}

/*times do coracao*/
.banner-times{margin-top: 65px}
.banner-times .caption{position: absolute; right: 0%; margin-top: -14%; left: 0%;}
.banner-times h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 41px; line-height: 50px; letter-spacing: 1px;}
.banner-times p{font-family: 'Encode Sans SemiExpanded Regular'; letter-spacing: 1px;}

.times-slide .carousel-container {  position: relative;  width: 640px;  margin-right: auto!important;  margin-left: auto!important;}
.times-slide .carousel-main {  height: 200px;  width: 640px;  position: relative;  margin-bottom: 0.5em; background-color: transparent!important;}
.times-slide .carousel-feature {  position: absolute;  top: -1000px;  left: -1000px;  border-radius: 9px; background-color: transparent!important; cursor: pointer;  text-align: center; /*box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);*/ border-color: transparent!important;}
.times-slide .carousel-image {  border: 0;  display: block; background-color: transparent;}
.times-slide #carousel-left{z-index: 900; position: relative; cursor: pointer; bottom: 100px; left: -170px}
.times-slide #carousel-right{z-index: 900; position: relative; cursor: pointer; bottom: 100px; right: -170px}
.times-slide p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 14px; line-height: 28px}
.times-slide .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 16px; padding: 5px 15px 5px 15px; text-align: center; width: 100%}
.times-slide .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}
.times-slide .carousel-caption{top: 85%!important}
.times-ganha h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.times-ganha p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 35px}
.times-ganha h2 span{display: block;}
.times-ganha h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 20px; line-height: 28px; letter-spacing: 1px; padding-top: 15px}
.times-ganha h3 span{display: block;}

/*influencers*/
.banner-influencers{margin-top: 65px}
.banner-influencers .caption{position: absolute; right: 0%; margin-top: -14%; left: 0%;}
.banner-influencers h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 41px; line-height: 50px; letter-spacing: 1px;}
.banner-influencers h1 span{display: block;}
.banner-influencers p{font-family: 'Encode Sans SemiExpanded Regular'; letter-spacing: 1px;}
.banner-influencers p span{display: block;}
.influencers-slide .carousel-container {  position: relative;  width: 640px;  margin-right: auto!important;  margin-left: auto!important;}
.influencers-slide .carousel-main {  height: 200px;  width: 640px;  position: relative;  margin-bottom: 0.5em; background-color: transparent!important;}
.influencers-slide .carousel-feature {  position: absolute;  top: -1000px;  left: -1000px;  border-radius: 9px; background-color: transparent!important; cursor: pointer;  text-align: center; /*box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);*/ border-color: transparent!important;}
.influencers-slide .carousel-image {  border: 0;  display: block; background-color: transparent;}
.influencers-slide #carousel-left{z-index: 900; position: relative; cursor: pointer; bottom: 100px; left: -170px}
.influencers-slide #carousel-right{z-index: 900; position: relative; cursor: pointer; bottom: 100px; right: -170px}
.influencers-slide p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 18px; line-height: 38px}
.influencers-slide .carousel-caption{top: 85%!important}
.influencers-ganha h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.influencers-ganha p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 35px}
.influencers-ganha h2 span{display: block;}
.influencers-ganha .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.influencers-ganha .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}

/*cbtp*/
.banner-cbtp{margin-top: 65px}
.banner-cbtp .caption{position: absolute; right: 0%; margin-top: -14%; left: 0%;}
.banner-cbtp h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 41px; line-height: 50px; letter-spacing: 1px;}
.banner-cbtp h1 span{display: block;}
.banner-cbtp p{font-family: 'Encode Sans SemiExpanded Regular'; letter-spacing: 1px;}
.banner-cbtp p span{display: block;}
.cbtp-linha-do-tempo h2{margin-bottom:42px;margin-top:42px;margin-left:auto;margin-right:auto;max-width:848px}
.cbtp-linha-do-tempo p {margin:71px auto;color:#8D8D8D;text-align:center;}
.cbtp-slide a{margin:auto;border-radius:15px; max-width:204px;width:100%; font-size:16px !important;font-weight:600; line-height:16px;}
.cbtp-slide {padding-bottom:110px;padding-top:110px;}
.cbtp-slide .carousel-container {  position: relative;  width: 640px;  margin-right: auto!important;  margin-left: auto!important;}
.cbtp-slide .carousel-main {  height: 200px;  width: 640px;  position: relative;  margin-bottom: 0.5em; background-color: transparent!important;}
.cbtp-slide .carousel-feature {  position: absolute;  top: -1000px;  left: -1000px;  border-radius: 9px; background-color: transparent!important; cursor: pointer;  text-align: center; /*box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);*/ border-color: transparent!important;}
.cbtp-slide .carousel-image {  border: 0;  display: block; background-color: transparent;}
.cbtp-slide #carousel-left{z-index: 900; position: relative; cursor: pointer; bottom: 100px; left: -170px}
.cbtp-slide #carousel-right{z-index: 900; position: relative; cursor: pointer; bottom: 100px; right: -170px}
.cbtp-slide p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 14px; line-height: 38px;padding-top:8px;}
.cbtp-slide .carousel-caption{top: 85%!important}
.cbtp-slide img{
    box-shadow:20px 10px 49px rgba(0,0,0,.24);
    border-radius: 16px;
}
.cbtp-historia img{max-width:123%;margin-left: -23%;}
.cbtp-historia{padding-top:95px;padding-bottom:75px}
.cbtp-historia img{margin-top:40px;}
.cbtp-historia h2{padding-top:0;}
.cbtp-ganha {padding-top:65px;}
.cbtp-ganha h2, .cbtp-historia h2,.cbtp-linha-do-tempo h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.cbtp-ganha p, .cbtp-historia p,.cbtp-linha-do-tempo p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 35px}
.cbtp-ganha h2 span{display: block;}
.cbtp-ganha p.aviso{padding-top:30px;}
.cbtp-slide .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.cbtp-slide .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}


/*sao-bernardo*/
.banner-sao-bernardo{margin-top: 65px}
.banner-sao-bernardo .caption{position: absolute; right: 0%; margin-top: -14%; left: 0%;}
.banner-sao-bernardo h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 41px; line-height: 50px; letter-spacing: 1px;}
.banner-sao-bernardo h1 span{display: block;}
.banner-sao-bernardo p{font-family: 'Encode Sans SemiExpanded Regular'; letter-spacing: 1px;}
.banner-sao-bernardo p span{display: block;}
.sao-bernardo-linha-do-tempo h2{padding-bottom:24px;padding-top:24px;margin-left:auto;margin-right:auto;max-width:848px}
.sao-bernardo-linha-do-tempo p {margin:71px auto;color:#8D8D8D;text-align:center;}
.sao-bernardo-slide a{margin:auto;border-radius:15px; max-width:224px;width:100%; font-size:16px !important;font-weight:600; line-height:18px;}
.sao-bernardo-slide {padding-bottom:40px;padding-top:40px;}
.sao-bernardo-slide .carousel-container {  position: relative;  width: 640px;  margin-right: auto!important;  margin-left: auto!important;}
.sao-bernardo-slide .carousel-main {  height: 200px;  width: 640px;  position: relative;  margin-bottom: 0.5em; background-color: transparent!important;}
.sao-bernardo-slide .carousel-feature {  position: absolute;  top: -1000px;  left: -1000px;  border-radius: 9px; background-color: transparent!important; cursor: pointer;  text-align: center; /*box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);*/ border-color: transparent!important;}
.sao-bernardo-slide .carousel-image {  border: 0;  display: block; background-color: transparent;}
.sao-bernardo-slide #carousel-left{z-index: 900; position: relative; cursor: pointer; bottom: 100px; left: -170px}
.sao-bernardo-slide #carousel-right{z-index: 900; position: relative; cursor: pointer; bottom: 100px; right: -170px}
.sao-bernardo-slide p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 14px; line-height: 38px;padding-top:6px;}
.sao-bernardo-slide .carousel-caption{top: 85%!important}
.sao-bernardo-slide img{box-shadow:20px 10px 49px rgba(0,0,0,.24);border-radius: 16px;}
.sao-bernardo-historia img{max-width:123%;margin-left: -23%;}
.sao-bernardo-historia{padding-top:95px;padding-bottom:75px}
.sao-bernardo-historia h2{padding-top:0;}
.sao-bernardo-ganha {padding-top:65px;}
.sao-bernardo-ganha h2, .sao-bernardo-historia h2,.sao-bernardo-linha-do-tempo h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.sao-bernardo-ganha p, .sao-bernardo-historia p,.sao-bernardo-linha-do-tempo p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 35px}
.sao-bernardo-ganha h2 span{display: block;}
.sao-bernardo-ganha p.aviso{padding-top:30px;}
.sao-bernardo-slide .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.sao-bernardo-slide .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}
.sao-bernardo-s



/*blog*/
.topo-blog{margin-top: 65px}
.topo-blog .caption{position: absolute; right: 0%; margin-top: -8%; left: 0%;}
.topo-blog h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 41px; line-height: 40px; letter-spacing: 1px;}
.topo-blog h2{font-family: 'Encode Sans SemiExpanded Light'; font-size: 18px; line-height: 40px; letter-spacing: 1px;}

.txt-blog .bg-fundo{background-image: url("../images/blog/fundo-mail.jpg"); background-size: cover;}
.txt-blog .slide .bg-white{height: 450px}
.txt-blog .slide-2 .bg-white{height: 250px}
.txt-blog h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 28px}
.txt-blog h4{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 28px}
.txt-blog .slide h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 19px}
.txt-blog .slide p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: justify;}
.txt-blog .slide a{color: #000; text-decoration: none;}
.txt-blog .slide .border{border: 1px solid #C3C3C3!important}
.txt-blog .slide-2 h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 19px}
.txt-blog .slide-2 p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: justify;}
.txt-blog .slide-2 a{color: #000; text-decoration: none;}
.txt-blog .slide-2 .border{border: 1px solid #C3C3C3!important}
.txt-blog .rounded { border-radius: 8px!important;}

.txt-blog .txt-lidas h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 25px}
.txt-blog .txt-lidas p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: justify;}
.txt-blog .txt-lidas a{color: #000; text-decoration: none;}

.txt-blog .bg-fundo h4{font-family: 'Encode Sans SemiExpanded Light'; font-size: 20px}
.txt-blog .bg-fundo .form-control{border-radius: 0; font-family: 'Encode Sans SemiExpanded Regular';}
.txt-blog .bg-fundo .btn-light{font-family: 'Encode Sans SemiExpanded Bold';}

.post{margin-top: 75px}
.post h1{font-family: 'Encode Sans SemiExpanded Light';}
.post h2{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 19px;  line-height: 32px; padding-bottom: 15px}
.post h3{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 16px; padding-top: 15px; padding-bottom: 15px}
.post p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: justify;}
.post h5{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 15px}
.post h5 span{color: #717171}
.post .coments p{font-family: 'Encode Sans SemiExpanded Regular'; text-align: justify; font-size: 14px; line-height: 30px}
.post .coments h6{font-family: 'Encode Sans SemiExpanded Regular';}
.post .coments small{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 12px}
.post .bg-fundo{background-image: url("../images/blog/fundo-mail-2.jpg"); background-size: cover;}
.post .bg-fundo h6{font-family: 'Encode Sans SemiExpanded Light'; color: #fff; font-size: 27px}
.post .bg-fundo .pt-5{padding-top: 34rem!important;}
.post .bg-fundo .form-control{border-radius: 0}
.post .bg-fundo .btn-light{font-family: 'Encode Sans SemiExpanded Bold';}

/*offcanvas direita*/
.offcanvas h6{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 25px;}
.offcanvas h6 b{font-family: 'Encode Sans SemiExpanded Bold';}
.offcanvas p{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 15px; line-height: 30px;}

/*sua-conta*/
.topo-sconta{margin-top: 65px}
.topo-sconta .caption{position: absolute; right: 0%; margin-top: -5%; left: 0%;}
.topo-sconta h1{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 31px; line-height: 40px; letter-spacing: 1px;}
.topo-sconta p{font-family: 'Encode Sans SemiExpanded Regular';}
.txt-sconta h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 27px; line-height: 40px; letter-spacing: 1px; padding-top: 15px}
.txt-sconta h2 span{display: block;}
.txt-sconta p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 35px}
.txt-sconta .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.txt-sconta .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}

/*modal*/
.modal-header{border-bottom: 0}
.modal-content{background-color: #F7F6F6; border-radius: 0; border: 0}
.modal-content h1{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 25px}
.modal-content h2{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 21px}
.modal-content p{font-family: 'Encode Sans SemiExpanded Regular'; line-height: 32px}
.modal-content .btn-danger{font-family: 'Encode Sans SemiExpanded Bold'; color: #fff; background-color: #ED1C24; border-color: #ED1C24; font-size: 18px; padding: 5px 25px 5px 25px; text-align: center;}
.modal-content .btn-danger:hover{background-color: #999; border-color: #999; color: #fff}
.modal-content .form-label{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 13px}
.modal-content .form-control{border-radius: 0; font-family: 'Encode Sans SemiExpanded Regular'; font-size: 14px}
.modal-content .form-select{border-radius: 0; font-family: 'Encode Sans SemiExpanded Regular'; font-size: 14px}
.modalmailing h6{font-family: 'Encode Sans SemiExpanded Bold'; font-size: 21px}

/*erro*/
.error{font-family: 'Encode Sans SemiExpanded Regular'; padding:5px; font-size: 12px; color: #fff; font-weight: bold;}
.form-control.is-valid, .was-validated .form-control:valid{background-image: none;}

/*media*/
@media (min-width: 1921px) {
    .home-4 p.aviso{max-width:400px;margin-top:100%;}
.home-3 .caption{left: 32%;}
.home-3 .space{margin-right: 85px;}
.home-3 .space2{margin-right: 95px;}
.home-3 .space3{margin-right: 115px;}
.home-3 .space4{margin-right: 130px;}
.home-4 .caption{left: 32%;}
.home-5 .caption{left: 32%;}
.home-6 .caption{right: 0%; margin-top: -10%; left: 18%;}
.banner-debito .caption{margin-top: -7%;}
.banner-credito .caption{margin-top: -7%;}

}

@media (max-width: 1680px) {
.home-5 .caption{left: 13%;}

.topo-sconta .caption{margin-top: -6%;}
}

@media (max-width: 1440px) {
.home-3 .caption{left: 18%;}
.home-4 .caption{left: 18%;}
.home-5 .caption{left: 8%;}
.home-6 .caption{right: 0%; margin-top: -16%; left: 8%;}
.banner-debito .caption{margin-top: -13%;}
.banner-credito .caption{margin-top: -13%;}
.banner-times .caption{margin-top: -17%;}
.banner-influencers .caption{margin-top: -17%;}
.banner-cbtp .caption{margin-top: -17%;}
.banner-sao-bernardo .caption{margin-top: -17%;}
.topo-blog .caption{margin-top: -10%;}
.navbar-brand{margin-left: 6%;}
.topo-sconta .caption{margin-top: -7%;}
}

@media (max-width: 1400px) {

}

@media (max-width: 1366px) {
.home-3 .caption{left: 14%;}
.home-4 .caption{left: 14%;}
.home-5 .caption{left: 14%;}
.home-4 p.aviso{max-width:230px;}
.home-6 .caption{margin-top: -18%;}
.post .bg-fundo .pt-5{padding-top: 44rem!important;}
.navbar-brand{margin-left: 3%;}
header .nav-item{padding-left: 12px; padding-right: 12px}
.topo-sconta .caption{margin-top: -8%;}
}

@media (max-width: 1280px) {
.home-3 .caption{left: 11%;}
.home-3 p{font-size: 14px}
.home-4 .caption{left: 11%;}
.home-5 .caption{left: 11%;}

}

@media (max-width: 1200px) {
.home-6 h2{font-size: 35px; line-height: 27px;}
.cbtp-historia img{max-width:100%;margin-left: 0%;}
.sao-bernardo-historia img{max-width:100%;margin-left: 0%;}
.home-6 p{font-size: 14px}
.home-6 .caption{margin-top: -18%; right: 5%;}
}

@media (max-width: 1024px) {
header .nav-item{padding-left: 2px; padding-right: 2px}
.home-2 .caption{right: 0%; margin-top: -30%; left: 46%;}

.home-3 .caption{left: 16%;}
.home-3 h2{font-size: 25px; line-height: 16px;}
.home-3 h3{font-size: 17px;}
.home-3 p{font-size: 12px}

.home-3 .space{margin-right: 39px;}
.home-3 .space2{margin-right: 49px;}
.home-3 .space3{margin-right: 79px;}
.home-3 .space4{margin-right: 79px;}

.home-4 .caption{left: 16%;}
.home-4 h2{font-size: 25px; line-height: 16px;}
.home-4 h3{font-size: 16px; line-height: 28px}
.home-4 p{font-size: 12px}
.home-4 .space{margin-right: 39px;}
.home-4 .space2{margin-right: 49px;}
.home-4 .space3{margin-right: 69px;}
.home-4 .space4{margin-right: 79px;}

.home-5 .caption{left: 6%;}
.home-5 h2{font-size: 25px; line-height: 16px;}
.home-5 h3{font-size: 16px; line-height: 28px}
.home-5 p{font-size: 14px}

.home-6 h2{font-size: 30px; line-height: 27px;}
.home-6 p{font-size: 14px}
.home-6 .caption{margin-top: -18%; right: 5%;}

.home-8 .caption{margin-top: -17%;}
.home-9 .bg-white{min-height: 475px}
.home-10 .btn-danger{font-size: 24px; padding: 5px 45px 5px 45px;}

.debito-vantagens h2{font-size: 23px; line-height: 34px;}
.credito-vantagens h2{font-size: 23px; line-height: 34px;}
.influencers-ganha h2 span{display: inline;}
.cbtp-ganha h2 span{display: inline;}
.cbtp-ganha h2 span{display: inline;}
.topo-blog .caption{margin-top: -13%;}
.post .bg-fundo h6{font-size: 22px}
.navbar-brand{margin-left: 2%;}
.topo-sconta .caption{margin-top: -10%;}
}

@media (max-width: 991px) { 
/*menu*/
header .nav-item{padding-left: 0px; padding-right: 0px}
header .bg-mob{padding: 0}
#navbarMenu .nav-item{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 16px; border-bottom: 1px solid #ddd;}
#navbarMenu .accordion-item{border: 0; border-bottom: 0px solid #ddd; padding-left: 0px;}
#navbarMenu .accordion-button{padding-left: 0; padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x)!important; text-decoration: none; border-radius: 0}
#navbarMenu .nav-item a:hover{background: transparent; border-radius: 0!important; border-bottom: 0}
#navbarMenu .accordion-button:not(.collapsed) {color: #000; background-color: transparent; box-shadow: none;}
#navbarMenu .nav-link{padding-left: 20px}
#navbarMenu .accordion-button::after {background-image: url("../images/down-menu.png");}
#navbarMenu .accordion-button:not(.collapsed)::after {background-image: url("../images/down-menu.png");}
header #navbarMenu .accordion{--bs-accordion-bg: transparent; border-radius: 0!important; box-shadow: none;}
#navbarMenu .accordion-item:last-of-type{border-bottom-left-radius:0}
#navbarMenu .accordion{--bs-accordion-border-radius:none}
#navbarMenu .accordion-body{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 16px;}
#navbarMenu .dropdown-item{font-family: 'Encode Sans SemiExpanded Regular'; font-size: 15px;}
.home-1 h1{font-size: 38px}
.home-1 h1 span{display: inline;}
.home-2 .caption{right: 0%; margin-top: -127%; left: 0%;}
.home-2 h2{font-size: 37px; line-height: 45px;}
.home-3 .caption{right: 0%; margin-top: -155%; left: 2%;}
.home-3 h2{text-align: left; font-size: 37px; line-height: 34px}
.home-3 h3{font-size: 27px;}
.home-3 .space3{display: none;}
.home-3 p{text-align: left; font-size: 23px}
.home-4 .caption{right: 0%; margin-top: -168%; left: 2%;}
.home-4 h2{text-align: left; font-size: 37px; line-height: 38px}
.home-4 h3{font-size: 27px;}


.home-4 .space3{display: none;}
.home-4 p{text-align: left; font-size: 23px}
.home-4 p.aviso{max-width:400px;margin-top:0%;}
.home-5 .caption{right: 0%; margin-top: -155%; left: 2%;}
.home-5 h2{text-align: left; font-size: 37px; line-height: 38px}
.home-5 h3{font-size: 27px; line-height: 28px}
.home-5 .space3{display: none;}
.home-5 p{text-align: left; font-size: 23px}
.home-6 .caption{right: 0%; margin-top: -155%; left: 2%;}
.home-6 h2{font-size: 37px; line-height: 38px;}
.home-6 h3{font-size: 27px; line-height: 28px}
.home-6 p span{display: none;}
.home-6 p{ font-size: 23px}
.home-7{padding-top: 25px; padding-bottom: 45px}
.home-7 h2{font-size: 27px;}
.home-8 h2{font-size: 27px;}
.home-8 p{ font-size: 22px}
.home-8 .caption{margin-top: -155%; text-align: center; left: 8%}
.home-9{padding-bottom: 50px}
.home-9 h2{font-size: 27px;}
.home-9 p span{display: inline;}
.home-9 h3{font-size: 19px}
.home-10 .caption{position: absolute; right: 0%; margin-top: -155%; left: 0%;}
.banner-influencers h1{font-size: 31px;}
.banner-influencers .caption{margin-top: -20%;}
.influencers-ganha h2 span{display: block;}
.banner-cbtp h1{font-size: 31px;}
.banner-cbtp .caption{margin-top: -20%;}
.banner-sao-bernardo h1{font-size: 31px;}
.banner-sao-bernardo .caption{margin-top: -20%;}
.sao-bernardo-slide, .cbtp-slide{
    padding:20px 20px;
}
.cbtp-ganha h2 span{display: block;}
.sao-bernardo-ganha h2 span{display: block;}
.topo-sua .caption{margin-top: -160%; left: 0%;}
.txt-blog .slide .bg-white{height: 490px}
.txt-blog .slide-2 .bg-white{height: 370px}
.post .bg-fundo{background-image: url("../images/blog/fundo-mail.jpg"); background-size: cover; background-position: center;}
.post .bg-fundo h6{text-align: center;}
.post .bg-fundo .pt-5{padding-top: 3rem!important;}
footer{padding-bottom: 55px}
.navbar-brand{margin-left: 0%;}
.txt-sconta h2 span{display: inline;}
.topo-sconta .caption{margin-top: -20%;}
}

@media (max-width: 768px) {
.home-1 .caption-2{bottom: 5%;}
.home-2 .caption{right: 0%; margin-top: -140%; left: 0%;}
.home-2 .caption-2{bottom: -89%;}
.home-4 .space{margin-right: 0px;}
.home-4 .space2{margin-right: 0px;}
.banner-debito .caption{margin-top: -15%;}
.banner-credito .caption{margin-top: -15%;}
.banner-times .caption{margin-top: -25%;}
.banner-influencers .caption{margin-top: -22%;}
.banner-cbtp .caption{margin-top: -40%;}
.banner-sao-bernardo .caption{margin-top: -35%;}
.topo-blog .caption{margin-top: -20%;}
}

@media (max-width: 767px) {
    h1{
        line-height:;
    }
    .last-section > .order-1 {
        padding-top:40px;
    }
    .last-section{
        text-align: center;
    }
        .calendario-sao-bernardo button {
        padding: 10px 20px!important;
        max-width: 360px !important;
        width: 100%!important;
    
    }
    
    .calendario-sao-bernardo button:hover{
        border:1px solid #f5cf3c !important;
        color: #f5cf3c !important;
    }
    .calendario-sao-bernardo .container{
        max-width: 400.7px !important;
    }
    .calendario-sao-bernardo button p{
        font-size:12px!important;
        text-align: start!important;
            padding: 00px 0px !important;
        max-width: 220px !important;
        width: 100%!important;
    
    }
    .calendario-sao-bernardo button img{
        max-width:45px!important;
    }
footer .last-section .mb-centered{text-align:center;}
footer .last-section{flex-direction:row-inverse;text-align:center;}
}
@media (max-width: 480px) {
.home-1 h1{font-size: 28px; letter-spacing: 0px}
.home-1 .caption{top: 7rem; left: 0%;}
footer .line-1{text-align: center;}
footer p{text-align: center;}
footer .line-2{margin-top: 20px}
.home-2 h2{font-size: 22px; line-height: 29px !important; text-align: center; letter-spacing: 0px}
.home-2 h2 span{display: inline;}
.home-3 h2{font-size: 23px; line-height: 33px !important; letter-spacing: 0px}
.home-3 h3{line-height: 10px; font-size: 19px!important}
.home-3 p{font-size: 18px;}

.home-4 h2{font-size: 23px; line-height: 33px!important; letter-spacing: 0px}
.home-4 h3{line-height: 30px!important; font-size: 19px}
.home-4 p{font-size: 18px;}

.home-5 h2{font-size: 23px; line-height: 33px; letter-spacing: 0px}
.home-5 h3{line-height: 25px; font-size: 19px}
.home-5 p{font-size: 18px;}

.home-6 h2{font-size: 23px; line-height: 33px; letter-spacing: 0px}
.home-6 p{font-size: 18px}

.home-7 h2{font-size: 18px}

.home-8 h2{font-size: 23px; line-height: 33px; letter-spacing: 0px}
.home-8 p span{display: inline;}
.home-8 p{font-size: 18px}

.home-9 h2{font-size: 25px; line-height: 32px; }
.home-9 h2 span{display: inline;}

.home-10 h2{font-size: 23px; line-height: 30px;}
.home-10 .btn-danger{font-size: 16px; padding: 5px 25px 5px 25px;}
.home-10{padding-top: 50px}

.card{width: 300px; height: 189px}
.banner-debito .caption{margin-top: -25%;}
.banner-debito h1{font-size: 18px; line-height: 30px;}
.banner-debito p{font-size: 12px}
.debito-vantagens h2{font-size: 21px; line-height: 29px;}
.debito-slide .carousel-main{width: 390px!important; left: -32px}
.debito-slide #carousel-right{right: 140px; top: 0px}
.debito-slide #carousel-left{left: -180px; top: 0px}
.debito-slide p{padding-top: 0px}
.banner-credito .caption{margin-top: -25%;}
.banner-credito h1{font-size: 18px; line-height: 30px;}
.banner-credito p{font-size: 12px}
.credito-vantagens h2{font-size: 21px; line-height: 29px;}

.credito-slide .carousel-main{width: 390px!important; left: -32px}
.credito-slide #carousel-right{right: 140px; top: 0px}
.credito-slide #carousel-left{left: -180px; top: 0px}

footer .pt-5 { padding-top: 1.5rem!important;}
footer .pb-5 { padding-bottom: 1.5rem!important;}
.topo-presidente .caption{margin-top: -20%;}
.topo-presidente h1{font-size: 17px; line-height: 40px;}
.topo-etica .caption{margin-top: -20%;}
.topo-etica h1{font-size: 17px; line-height: 40px;}
.topo-denuncias .caption{margin-top: -20%;}
.topo-denuncias h1{font-size: 17px; line-height: 40px;}
.topo-faq .caption{margin-top: -55%;}
.topo-faq h1{font-size: 17px; line-height: 40px;}
.txt-faq h2{font-size: 20px}
.txt-faq .accordion-button{font-size: 16px}
.topo-missao .caption{margin-top: -20%;}
.topo-missao h1{font-size: 17px; line-height: 40px;}
.topo-politicas .caption{margin-top: -20%;}
.topo-politicas h1{font-size: 17px; line-height: 40px;}
.topo-relatorios .caption{margin-top: -20%;}
.topo-relatorios h1{font-size: 17px; line-height: 40px;}
.topo-tarifas .caption{margin-top: -20%;}
.topo-tarifas h1{font-size: 17px; line-height: 40px;}
.topo-privacidade .caption{margin-top: -20%;}
.topo-privacidade h1{font-size: 17px; line-height: 40px;}
.topo-termos .caption{margin-top: -20%;}
.topo-termos h1{font-size: 17px; line-height: 40px;}
.banner-times .caption{margin-top: -25%;}
.banner-times h1{font-size: 18px; line-height: 20px;}
.banner-times p{font-size: 12px}
.banner-influencers .caption{margin-top: -30%;}
.banner-influencers h1{font-size: 18px; line-height: 17px;}
.banner-influencers p{font-size: 12px}
.times-slide .carousel-main{width: 390px!important; left: -32px}
.times-slide #carousel-right{right: 140px; top: 0px}
.times-slide #carousel-left{left: -180px; top: 0px}
.times-slide p{font-size: 15px; line-height: 28px}
.times-slide .carousel-caption{top: 110%!important; width: 100%; left: 0}
.times-ganha h2 span{display: inline;}
.times-ganha h2{font-size: 22px; line-height: 32px}
.times-ganha h3{font-size: 18px; line-height: 28px;}

.influencers-slide .carousel-main{width: 390px!important; left: -35px}
.influencers-slide #carousel-right{right: 140px; top: 50px}
.influencers-slide #carousel-left{left: -180px; top: 50px}
.influencers-slide p{font-size: 15px; line-height: 28px}
.influencers-slide .carousel-caption{top: 99%!important}
.influencers-ganha h2{font-size: 22px; line-height: 32px}
.influencers-ganha h2 span{display: inline;}
.banner-cbtp .caption{margin-top: -27%;}
.banner-cbtp h1{font-size: 18px; line-height: 22px;}
.banner-cbtp p{font-size: 12px}
.cbtp-slide .carousel-main{width: 390px!important; left: -35px}
.cbtp-slide #carousel-right{right: 140px; top: 50px}
.cbtp-slide #carousel-left{left: -180px; top: 50px}
.cbtp-slide p{font-size: 15px; line-height: 28px; }
.cbtp-slide .carousel-caption{top: 99%!important}
.cbtp-ganha h2{font-size: 22px; line-height: 32px}
.cbtp-ganha h2 span{display: inline;}
.banner-sao-bernardo .caption{margin-top: -41%;}
.banner-sao-bernardo h1{font-size: 18px; line-height: 22px;}
.banner-sao-bernardo p{font-size: 12px}
.sao-bernardo-slide .carousel-main{width: 390px!important; left: -35px}
.sao-bernardo-slide #carousel-right{right: 140px; top: 50px}
.sao-bernardo-slide #carousel-left{left: -180px; top: 50px}
.sao-bernardo-slide p{font-size: 15px; line-height: 28px}
.sao-bernardo-slide .carousel-caption{top: 99%!important}
.sao-bernardo-ganha h2{font-size: 22px; line-height: 32px}
.sao-bernardo-ganha h2 span{display: inline;}
.topo-sua h1{font-size: 27px;}
.topo-sua h2{font-size: 21px}
.topo-blog .caption{margin-top: -22%;}

.topo-blog .caption{margin-top: -35%;}
.topo-blog h1{font-size: 27px}
.topo-blog h2{font-size: 17px; line-height: 24px}
.txt-blog .slide .bg-white{height: 430px}
.txt-blog .slide-2 .bg-white{height: 200px}

.post .bg-fundo h6{font-size: 18px}
.txt-sconta h2{font-size: 22px;}

.topo-sconta h1{font-size: 20px; line-height: 30px}
.topo-sconta .caption{margin-top: -38%;}
.topo-sconta p{font-size: 13px}
}

@media (max-width: 390px) {
.home-1 h1{font-size: 22px}
.home-3 h2{font-size: 20px; line-height: 20px; letter-spacing: 0px}
.home-3 h3{line-height: 17px; font-size: 16px}
.home-3 p{font-size: 15px;}

.home-4 h2{font-size: 20px; line-height: 20px; letter-spacing: 0px}
.home-4 h3{line-height: 17px; font-size: 16px}
.home-4 p{font-size: 15px;}

.home-5 h2{font-size: 20px; line-height: 20px; letter-spacing: 0px}
.home-5 h3{line-height: 17px; font-size: 16px}
.home-5 p{font-size: 15px;}

.home-6 h2{font-size: 20px; line-height: 20px; letter-spacing: 0px}
.home-6 h3{line-height: 17px; font-size: 16px}
.home-6 p{font-size: 15px;}

.home-8 h2{font-size: 20px; line-height: 21px; letter-spacing: 0px}
.home-8 p{font-size: 15px;}

.card{width: 300px!important; height: 191px}

.debito-slide .carousel-main{width: 390px!important; left: -54px}
.debito-slide #carousel-right{right: 160px; top: 0px}
.debito-slide #carousel-left{left: -200px; top: 0px}
.debito-slide p{font-size: 12px;}

.credito-slide .carousel-main{width: 390px!important; left: -54px}
.credito-slide #carousel-right{right: 160px; top: 0px}
.credito-slide #carousel-left{left: -200px; top: 0px}
.credito-slide p{font-size: 12px;}
footer h5{font-size: 14px;}
footer h6{font-size: 14px;}
footer p{font-size: 13px}
.times-slide .carousel-main{width: 390px!important; left: -54px}
.times-slide #carousel-right{right: 160px; top: 0px}
.times-slide #carousel-left{left: -200px; top: 0px}
.times-slide p{font-size: 14px; line-height: 28px}
.times-slide .carousel-caption{left:0%; width: 100%; top: 110%!important}
.times-ganha h3{font-size: 16px; line-height: 28px;}
.banner-influencers h1 span{display: inline;}
.banner-influencers p span{display: inline;}
.banner-influencers h1{font-size: 15px;}
.influencers-slide .carousel-image{width: 96%!important; margin-left: -4%!important}
.influencers-slide #carousel-right{right: 160px; top: 45px}
.influencers-slide #carousel-left{left: -200px; top: 45px}
.influencers-slide p{font-size: 14px; line-height: 28px}
.influencers-slide .carousel-caption{left:3%;}
.influencers-ganha h2{font-size: 18px; line-height: 28px}
.banner-cbtp h1 span{display: inline;}
.banner-cbtp p span{display: inline;}
.banner-cbtp h1{font-size: 15px;}
.cbtp-slide .carousel-image{width: 96%!important; margin-left: -4%!important}
.cbtp-slide #carousel-right{right: 160px; top: 45px}
.cbtp-slide #carousel-left{left: -200px; top: 45px}
.cbtp-slide p{font-size: 14px; line-height: 28px}
.cbtp-slide .carousel-caption{left:3%}
.cbtp-ganha h2{font-size: 18px; line-height: 28px}
.banner-sao-bernardo h1 span{display: inline;}
.banner-sao-bernardo p span{display: inline;}
.banner-sao-bernardo h1{font-size: 15px;}
.sao-bernardo-slide .carousel-image{width: 96%!important; margin-left: -4%!important}
.sao-bernardo-slide #carousel-right{right: 160px; top: 45px}
.sao-bernardo-slide #carousel-left{left: -200px; top: 45px}
.sao-bernardo-slide p{font-size: 14px; line-height: 28px}
.sao-bernardo-slide .carousel-caption{left:3%}
.sao-bernardo-ganha h2{font-size: 18px; line-height: 28px}
.topo-sua h1{font-size: 24px;}
.topo-sua h2{font-size: 21px}
.topo-blog .caption{margin-top: -39%;}
.txt-blog .slide-2 .bg-white{height: 240px}
.txt-sconta h2{font-size: 20px; line-height: 35px;}
.txt-sconta p{font-size: 12px; line-height: 28px}
footer h6{line-height: 24px; font-size: 12px}
footer .nav-item a {font-size: 13px}
footer .nav-item {font-size: 13px;}
.influencers-ganha .btn-danger{font-size: 15px}
}

@media (max-width: 320px) {
.home-3 h2{font-size: 18px; line-height: 20px; letter-spacing: 0px}
.home-3 h3{line-height: 10px; font-size: 14px}
.home-3 p{font-size: 13px;}
.home-4 h2{font-size: 18px}
.home-4 h3{font-size: 14px}
.home-4 p{font-size: 13px;}
.home-5 h2{font-size: 18px}
.home-5 h3{font-size: 14px}
.home-5 p{font-size: 13px;}
.home-6 h2{font-size: 18px}
.home-6 h3{font-size: 14px}
.home-6 p{font-size: 13px;}
.banner-debito .caption{margin-top: -25%;}

.card{width: 300px!important; height: 192px}

.debito-slide .carousel-main{width: 390px!important; left: -74px}
.debito-slide #carousel-right{right: 180px; top: 0px}
.debito-slide #carousel-left{left: -220px; top: 0px}
.banner-credito .caption{margin-top: -25%;}

.credito-slide .carousel-main{width: 390px!important; left: -74px}
.credito-slide #carousel-right{right: 180px; top: 0px}
.credito-slide #carousel-left{left: -220px; top: 0px}
.banner-times .caption{margin-top: -30%;}
.banner-times p{font-size: 10px}
.banner-influencers .caption{margin-top: -32%;}
.banner-influencers p{font-size: 10px}

.times-slide .carousel-main{width: 390px!important; left: -74px}
.times-slide #carousel-right{right: 180px; top: 0px}
.times-slide #carousel-left{left: -220px; top: 0px}
.times-slide .carousel-caption{left:0%; top: 110%!important; width: 100%}
.times-slide .btn-danger{width: 90%}

.influencers-slide .carousel-image{width: 90%!important; margin-left: -6%!important}
.influencers-slide #carousel-right{right: 180px; top: 30px}
.influencers-slide #carousel-left{left: -220px; top: 30px}
.influencers-slide .carousel-caption{left:-7%; top: 100%!important}
.banner-cbtp .caption{margin-top: -30%;}
.banner-cbtp p{font-size: 10px}
.cbtp-slide .carousel-image{width: 90%!important; margin-left: -6%!important}
.cbtp-slide #carousel-right{right: 180px; top: 30px}
.cbtp-slide #carousel-left{left: -220px; top: 30px}
.cbtp-slide .carousel-caption{left:-7%; top: 100%!important}
.banner-sao-bernardo .caption{margin-top: -40%;}
.banner-sao-bernardo p{font-size: 10px}
.sao-bernardo-slide .carousel-image{width: 90%!important; margin-left: -6%!important}
.sao-bernardo-slide #carousel-right{right: 180px; top: 30px}
.sao-bernardo-slide #carousel-left{left: -220px; top: 30px}
.sao-bernardo-slide .carousel-caption{left:-7%; top: 100%!important}
.home-8 h2{font-size: 16px}
.topo-sua h1{font-size: 20px;}
.topo-sua h2{font-size: 16px}
.txt-blog .slide .bg-white{height: 460px}
.txt-blog .slide-2 .bg-white{height: 280px}

.topo-sconta h1{font-size: 18px; line-height: 30px}
.topo-sconta p{font-size: 11px}
.txt-sconta p{font-size: 11px; line-height: 28px}
.influencers-ganha .btn-danger{font-size: 13px}
}