*{
    font-family: 'Nunito', sans-serif !important;
}

body{
    overflow-x: hidden;
    color: #666666;
}

header{
    background-color: #131933;
    padding-left: 120px;
    padding-right: 120px;
    top: 0;

    /* Transition effect when sliding down (and up) */
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    width: 100%;
    margin: 0;
}

header.nav-up {
    top: -60px;
}

header .nav-link button{
    background-color: #fff;
    border-color: #fff;
    color: #222343;
    padding: 5px 25px 7px;
    border-radius: 35px;
}

header .fa-whatsapp{
    margin-right: 5px;
    width: 14px!important;
    height: auto;
    color: #131933;
}
.button-1{
    background-color: #222343;
    border-color: #222343;
    color: #fff;
    padding: 5px 25px 7px;
    border-radius: 35px;
    transition-duration: .3s;
}
.button-1:hover{
    background-color: #fff;
    border-color: #222343;
    color: #222343;
    transition-duration: .4s;
}
nav{
    background-color: #f8f8f8;
    padding-left: 120px;
    padding-right: 120px;
    top: 60px !important;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);

    /* Transition effect when sliding down (and up) */
    transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
}

nav.nav-up {
    top: 0 !important;
}

#logo-blue, #logo-white{
    display: none;
}

nav:not(.nav-transparent) #logo-blue{
    display: block;
}

nav.nav-up.nav-transparent #logo-blue{
    display: block;
}

nav.nav-transparent #logo-white{
    display: block;
}

nav.nav-up.nav-transparent #logo-white{
    display: none;
}

nav.nav-transparent {
    background-color: transparent;
    box-shadow: none;
}

nav.nav-up.nav-transparent {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}

header .nav-link,
nav:not(.nav-transparent) .nav-link,
nav.nav-up.nav-transparent .nav-link{
    color: #fff;
}

nav.nav-transparent .nav-link{
    color: #fff;
}

#content.principal {
    margin-top: 0;
}

.principal #slider-principal{
    background: #fff;
    margin-top: 160px;
    /*height: 85vh;*/
    /*height: 100vh;*/
}

.principal #slider-principal .carousel-control-next-icon,
.principal #slider-principal .carousel-control-prev-icon {
    margin-top: 0;
}

.page-programaparceiro #financeiras {
    background-color: #f8f8f8;
    padding: 80px 120px 70px;
    height: auto;
}

.principal #financeiras {
    background-color: #f8f8f8;
    padding: 140px 120px 140px;
    height: auto;
}

.principal #produtos-consignado,
.principal #produtos-cartao,
.principal #produtos-c6pay {
    padding: 140px 0;
}

.principal #produtos-carsystem {
    padding: 0 0 140px;
}

#financeiras-atuantes {
    background-color: #f8f8f8;
    /*padding: 0 120px 140px;*/
    height: auto;
    padding-top: 60px;
}

.principal #financeiras .owl-stage,
.page-programaparceiro #financeiras .owl-stage,
#financeiras-atuantes .owl-stage {
    display: block !important;
}

.principal #financeiras .owl-item,
.page-programaparceiro #financeiras .owl-item,
#financeiras-atuantes .owl-item {
    display: inline-block;
    float: none !important;
    vertical-align: middle !important;
}

.principal #financeiras .owl-nav,
.page-programaparceiro #financeiras .owl-nav,
#financeiras-atuantes .owl-nav {
    position: absolute;
    top: 35px;
    width: 100%;
    z-index: -1;
}

.principal #financeiras .owl-nav button,
.page-programaparceiro #financeiras .owl-nav button,
#financeiras-atuantes .owl-nav button {
    background-color: transparent;
    padding: 15px !important;
    color: #666666;
    font-size: 36px;
    line-height: 30px;
}

.principal #financeiras .owl-nav button.owl-prev,
.page-programaparceiro #financeiras .owl-nav button.owl-prev,
#financeiras-atuantes .owl-nav button.owl-prev {
    float: left;
    margin-left: -15px;
}

.principal #financeiras .owl-nav button.owl-next,
.page-programaparceiro #financeiras .owl-nav button.owl-next,
#financeiras-atuantes .owl-nav button.owl-next {
    float: right;
    margin-right: -15px;
}

.principal .section-linhas {
    background-color: #f8f8f8;
    padding: 0;
}

.principal .section-linhas .padd-person-left {
    padding: 0 35px 0 50px;
}

.principal .section-linhas .padd-person-right {
    padding: 0 50px 0 35px;
}

.card.card-item{
    background-color: transparent;
    margin: 0 auto;
}

.card.card-item .card-header{
    background-color: transparent;
    border: none;
    position: relative;
    bottom: -60px;
}

.card.card-item .card-body{
    padding-top: 80px;
    padding-bottom: 25px;
    border: 1px solid #aaa;
    border-radius: .25rem;
}

.card.card-item .card-body h5,
#mais-produtos.megaNaMidia .card.card-item .card-body h5,
#mais-produtos.beviMidia .card.card-item .card-body h5 {
    color: #666666!important;
    margin-bottom: 20px;
    font-weight: bold;
}

.section-linhas .card.card-item .card-body h5,
#mais-produtos .card.card-item .card-body h5,
#mais-produtos.beviconsorcio .card.card-item .card-body h5{
    color: #222343!important;
    margin-bottom: 20px;
    font-weight: bold;
}

.card.card-item .card-body hr{
    background-color: #aaa;
    opacity: 1;
}

.card.card-item .card-body p {
    color: #666;
    font-size: 1rem;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 75px;
    position: relative;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.card.card-item .card-footer{
    background-color: transparent;
}

button.btn-vermais,
button.btn-salvar{
    background-color: #222342;
    border-color: #222342;
    padding: 5px 25px 7px;
    border-radius: 5px;
}

button.btn-vermais:hover,
button.btn-salvar:hover {
    background-color: transparent;
    color: #222342!important;
    border: 1px solid #222342;
    padding: 5px 25px 7px;
    border-radius: 5px;

    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -webkit-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
}

button.btn-default{
    background-color: #666;
    border-color: #666;
    padding: 5px 25px 7px;
    border-radius: 5px;
}

button.btn-default:hover {
    background-color: transparent;
    color: #666!important;
    border-color: #666;
    padding: 5px 25px 7px;
    border-radius: 5px;
}

#formParceiro .btn-tipoPessoa{
    padding: 2.5rem 3rem;
    font-size: 2.25rem;
    border-color: #222342;
}

#formParceiro .btn-tipoPessoa.active,
#formParceiro .btn-tipoPessoa:focus,
#formParceiro .btn-tipoPessoa:hover{
    background-color: #222342 !important;
    color: #fff;
}

#formParceiro label.mb-2 {
    color: #666;
    font-weight: 600;
}

#formParceiro .bootstrap-select:not(.input-group-btn),
#formTrabalheConosco .bootstrap-select:not(.input-group-btn),
#formFaleConosco .bootstrap-select:not(.input-group-btn),
#formManifestacao .bootstrap-select:not(.input-group-btn),
.bootstrap-select[class*=col-] {
    border: 1px solid #ced4da;
}

#formParceiro .dropdown.bootstrap-select.readonly{
    background: #e9ecef;
    pointer-events: none;
    touch-action: none;
}

label.error{
    font-size: .9rem;
    color: #dc3545!important;
}

#formParceiro label#estado-error,
#formParceiro label#cidade-error,
#formParceiro label#produtos-error,
#formParceiro label#prospeccao-error {
    position: absolute;
    top: 40px;
}

#formTrabalheConosco label#areas-error,
#formTrabalheConosco label#locais-error,
#formFaleConosco label#estado-error,
#formFaleConosco label#cidade-error,
#formFaleConosco label#departamentos-error,
#form-action-manifestacao label#slcEstado-error,
#form-action-manifestacao label#txtMunicipio-error {
    position: absolute;
    top: 40px;
}

#formParceiro .mb-35{
    margin-bottom: 35px !important;
}

form input[type='text'], form select {
    text-transform: uppercase !important;
}

form input[type='email'] {
    text-transform: lowercase;
}

#formParceiro input[type='text']#promotoras::placeholder {
    text-transform: none;
}

.section-linhas .owl-nav,
.principal #bevi-na-midia .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    right: 0px;
}


#mais-produtos .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex!important;
    align-items: center;
    justify-content: space-between;
    right: 0px;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    font-size: 30px;
}

.principal #financeiras .owl-nav button{
    background-color: transparent;
    padding: 15px !important;
    color: #666666;
    font-size: 36px;
    line-height: 30px;
    z-index: 999;
}

.principal #financeiras .owl-nav button.owl-prev{
    float: left;
    margin-left: -15px;
}

.principal #financeiras .owl-nav button.owl-next{
    float: right;
    margin-right: -15px;
}

.principal #bevi-na-midia {
    background-color: #fff;
    padding: 70px 120px 130px;
    height: auto;
}

.principal .owl-dots {
    display: none !important;
}

.principal .section-linhas .bg-white.p-5 {
    padding: 4rem 3rem !important;
}

#view-produto {
    background-color: #f8f8f8;
    padding: 300px 135px 140px;
    height: auto;
}

#faca-comentario {
    background-color: #f8f8f8;
    padding: 40px 135px 90px;
    height: auto;
}

#view-produto p,
#faca-comentario p{
    color: #666;
    font-size: 15px;
}

#mais-produtos.bevi-na-midia {
    padding: 240px 135px 120px;
}

#mais-produtos{
    background-color: #fff;
    padding: 140px 135px 140px;
    height: auto;
}

#bevi-nas-redes{
    background-color: #f8f8f8;
    padding: 140px 135px;
    height: auto;
}

.slider-main {
    width: 100%;
    display:block;
    margin:0 auto;
}

.slick-prev, .slick-next {
    z-index: 9;
}

.slick-prev {
    left: 30px;
}

.slick-next {
    right: 30px;
}

.slick-vertical .slick-slide {
    cursor: pointer;
}

#bg-dest h5{
    color: #fff;
    font-weight: 100;
    font-size: 30px;
    margin: 0;
}

#bg-dest h1 {
    color: #fff;
    font-weight: 800;
    font-size: 48px;
    margin-bottom: 20px;
}

.page-cadastro #form-action-cadastro,
.page-faleconosco #form-action-faleconosco,
.page-trabalheconosco #form-action-trabalheconosco,

.page-politicaciberseguranca #view-politica,
.page-avisoprivacidade #view-avisoprivacidade,
.page-politicaprivacidade #view-politicaprivacidade,
.page-institucional #view-institucional,
.page-suavoz #view-suavoz{
    background-color: #f8f8f8;
    padding: 140px 135px 120px;
    height: auto;
}
.mt-sm-8 { margin-top: 80px !important; }

.page-perguntasfrequentes #view-perguntas,
.page-institucional #view-area-lgpd {
    padding: 140px 135px 140px;
}

.page-institucional #view-evolucao,
.page-institucional #view-mapa{
    background-color: #f8f8f8;
    padding: 0 135px 140px;
    height: auto;
}

.page-institucional #view-evolucao .infografico-desktop {
    display: block;
}

.page-institucional #view-evolucao .infografico-mobile {
    display: none;
}

.page-suavoz #view-manifestacao,
.page-suavoz #view-manifestacao,
.page-programaparceiro #view-vantagens,
.page-programaparceiro #view-vantagens {
    background-color: #f8f8f8;
    padding: 40px 135px 90px;
    height: auto;
}

.page-programaparceiro #view-depoimentos {
    background-color: #f8f8f8;
    padding: 0px 135px 140px;
    height: auto;
}

.page-institucional #view-mapa {
    background-color: #f8f8f8;
    padding: 0 135px 140px;
    height: auto;
}

.page-programaparceiro #view-programa {
    background-color: #f8f8f8;
    padding: 125px 135px 10px;
    height: auto;
}

.page-suavoz #form-action-manifestacao {
    background-color: #f8f8f8;
    padding: 0 135px 90px;
    height: auto;
}

.page-cadastro #form-action-cadastro p,
.page-faleconosco #form-action-faleconosco p,
.page-trabalheconosco #form-action-trabalheconosco p,
.page-perguntasfrequentes #view-perguntas p,
.page-politicaciberseguranca #view-politica p,
.page-avisoprivacidade #view-avisoprivacidade p,
.page-politicaprivacidade #view-politicaprivacidade p,
.page-institucional #view-institucional p,
.page-institucional #view-mapa p,
.page-suavoz #view-suavoz p,
.page-suavoz #view-manifestacao p,
.page-programaparceiro #view-programa p,
.page-programaparceiro #financeiras p,
.page-programaparceiro #view-depoimentos p,
.page-institucional #view-area-lgpd p {
    color: #666;
    font-size: 18px;
}

.page-programaparceiro #view-vantagens ul {
    margin-top: 30px;
}

.page-programaparceiro #view-vantagens ul li{
    color: #666;
    font-size: 16px;
    margin-bottom: 15px;
}

.page-trabalheconosco #form-action-trabalheconosco label,
.page-faleconosco #form-action-faleconosco label{
    color: #666;
    font-weight: 600;
}

.page-faleconosco #bg-dest{
    background: url("../images/faleconosco/fale-conosco.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-cadastro #bg-dest {
    background: url("../images/cadastro/quero-ser-parceiro-bevi.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-trabalheconosco #bg-dest{
    background: url("../images/trabalheconosco/trabalhe-com-a-gente.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-perguntasfrequentes #bg-dest{
    background: url("../images/perguntasfrequentes/perguntas-frequentes.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-institucional #bg-dest{
    background: url("../images/institucional/slider-institucional.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-politicaciberseguranca #bg-dest{
    background: url("../images/politicaciberseguranca/politica-de-ciberseguranca.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-avisoprivacidade #bg-dest{
    background: url("../images/avisoprivacidade/aviso-de-privacidade.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-politicaprivacidade #bg-dest{
    background: url("../images/politicaprivacidade/politica-de-privacidade.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-suavoz #bg-dest {
    background: url("../images/suavoz/slider-sua-voz.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-programaparceiro #bg-dest{
    background: url("../images/programaparceiro/programa-de-parceiro.jpg") no-repeat center center;
    background-size: cover;
    height: 70vh;
    padding: 80px 30px;
}

.page-perguntasfrequentes #view-perguntas .accordion-button,
.page-institucional #view-area-lgpd .accordion-button {
    color: #666;
    background-color: #fff;
    font-weight: 800;
}

.page-perguntasfrequentes #view-perguntas .accordion-button:not(.collapsed),
.page-institucional #view-area-lgpd .accordion-button:not(.collapsed) {
    background-color: #fff;
}

.page-suavoz #view-manifestacao {
    background: url("../images/suavoz/bg-sua-voz.png") #f8f8f8 no-repeat center center;
    background-size: cover;
    padding: 100px 135px 0 0;
    height: 874px;
}

.page-suavoz .manifesta {
    padding-bottom: 140px;
    background-color: #f8f8f8;
}

.page-suavoz #view-manifestacao .owl-carousel .owl-item img {
    width: 400px;
}

.page-suavoz #view-manifestacao .owl-carousel .owl-item .row {
    margin-top: 0px;
}

.page-suavoz #view-manifestacao .owl-carousel .owl-nav{
    margin-left: 41.6666666667%;
    padding: 15px;
    margin-top: 20px;
}

.page-suavoz #view-manifestacao .owl-carousel .owl-nav .owl-prev,
.page-suavoz #view-manifestacao .owl-carousel .owl-nav .owl-next{
    font-size: 40px;
    line-height: 25px;
    color: #666;
}

.page-suavoz #view-manifestacao .owl-carousel .owl-nav .owl-prev{
    margin-right: 20px;
}

.page-suavoz #view-manifestacao .owl-carousel .owl-nav .owl-next{
    margin-left: 20px;
}

footer {
    background: url("../images/background-rodape.png") no-repeat center center;
    background-size: cover;
    padding: 140px 0 0;
    width: 100%;
}

footer .container-footer{
    padding-left: 135px;
    padding-right: 135px;
}

footer ul{
    padding: 0;
    list-style: none;
}

footer ul li{
    margin-bottom: 10px;
}

footer ul li a {
    color: #737eab;
    text-decoration: none;
}

footer .float-start a {
    color: #737eab;
    text-decoration: none;
}

footer .float-start a:hover {
    color: #fff !important;
}

footer .bg-social a {
    color: #737eab ;
    text-decoration: none;
}

footer hr {
    margin: 100px 0 0;
    height: 2px !important;
    background-color: #fff;
    opacity: 0.5;
}

footer h5,
footer p {
    color: #737eab;
}

.bg-social {
    background-color: #222342;
    width: 2rem;
    height: 2rem;
    border-radius: 100%;
    margin-top: 20px;
}

footer .container-footer h5 {
    font-weight: bold;
}

.bg-social.face {
    padding: 5px 10px;
}

.bg-social.insta {
    padding: 5px 9px;
}

.bg-social.linkedin{
    padding: 5px 10px;
}

.bg-social a{
    color: #25cbdb;
}

h1.title-yellow {
    color: #fcde0b;
    font-weight: 800;
    font-size: 48px;
}

h1.title-blue {
    color: #222343;
    font-weight: 800;
    font-size: 48px;
}

h1.title-light-blue {
    color: #25cbdb;
    font-weight: 800;
    font-size: 48px;
}

h1.title-gray {
    color: #666;
    font-weight: 800;
    font-size: 48px;
}

h5.subtitle-yellow{
    color: #fcde0b;
    font-weight: 600;
    font-size: 20px;
}

h5.subtitle-gray{
    color: #666;
    font-weight: 300;
    font-size: 20px;
}

.img-center {
    margin: 0 auto;
}

.top100{
    margin-top: 100px;
}

.paddy50{
    padding-top: 50px;
    padding-bottom: 50px;
}

#nossoMapa {
    width: 100%;
    height: 760px;
}

#nossoMapa .cada-unidade {
    padding: 20px 15px;
    background-color: #fff;
}

#nossoMapa .cada-unidade .dados-unidade h3.cidade-unidade {
    font-size: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

#nossoMapa .cada-unidade .dados-unidade p.endereco-unidade {
    font-size: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

#nossoMapa .cada-unidade .dados-unidade p.telefone-unidade {
    font-size: 18px;
}

.navbar-light .navbar-nav .nav-link {
    color: #222343;
}

nav #dropdownMenu {
    color: #222343;
    background-color: transparent;
    border-color: transparent;
}

nav.nav-transparent #dropdownMenu {
    color: #ffffff;
    background-color: transparent;
    border-color: transparent;
}

nav #dropdownMenu:hover {
    color: #e75e1c;
    background-color: transparent !important;
    border-color: transparent !important;
}

nav .nav-item a:hover {
    color: #e75e1c !important;
}

nav .dropdown-menu {
    padding: 1rem 1rem;
}

nav .dropdown-item:hover {
    background-color: transparent;
}

nav ul.navbar-nav {
    width: 100%;
    right: 0;
    position: relative;
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

nav li.mobile {
    display: none;
}

#financeiras-atuantes .owl-carousel {
    margin-top: 45px;
}

.nav-transparent.nav-down .navbar-nav .nav-link {
    color: #ffffff;
}

nav.nav-transparent.nav-up #dropdownMenu {
    color: #222343;
}

footer .selo {
    position: relative;
    top: -15px;
}

#financeiras .owl-carousel .owl-item img,
#financeiras-atuantes .owl-carousel .owl-item img {
    width: auto!important;
    z-index: 2;
    position: relative;
}

#mais-produtos.beviconsorcio,
#mais-produtos.megaNaMidia {
    padding: 240px 135px 140px;
}

#content.page-programaparceiro.no-top-header,
#content.page-institucional.no-top-header,
#content.page-suavoz.no-top-header,
#content.page-faleconosco.no-top-header,
#content.page-trabalheconosco.no-top-header,
#content.page-cadastro.no-top-header,
#content.page-politicaciberseguranca.no-top-header,
#content.page-avisoprivacidade.no-top-header,
#content.page-perguntasfrequentes.no-top-header,
#content.page-politicaprivacidade.no-top-header {
    margin-top: 62px;
}

.principal #carouselPrincipal.mobile {
    display: none;
}

#view-produto #financeiras-atuantes .col.col-12.col-sm-12.col-md-3.col-xl-3,
.page-programaparceiro #financeiras-atuantes .col.col-12.col-sm-12.col-md-3.col-xl-3 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

@media screen and (max-width: 767px) {
    header {
        display: none;
    }

    nav {
        padding-left: 15px;
        padding-right: 15px;
    }

    nav .nav-item {
        width: 100%;
    }

    #logo-blue,
    #logo-blue {
        width: 210px !important;
    }
}

@media (max-width: 240px) {
}

@media (max-width: 320px) {
    nav .nav-item ul.dropdown-menu.show a {
        max-width: 220px!important;
    }
}

@media (max-width: 360px) {
}

@media (max-width: 375px) {
    nav .nav-item ul.dropdown-menu.show a {
        max-width: 260px;
    }

    h1.title-yellow,
    h1.title-blue {
        font-size: 25px!important;
    }
}

@media (max-width: 384px) {
}

@media (max-width: 400px) {
}

@media (max-width: 414px) {
}

@media (max-width: 424px) {
    #nossoMapa {
        max-height: 380px !important;
    }

    nav .nav-item ul.dropdown-menu.show a {
        width: 290px;
    }
}

@media (max-width: 480px) {
}

@media (max-width: 500px) {
    .principal h1.title-yellow,
    .principal h1.title-blue {
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .principal .section-linhas .padd-person-right,
    .principal .section-linhas .padd-person-left {
        padding: 0 25px 0 !important;
    }

    .principal #bevi-na-midia {
        padding: 140px 20px 130px;
    }

    nav .nav-item ul.dropdown-menu.show a {
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 255px;
    }

    .page-institucional #bg-dest {
        background: url("../images/institucional/mobile-vertical.jpg") no-repeat center center;
    }

    .page-faleconosco #bg-dest{
        background: url("../images/faleconosco/mobile-vertical.jpg") no-repeat center center;
    }

    .page-cadastro #bg-dest {
        background: url("../images/cadastro/mobile-vertical.jpg") no-repeat center center;
    }

    .page-trabalheconosco #bg-dest{
        background: url("../images/trabalheconosco/mobile-vertical.jpg") no-repeat center center;
    }

    .page-perguntasfrequentes #bg-dest{
        background: url("../images/perguntasfrequentes/mobile-vertical.jpg") no-repeat center center;
    }

    .page-politicaciberseguranca #bg-dest{
        background: url("../images/politicaciberseguranca/mobile-vertical.jpg") no-repeat center center;
    }

    .page-avisoprivacidade #bg-dest{
        background: url("../images/avisoprivacidade/mobile-vertical.jpg") no-repeat center center;
    }

    .page-politicaprivacidade #bg-dest{
        background: url("../images/politicaprivacidade/mobile-vertical.jpg") no-repeat center center;
    }

    .page-suavoz #bg-dest {
        background: url("../images/suavoz/mobile-vertical.jpg") no-repeat center center;
    }

    .page-programaparceiro #bg-dest{
        background: url("../images/programaparceiro/mobile-vertical.jpg") no-repeat center center;
    }

    #content.page-programaparceiro.no-top-header #bg-dest,
    #content.page-institucional.no-top-header #bg-dest,
    #content.page-suavoz.no-top-header #bg-dest,
    #content.page-faleconosco.no-top-header #bg-dest,
    #content.page-trabalheconosco.no-top-header #bg-dest,
    #content.page-cadastro.no-top-header #bg-dest,
    #content.page-politicaciberseguranca.no-top-header #bg-dest,
    #content.page-avisoprivacidade.no-top-header #bg-dest,
    #content.page-perguntasfrequentes.no-top-header #bg-dest,
    #content.page-politicaprivacidade.no-top-header #bg-dest {
        height: 100vh!important;
        background-size: cover;
        padding: 80px 30px;
    }

    footer .google-play {
        margin-top: 15px !important;
    }

    .principal #carouselPrincipal.desktop {
        display: none;
    }

    .principal #carouselPrincipal.mobile {
        display: block;
    }

    .page-institucional #view-evolucao .infografico-desktop {
        display: none!important;
    }

    .page-institucional #view-evolucao .infografico-mobile {
        display: block!important;
    }
}

@media (max-width: 540px) {
    footer .container-footer .siga-a-mega {
        margin-top: 50px;
    }

    footer .container-footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    footer .container-footer .btn-app-store {
        margin-top: 20px;
    }

    footer .container-footer .top100 {
        margin-top: 70px !important;
    }

    footer hr {
        margin: 40px 0 0;
    }

    footer .container-footer.paddy50 {
        padding-top: 0 !important;
        padding-bottom: 50px;
    }

    .principal #bevi-na-midia {
        padding: 70px 20px 100px;
    }

    #formParceiro .btn-tipoPessoa {
        padding: 1.5rem 2rem;
        font-size: 1rem;
        font-weight: bold;
    }

    .page-suavoz #view-manifestacao {
        background: none;
        padding: 0 25px !important;
        height: auto;
    }

    .page-suavoz #view-manifestacao .owl-carousel .owl-nav {
        margin-left: 0;
        padding: 15px;
        margin-top: 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .page-suavoz #form-action-manifestacao {
        padding: 0 25px 140px;
    }

    .page-suavoz .manifesta {
        padding-bottom: 120px;
    }

    h1.title-yellow,
    h1.title-blue {
        font-size: 30px;
    }
}

@media (max-width: 568px) {
}

@media (max-width: 600px) {
}

@media (max-width: 640px) {
    #mais-produtos {
        padding: 120px 25px 120px !important;
    }
}

@media (max-width: 667px) {
}

@media (max-width: 720px) {
    header {
        padding-left: 0px!important;
        padding-right: 0px!important;
    }

    nav {
        top: 75px !important;
    }
}

@media (max-width: 736px) {
    nav li.mobile {
        display: block !important;
    }

    nav #menu {
        display: none;
    }

    nav {
        top: 0 !important;
    }

    .principal #slider-principal {
        margin-top: 85px;
    }

    #view-produto #financeiras-atuantes .col.col-12.col-sm-12.col-md-3.col-xl-3,
    .page-programaparceiro #financeiras-atuantes .col.col-12.col-sm-12.col-md-3.col-xl-3 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px!important;
    }
}

@media (max-width: 753px) {
    .principal #slider-principal {
        margin-top: 85px;
    }

    nav {
        top: 0 !important;
    }

    footer .google-play {
        margin-top: 15px;
    }

    .principal #financeiras {
        padding: 100px 20px !important;
    }

    .principal #bevi-na-midia {
        padding: 70px 20px 130px;
    }

    footer .container-footer .row.align-items-center .col-6 p.text-left.float-start {
        text-align: center !important;
        width: 100%;
        margin-top: 40px;
    }

    footer .container-footer .row.align-items-center .col-4 a p.text-center.float-start {
        text-align: center !important;
        width: 100%;
    }

    footer .selo {
        display: none;
    }

    footer .container-footer.paddy50 .row.align-items-center {
        text-align: center;
        margin-top: 35px;
    }

    footer .container-footer.paddy50 .text-end.cnpj {
        text-align: center !important;
        margin-top: 25px;
    }

    #view-produto {
        background-color: #f8f8f8;
        padding: 210px 12px 100px;
    }

    #mais-produtos {
        padding: 120px 25px 80px;
    }

    footer .container-footer {
        padding-left: 25px;
        padding-right: 25px;
    }

    #financeiras-atuantes {
        background-color: #f8f8f8;
        /*padding: 0 20px 100px;*/
    }

    #mais-produtos.bevi-na-midia {
        padding: 240px 20px 120px;
    }

    #mais-produtos.beviconsorcio,
    #mais-produtos.megaNaMidia {
        padding: 160px 20px 100px;
    }

    .page-cadastro #form-action-cadastro, .page-faleconosco #form-action-faleconosco, .page-trabalheconosco #form-action-trabalheconosco, .page-politicaciberseguranca #view-politica, .page-avisoprivacidade #view-avisoprivacidade, .page-politicaprivacidade #view-politicaprivacidade, .page-institucional #view-institucional, .page-suavoz #view-suavoz {
        padding: 140px 25px 120px;
    }

    .page-perguntasfrequentes #view-perguntas,
    .page-institucional #view-area-lgpd {
        padding: 140px 25px 140px;
    }

    .page-institucional #view-evolucao, .page-institucional #view-mapa,
    .page-institucional #view-mapa {
        padding: 0 25px 140px;
    }

    .page-programaparceiro #view-programa {
        padding: 125px 25px 10px;
    }

    .page-suavoz #view-manifestacao, .page-suavoz #view-manifestacao, .page-programaparceiro #view-vantagens, .page-programaparceiro #view-depoimentos, .page-programaparceiro #view-vantagens {
        padding: 40px 25px 90px;
    }

    .page-programaparceiro #view-vantagens .inumeras-vantagens {
        margin-top: 50px;
    }

    .page-programaparceiro .img-depoimentos {
        margin-bottom: 50px;
    }

    .page-programaparceiro #financeiras {
        padding: 0 0 70px;
    }

    .page-suavoz #form-action-manifestacao {
        padding: 0 25px 90px;
    }

    #content.page-programaparceiro.no-top-header,
    #content.page-institucional.no-top-header,
    #content.page-suavoz.no-top-header,
    #content.page-faleconosco.no-top-header,
    #content.page-trabalheconosco.no-top-header,
    #content.page-cadastro.no-top-header,
    #content.page-politicaciberseguranca.no-top-header,
    #content.page-avisoprivacidade.no-top-header,
    #content.page-perguntasfrequentes.no-top-header,
    #content.page-politicaprivacidade.no-top-header {
        margin-top: 0;
    }
}

@media (width: 844px) {
    header {
         display: block!important;
    }

    #content.page-programaparceiro.no-top-header,
    #content.page-institucional.no-top-header,
    #content.page-suavoz.no-top-header,
    #content.page-faleconosco.no-top-header,
    #content.page-trabalheconosco.no-top-header,
    #content.page-cadastro.no-top-header,
    #content.page-politicaciberseguranca.no-top-header,
    #content.page-avisoprivacidade.no-top-header,
    #content.page-perguntasfrequentes.no-top-header,
    #content.page-politicaprivacidade.no-top-header {
        margin-top: 0!important;
    }

    #content.page-programaparceiro.no-top-header #bg-dest,
    #content.page-institucional.no-top-header #bg-dest,
    #content.page-suavoz.no-top-header #bg-dest,
    #content.page-faleconosco.no-top-header #bg-dest,
    #content.page-trabalheconosco.no-top-header #bg-dest,
    #content.page-cadastro.no-top-header #bg-dest,
    #content.page-politicaciberseguranca.no-top-header #bg-dest,
    #content.page-avisoprivacidade.no-top-header #bg-dest,
    #content.page-perguntasfrequentes.no-top-header #bg-dest,
    #content.page-politicaprivacidade.no-top-header #bg-dest {
        height: 100vh!important;
    }
}

@media (max-width: 768px) {
    nav #menu {
        display: none!important;
    }

    nav ul.navbar-nav {
        margin-top: 20px!important;
        text-align: center!important;
    }
}

@media (max-width: 800px) {
    #nossoMapa {
        max-height: 450px;
    }
}

@media (max-width: 854px) {
    .fixed-top ul.float-end li.telefone,
    .fixed-top ul.float-end li.lgpd {
        display: none;
    }

    footer .google-play {
        margin-top: 15px;
    }
}

@media (max-width: 900px) {
}

@media (max-width: 966px) {
    footer p.text-end.cnpj {
        margin-bottom: 0;
    }
}

@media (max-width: 1024px) {
    footer .google-play {
        margin-top: 0;
    }

    nav ul.navbar-nav {
        text-align: center !important;
        margin-top: 20px !important;
    }

    .principal .section-linhas .padd-person-right,
    .principal .section-linhas .padd-person-left {
        padding: 0 50px 0 50px;
    }

    .principal #produtos-consignado.section-linhas .row,
    .principal #produtos-cartao.section-linhas .row,
    .principal #produtos-c6pay.section-linhas .row {
        flex-direction: column-reverse;
    }

    .principal #financeiras {
        background-color: #f8f8f8;
        padding: 100px 120px;
        height: auto;
    }

    footer .container-footer .ajuda-e-atendimento,
    footer .container-footer .baixe-o-app {
        margin-top: 50px;
    }

    #view-produto .padd-person-right {
        margin-top: 50px;
    }

    .nav-transparent.nav-down .navbar-toggler {
        background-color: #fff;
    }

    .nav-transparent.nav-down ul.navbar-nav {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, .15);
        border-radius: 4px;
    }

    .nav-transparent.nav-down ul.navbar-nav .nav-link {
        color: #222343;
    }

    .nav-transparent.nav-down #dropdownMenu {
        color: #222343;
    }

    .nav-transparent.nav-down ul.navbar-nav {
        width: 290px;
    }

    #nossoMapa {
        height: 645px;
    }

    nav .nav-item ul.dropdown-menu.show a {
        overflow: hidden;
        text-overflow: ellipsis;
        width: 330px;
    }

    #content.page-programaparceiro.no-top-header #bg-dest,
    #content.page-institucional.no-top-header #bg-dest,
    #content.page-suavoz.no-top-header #bg-dest,
    #content.page-faleconosco.no-top-header #bg-dest,
    #content.page-trabalheconosco.no-top-header #bg-dest,
    #content.page-cadastro.no-top-header #bg-dest,
    #content.page-politicaciberseguranca.no-top-header #bg-dest,
    #content.page-avisoprivacidade.no-top-header #bg-dest,
    #content.page-perguntasfrequentes.no-top-header #bg-dest,
    #content.page-politicaprivacidade.no-top-header #bg-dest {
        height: 40vh;
    }

    .fixed-top ul.float-end li.telefone {
        display: none;
    }
}

@media (max-width: 1050px) {
}

@media (max-width: 1080px) {
    header {
        padding-left: 105px;
        padding-right: 105px;
    }
}

@media (max-width: 1200px) {
}

@media (max-width: 1280px) {
    /*nav,*/
    /*header {*/
    /*    padding-left: 20px;*/
    /*    padding-right: 20px;*/
    /*}*/
}

@media (max-width: 1366px) {
    #view-produto #financeiras-atuantes .col.col-12.col-sm-12.col-md-3.col-xl-3,
    .page-programaparceiro #financeiras-atuantes .col.col-12.col-sm-12.col-md-3.col-xl-3 {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 15px;
    }
}

@media (max-width: 1440px) {
}

@media (max-width: 1600px) {
}

@media(max-width: 1680px) {
}

@media (max-width: 1920px) {
}

@media (min-width: 2560px) {
}