
.ps-brand-x30,
.ps-brand-x40,
.ps-brand-x60 {
    display: inline-block;
    overflow: hidden;
    text-indent: -5000px;
    border: solid #eee;
    border-width: 1px 1px 2px;
    border-radius: 3px;
    box-sizing: border-box;
    background-color: #fff
}

.ps-brand-x30 {
    background-image: url(../imagens/bancos/ps-brands-x30.png);
    display: none;
    width: 45px;
    height: 30px;
    background-size: 370px 330px
}

.ps-brand-x30--alelo {
    background-position: -65px 0;
    display: inline-block
}

.ps-brand-x30--amex {
    background-position: -130px -200px;
    display: inline-block
}

.ps-brand-x30--aura {
    background-position: 0 -50px;
    display: inline-block
}

.ps-brand-x30--balance {
    background-position: -65px -50px;
    display: inline-block
}

.ps-brand-x30--banesecard {
    background-position: -130px 0;
    display: inline-block
}

.ps-brand-x30--banri-compras {
    background-position: -130px -50px;
    display: inline-block
}

.ps-brand-x30--banrisul {
    background-position: 0 -100px;
    display: inline-block
}

.ps-brand-x30--bb {
    background-position: -65px -100px;
    display: inline-block
}

.ps-brand-x30--boleto {
    background-position: -130px -100px;
    display: inline-block
}

.ps-brand-x30--bradesco {
    background-position: -195px 0;
    display: inline-block
}

.ps-brand-x30--brasilcard {
    background-position: -195px -50px;
    display: inline-block
}

.ps-brand-x30--cabal-debito {
    background-position: -195px -100px;
    display: inline-block
}

.ps-brand-x30--cabal {
    background-position: 0 -150px;
    display: inline-block
}

.ps-brand-x30--caixa {
    background-position: -65px -150px;
    display: inline-block
}

.ps-brand-x30--default {
    background-position: -130px -150px;
    display: inline-block
}

.ps-brand-x30--diners {
    background-position: -195px -150px;
    display: inline-block
}

.ps-brand-x30--elo {
    background-position: 0 -200px;
    display: inline-block
}

.ps-brand-x30--fortbrasil {
    background-position: -65px -200px;
    display: inline-block
}

.ps-brand-x30--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x30--hiper {
    background-position: -195px -200px;
    display: inline-block
}

.ps-brand-x30--hipercard {
    background-position: -260px 0;
    display: inline-block
}

.ps-brand-x30--itau {
    background-position: -260px -50px;
    display: inline-block
}

.ps-brand-x30--maestro {
    background-position: -260px -100px;
    display: inline-block
}

.ps-brand-x30--mais {
    background-position: -260px -150px;
    display: inline-block
}

.ps-brand-x30--mastercard {
    background-position: -260px -200px;
    display: inline-block
}

.ps-brand-x30--personalcard {
    background-position: 0 -250px;
    display: inline-block
}

.ps-brand-x30--prepaid-card {
    background-position: -65px -250px;
    display: inline-block
}

.ps-brand-x30--santander {
    background-position: -130px -250px;
    display: inline-block
}

.ps-brand-x30--sodexo {
    background-position: -195px -250px;
    display: inline-block
}

.ps-brand-x30--sorocred {
    background-position: -260px -250px;
    display: inline-block
}

.ps-brand-x30--ticket {
    background-position: -325px 0;
    display: inline-block
}

.ps-brand-x30--upbrasil {
    background-position: -325px -50px;
    display: inline-block
}

.ps-brand-x30--valecard {
    background-position: -325px -100px;
    display: inline-block
}

.ps-brand-x30--visa-electron {
    background-position: -325px -150px;
    display: inline-block
}

.ps-brand-x30--visa {
    background-position: -325px -200px;
    display: inline-block
}

.ps-brand-x30--vr {
    background-position: -325px -250px;
    display: inline-block
}

.ps-brand-x30--policard {
    background-position: 0 -300px;
    display: inline-block
}

.ps-brand-x40 {
    background-image: url(../imagens/bancos/ps-brands-x40.png);
    display: none;
    width: 60px;
    height: 40px;
    background-size: 460px 400px
}

.ps-brand-x40--alelo {
    background-position: -80px 0;
    display: inline-block
}

.ps-brand-x40--amex {
    background-position: -160px -240px;
    display: inline-block
}

.ps-brand-x40--aura {
    background-position: 0 -60px;
    display: inline-block
}

.ps-brand-x40--balance {
    background-position: -80px -60px;
    display: inline-block
}

.ps-brand-x40--banesecard {
    background-position: -160px 0;
    display: inline-block
}

.ps-brand-x40--banri-compras {
    background-position: -160px -60px;
    display: inline-block
}

.ps-brand-x40--banrisul {
    background-position: 0 -120px;
    display: inline-block
}

.ps-brand-x40--bb {
    background-position: -80px -120px;
    display: inline-block
}

.ps-brand-x40--boleto {
    background-position: -160px -120px;
    display: inline-block
}

.ps-brand-x40--bradesco {
    background-position: 0 -180px;
    display: inline-block
}

.ps-brand-x40--brasilcard {
    background-position: -80px -180px;
    display: inline-block
}

.ps-brand-x40--cabal-debito {
    background-position: -160px -180px;
    display: inline-block
}

.ps-brand-x40--cabal {
    background-position: -240px 0;
    display: inline-block
}

.ps-brand-x40--caixa {
    background-position: -240px -60px;
    display: inline-block
}

.ps-brand-x40--default {
    background-position: -240px -120px;
    display: inline-block
}

.ps-brand-x40--diners {
    background-position: -240px -180px;
    display: inline-block
}

.ps-brand-x40--elo {
    background-position: 0 -240px;
    display: inline-block
}

.ps-brand-x40--fortbrasil {
    background-position: -80px -240px;
    display: inline-block
}

.ps-brand-x40--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x40--hiper {
    background-position: -240px -240px;
    display: inline-block
}

.ps-brand-x40--hipercard {
    background-position: -320px 0;
    display: inline-block
}

.ps-brand-x40--itau {
    background-position: -320px -60px;
    display: inline-block
}

.ps-brand-x40--maestro {
    background-position: -320px -120px;
    display: inline-block
}

.ps-brand-x40--mais {
    background-position: -320px -180px;
    display: inline-block
}

.ps-brand-x40--mastercard {
    background-position: -320px -240px;
    display: inline-block
}

.ps-brand-x40--personalcard {
    background-position: 0 -300px;
    display: inline-block
}

.ps-brand-x40--prepaid-card {
    background-position: -80px -300px;
    display: inline-block
}

.ps-brand-x40--santander {
    background-position: -160px -300px;
    display: inline-block
}

.ps-brand-x40--sodexo {
    background-position: -240px -300px;
    display: inline-block
}

.ps-brand-x40--sorocred {
    background-position: -320px -300px;
    display: inline-block
}

.ps-brand-x40--ticket {
    background-position: -400px 0;
    display: inline-block
}

.ps-brand-x40--upbrasil {
    background-position: -400px -60px;
    display: inline-block
}

.ps-brand-x40--valecard {
    background-position: -400px -120px;
    display: inline-block
}

.ps-brand-x40--visa-electron {
    background-position: -400px -180px;
    display: inline-block
}

.ps-brand-x40--visa {
    background-position: -400px -240px;
    display: inline-block
}

.ps-brand-x40--vr {
    background-position: -400px -300px;
    display: inline-block
}

.ps-brand-x40--policard {
    background-position: 0 -360px;
    display: inline-block
}

.ps-brand-x60 {
    background-image: url(../imagens/bancos/ps-brands-x60.png);
    display: none;
    width: 90px;
    height: 60px;
    background-size: 640px 540px
}

.ps-brand-x60--alelo {
    background-position: -110px 0;
    display: inline-block
}

.ps-brand-x60--amex {
    background-position: -220px -320px;
    display: inline-block
}

.ps-brand-x60--aura {
    background-position: 0 -80px;
    display: inline-block
}

.ps-brand-x60--balance {
    background-position: -110px -80px;
    display: inline-block
}

.ps-brand-x60--banesecard {
    background-position: -220px 0;
    display: inline-block
}

.ps-brand-x60--banri-compras {
    background-position: -220px -80px;
    display: inline-block
}

.ps-brand-x60--banrisul {
    background-position: 0 -160px;
    display: inline-block
}

.ps-brand-x60--bb {
    background-position: -110px -160px;
    display: inline-block
}

.ps-brand-x60--boleto {
    background-position: -220px -160px;
    display: inline-block
}

.ps-brand-x60--bradesco {
    background-position: 0 -240px;
    display: inline-block
}

.ps-brand-x60--brasilcard {
    background-position: -110px -240px;
    display: inline-block
}

.ps-brand-x60--cabal-debito {
    background-position: -220px -240px;
    display: inline-block
}

.ps-brand-x60--cabal {
    background-position: -330px 0;
    display: inline-block
}

.ps-brand-x60--caixa {
    background-position: -330px -80px;
    display: inline-block
}

.ps-brand-x60--default {
    background-position: -330px -160px;
    display: inline-block
}

.ps-brand-x60--diners {
    background-position: -330px -240px;
    display: inline-block
}

.ps-brand-x60--elo {
    background-position: 0 -320px;
    display: inline-block
}

.ps-brand-x60--fortbrasil {
    background-position: -110px -320px;
    display: inline-block
}

.ps-brand-x60--grandcard {
    background-position: 0 0;
    display: inline-block
}

.ps-brand-x60--hiper {
    background-position: -330px -320px;
    display: inline-block
}

.ps-brand-x60--hipercard {
    background-position: -440px 0;
    display: inline-block
}

.ps-brand-x60--itau {
    background-position: -440px -80px;
    display: inline-block
}

.ps-brand-x60--maestro {
    background-position: -440px -160px;
    display: inline-block
}

.ps-brand-x60--mais {
    background-position: -440px -240px;
    display: inline-block
}

.ps-brand-x60--mastercard {
    background-position: -440px -320px;
    display: inline-block
}

.ps-brand-x60--personalcard {
    background-position: 0 -400px;
    display: inline-block
}

.ps-brand-x60--prepaid-card {
    background-position: -110px -400px;
    display: inline-block
}

.ps-brand-x60--santander {
    background-position: -220px -400px;
    display: inline-block
}

.ps-brand-x60--sodexo {
    background-position: -330px -400px;
    display: inline-block
}

.ps-brand-x60--sorocred {
    background-position: -440px -400px;
    display: inline-block
}

.ps-brand-x60--ticket {
    background-position: -550px 0;
    display: inline-block
}

.ps-brand-x60--upbrasil {
    background-position: -550px -80px;
    display: inline-block
}

.ps-brand-x60--valecard {
    background-position: -550px -160px;
    display: inline-block
}

.ps-brand-x60--visa-electron {
    background-position: -550px -240px;
    display: inline-block
}

.ps-brand-x60--visa {
    background-position: -550px -320px;
    display: inline-block
}

.ps-brand-x60--vr {
    background-position: -550px -400px;
    display: inline-block
}

.ps-brand-x60--policard {
    background-position: 0 -480px;
    display: inline-block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min-resolution:1.5dppx) {
    .ps-brand-x30 {
        background-image: url(../imagens/bancos/ps-brands-x30@2x.png)
    }
    .ps-brand-x40 {
        background-image: url(../imagens/bancos/ps-brands-x40@2x.png)
    }
    .ps-brand-x60 {
        background-image: url(../imagens/bancos/ps-brands-x60@2x.png)
    }
}

/**************/


.brand-collection {
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-flex-basis: 83.25%;
    flex-basis: 83.25%;
    max-width: 83.25%;
    width: 83.25%;
    /*max-width: 44rem;*/
    /*margin-bottom: 2rem;*/
    margin-left: auto;
    margin-right: auto
}

.brand-collection:nth-child(1n) {
    margin-right: 0;
    margin-left: 0
}

.brand-collection:last-child {
    margin-right: 0
}

.brand-collection__title {
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-flex;
    display: flex;
    margin-bottom: .5rem;
    font-size: 1rem;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center
}

.brand-collection__title:after,
.brand-collection__title:before {
    content: "";
    -webkit-flex-grow: 1;
    flex-grow: 1;
    display: inline-block;
    height: .1rem;
    background-color: #666
}

.brand-collection__title>span {
    padding: 0 1rem
}

.brand-collection>ul {
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center;
    list-style: none
}

.brand-collection>ul>li {
    display: inline-block;
    margin: 0 .5rem 1rem
}

@media (min-width:992px) {
    .brand-collection>ul>li {
        margin: 0 1rem 1rem 0
    }
    .brand-collection>ul>li:last-child {
        margin-right: 0
    }
}

.brand-collection-group {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-align-items: center;
    align-items: center
}

.brand-collection-group__title {
    display: block;
    margin-bottom: 1rem;
    font-size: 1.2rem;
    text-transform: uppercase
}

.brand-collection-box {
    -webkit-justify-content: center;
    justify-content: center;
    background: #fff
}

.brand-collection-box>* {
    -webkit-flex-basis: auto!important;
    flex-basis: auto!important
}

@media (min-width:992px) {
    .brand-collection-box .brand-collection-group__title {
        width: auto;
        margin-right: 1rem;
        width: 4rem!important;
        text-align: right
    }
}

@media (min-width:992px) {
    .brand-collection-box .brand-collection-group,
    .brand-collection-box .brand-collection-group__title {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        max-width: none
    }
    .brand-collection-box .brand-collection-group {
        width: auto;
        margin-left: 0 !important;
        margin-right: 20px !important;
        -webkit-flex-flow: row;
        flex-flow: row;
        margin-right: 5rem!important
    }
    .brand-collection-box .brand-collection-group:last-child {
        margin-right: 0!important
    }
}

@media (min-width:992px) {
    .brand-collection-box .brand-collection {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        display: -webkit-inline-flex;
        display: inline-flex;
        margin-right: 2rem!important;
        width: auto;
        max-width: none
    }
    .brand-collection-box .brand-collection__items {
        -webkit-flex-grow: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 1;
        flex-shrink: 1;
        -webkit-flex-basis: auto;
        flex-basis: auto;
        width: auto;
        max-width: none;
        white-space: nowrap
    }
    .brand-collection-box .brand-collection:last-child {
        margin-right: 0!important
    }
}

@media (min-width:768px) {
    .brand-collection-box {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        display: -webkit-flex;
        display: flex
    }
}

@media (min-width:992px) {
    .brand-collection-box {
        -webkit-flex-direction: row;
        flex-direction: row;
        background-color: transparent
    }
}