/* NOVAS EDICOES DO TOPO COM MENU PRINCIPAL  */
.display-flex {
    display: flex;
}
.flex {
    flex: 1;
}

#drop-search {
    padding: 25px 0;
    top: 79px !important;
    background-color: #F7F7FA;
}

#drop-search input:focus {
    border-color: rgba(97, 21, 221, 1) !important;
}

#drop-search:hover {
    opacity: 10 !important;
    color: #BFB8D0 !important
}
.icon-search.hover {
    color: #BFB8D0 !important
}

.header {
    padding: 0;
    position: relative;
    z-index: 10;
    height: 79px;
    background-color: #ffffff;
    box-shadow: 0 0 50px rgb(0 0 0 / 6%);
}
.header nav ul.ul-primary {
    list-style: none;
    margin: 0;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.header-mobile {
  display: none;
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  box-shadow: 0 0 50px rgb(0 0 0 / 6%);
  height: 80px;
  background: #ffffff;
  z-index: 999;
  border-bottom: 1px solid #eeeeee;
}




.header-mobile .tools a {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    line-height: 76px;
}
#icon-menu-mobile a img {
    width:28px;
}
.header-mobile .display-flex {
    height:100%;
}
.header-mobile .flex {
    text-align: center;
}
.header-mobile .button {
    margin-bottom: 0;
}
.display-flex.middle {
    align-items: center;
    justify-content: center;
}

    .menu-canvas ul {
        list-style:none;
        margin:25px 0;
    }
@media (max-width: 1024px) {
.grid-container.fix, #banner_l {
    display: none;
}
}

.search-form img {
    position: absolute;
    right: 20px;
    top: 5px;
    padding: 7px 0 7px 9px;
    cursor: pointer;
    width: 30px;
    opacity: 0.5;
}


#icon-close {
    display: none;
}
.search-form {
    position: relative;
}

.search-form input[type=search] {
        display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: auto;
    margin: 0 0 1rem;
    padding: 10px 18px 13px 21px;
    border: 1px solid #dddddd;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    font-weight: 400;
    line-height: 1.5;
    color: #0a0a0a;
    -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
    transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 15px;
    border-radius: 100px;
    box-shadow: none;
    transition: none !important;
    margin-bottom: 0;
}





.menu-canvas {
    display: none;
    position: absolute;
    left: 0;
    top: 79px;
    background-color: #ffffff;
    width: 100%;
    z-index: 999;
    padding: 10px 0 25px;
    box-shadow: 0 40px 50px rgb(0 0 0 / 6%);
}
.menu-canvas .search-mobile {
    padding: 0 15px;
}
.menu-canvas nav ul li a {
    display: block;
    text-align: center;
    color: #000000;
    padding: 9px 0;
}










.dropdown-pane.top {
    left: 0 !important;
    width: 100%;
    z-index: 1;
    border: none;
    background-color: #ffffff;
    padding: 30px 0;
     box-shadow: 0 32px 30px rgb(78 75 89 / 10%);
    border-bottom: 1px solid #F2ECFD;
}
 .dropdown-pane.top .dropdown-pane-content {
    padding: 0;
    display: flex;
}
 .dropdown-pane.top .dropdown-pane-content .tabs-content {
    flex: 1;
    background-color: #F7F7FA;
    border: none;
    padding: 30px 0;
 }

 .dropdown-pane.top .dropdown-pane-content .tabs {
    border: none;
    background-color: transparent;
    padding: 0;
}

 .dropdown-pane.top .dropdown-pane-content .tabs-panel {
    padding: 0 30px;
}
 .dropdown-pane.top .tabs-title>a {
    font-size: 15px;
    text-transform: none;
    color:rgba(40, 36, 71, 1);
    margin-bottom: 2px;
    font-weight: bold;
    padding: 15px 45px 15px 22px;
    border-left: 2px solid transparent;
 }


 .dropdown-pane.top .tabs-title>a:hover,
 .dropdown-pane.top .tabs-title>a:focus, 
  .dropdown-pane.top .tabs-title>a[aria-selected=true] {
    background: #F7F7FA;
    color: rgba(97, 21, 221, 1);
    border-left-color:rgba(97, 21, 221, 1);
}


.mobills-tools .icon-search {
    font-size: 25px;
    vertical-align: -4px;
    cursor: pointer;
    padding-right: 15px;
}
.mobills-tools .icon-search:hover {
    color: #2962ff;
}

.mobills-header {
    align-items: center;
}
.mobills-nav {
    padding: 0 25px !important;
}
    .mobills-nav nav ul.ul-primary {
        margin-top: 0;
    }
    .mobills-nav nav ul.ul-primary b,
    .mobills-nav nav ul.ul-primary span {
        display: block;
    }
    .mobills-nav nav ul.ul-primary b {
        text-transform: uppercase;
        font-size: 14px;
        line-height: 21px;
    }
    .mobills-nav nav ul.ul-primary span {
        font-size: 12px;
    line-height: 19px;
    color: #aaaaaa;
    }
    .mobills-nav nav ul.ul-primary li {
        flex: 1;
        border-right: 1px solid #fafafa;
        display: inline-block;
        text-align: center;
    }
    .mobills-nav nav ul.ul-primary li a {
        padding: 17px 25px 22px;
        text-align: left;
        display: flex;  
         align-items: center;
         color: #000000;
         position: relative;
    grid-gap: 12px;

    }


    .close-drop {
        padding: 0;
        display: inline-block;
        padding-bottom: 0;
        font-size: 27px;
        color: rgba(40, 36, 71, 1);
        line-height: 10px;
    }



        .mobills-nav nav ul.ul-primary li:first-child {
            border-left: 1px solid #fafafa;
        }

.mobills-nav nav ul.ul-primary li a .mobills-nav-text {
    flex: 1;
}
.mobills-nav nav ul.ul-primary li a .mobills-nav-icon i {
    color: #eeeeee;
    font-size: 17px;
}

    .mobills-nav nav ul.ul-primary li a:hover,
    .mobills-nav nav ul.ul-primary li a.hover {
        background-color: #F5F8FA;
        color: #000000;
    }


.mobills-nav nav ul.ul-primary li a:hover i,
    .mobills-nav nav ul.ul-primary li a.hover i,
    .mobills-nav nav ul.ul-primary li a:hover b,
    .mobills-nav nav ul.ul-primary li a.hover b {
        color: #2962ff;
    }




    .mobills-nav nav ul.ul-primary li a:after {
        display: none;
    }
    .header a.button.small {
    margin-bottom: 0;
    padding: 17px 23px 17px;
    font-size: 12px;
    }

 
.mobills-mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}

.dropdown-pane.top .accordion-item-border.is-active .accordion-title:after {
    width: 2px !important;
}


.mobills-mega-menu ul li,
.mobills-mega-menu ul li a {
    display: block;
}
.mobills-mega-menu ul li a {
    border: 1px solid #fff;
    padding: 14px 25px 15px;
    font-size: 14px;
    text-align: left;
    color: #5F5C6B;
    border-radius: 100px;
    margin-bottom: 0px;
    background-color: #ffffff;
    box-shadow: 0 0px 30px rgb(78 75 89 / 5%);
}
.mobills-mega-menu ul li a:hover {
    color: rgba(97, 21, 221, 1);
    border-color:  rgba(97, 21, 221, 1);
}
.mobills-mega-menu ul li a i {
    float: right;
    font-size: 13px;
    line-height: 22px;
    margin-right: -3px;
}



#search-top {
    width: 25px;
    margin-right: 15px;
    cursor: pointer;
    opacity: 10;
}
#search-top:hover {
    opacity: 0.7 !important;
}





#bottom-fix {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 80px;
    background-color: #ffffff;
    z-index: 999999;
    text-align: center;
    align-items: center;
    box-shadow: 0 -3px 10px rgb(0 0 0 / 5%);
    border-top: 1px solid #eeeeee;
    justify-content: center;
    display: none;
}
#bottom-fix a,
#bottom-fix span {
    flex: 1;
    height: 80px;
    text-transform: none;
    color: #A9A7B5;
    border-right: 1px solid #eeeeee;
    padding: 16px 0;
    border-top: 1px solid #eeeeee;
    font-size: 11px;
    letter-spacing: 0.3px;
    font-weight: bold;
}

#bottom-fix a:hover,
#bottom-fix span.hover {
    border-top-color: #eeeeee;
    background-color: #F7F7FA !important;
    color: rgba(97, 21, 221, 1);
}
#bottom-fix a img,
#bottom-fix span img {
    display: table;
    margin: 0 auto;
    height: 22px;
    margin-bottom: 4px;
    line-height: 10px;
    font-size: 17px; 
}

#bottom-fix span:last-child {
    border-right: none;
}

.nav-icon-hover {
    display: none !important;
}

#bottom-fix a.hover .nav-icon-hover, 
#bottom-fix span.hover .nav-icon-hover {
    display: table !important;
}
#bottom-fix a.hover .nav-icon-default, 
#bottom-fix span.hover .nav-icon-default {
    display: none !important;
}

.dropdown-pane.top .accordion-title::before {
    content: '\e919';
    font-family: 'icon';
}
.dropdown-pane.top .is-active>.accordion-title::before {
    content: '\e91c';
    font-family: 'icon';
}

.panel_mobills_content {
    padding: 30px;
    padding-top: 15px;
}
.panel_mobills_title {
    font-size: 21px;
    line-height: 25px;
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}
.panel_mobills_description {
    margin-bottom: 20px;
    font-size: 14px;
}
.panel_mobills_image img {
    max-width: 80%;
}

.panel_mobills_content .button {
    padding: 15px 10px 17px;
    margin-bottom: 15px;
}
.panel_mobills_content .button.hollow:focus,
.panel_mobills_content .button.hollow:active,
.panel_mobills_content .button.hollow {
    border-color: rgba(97, 21, 221, 1) !important;
    color: rgba(97, 21, 221, 1) !important;
    background-color: transparent !important;   
    font-size: 17px;
    text-transform: none;
}



#drop-search-mb {
    padding: 20px;
    background-color: #F7F7FA;
}
.search__mobile.hover .icon-search-1:before {
    font-family: "icon";
    content: '\ebb9';
}




@media (max-width: 1024px) {

    .close-dp {
        display: block !important;
    }

.dropdown-pane-content-title {
    position: relative;
    display: block !important;
    padding: 10px 0;
    padding-bottom: 15px;
    padding-right: 0;
    margin: 0 20px;
    font-weight: bold;
    font-size: 21px;
    color: rgba(40, 36, 71, 1);
}
.dropdown-pane-content-title:before {
            content: '';
    height: 2px;
    background-color:rgba(97, 21, 221, 1);
    position: absolute;
    left: 0px;
    bottom: 0px;
     width: 50px;
}



.bottom.display {
    display: flex !important;
}


.dropdown-pane.top.fix {
    top: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
    height: calc( 100% - 79px ) !important;
    box-shadow: none !important;
    position: fixed !important;
    overflow-y: auto !important;
    padding: 0 !important;
    background-color: #ffffff;
    border-bottom: none;
}

.mobills-mega-menu ul,
.dropdown-pane.top .dropdown-pane-content {
    display: block;
}


.dropdown-pane.top .accordion,
.dropdown-pane.top .accordion-content {
    border: none;
    background-color: transparent;
}
.dropdown-pane.top .accordion-content {
    padding: 0;
}
.mobills-mega-menu ul li a {
    padding: 16px 18px;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #eeeeee;
    border-radius: 0;
    box-shadow: none;
   background-color:#F7F7FA ;
}

.mobills-mega-menu ul li a i {
    display: none;
}


.dropdown-pane.top .accordion {
    margin-top: 15px;
    margin-bottom: 25px;
}

.dropdown-pane.top .accordion-content {
    padding: 0 !important;
    margin-bottom: 0px;
    background-color: #ffffff;
}

.dropdown-pane.top .accordion-item {
    margin-bottom: 0px;
}


.dropdown-pane.top .grid-padding-x>.cell,
.dropdown-pane.top .grid-container {
    padding: 0;
}
.dropdown-pane.top .grid-container:not(.full)>.grid-padding-x {
    margin: 0;
}

.dropdown-pane.top .accordion-title {
    border: none;
    color: rgba(40, 36, 71, 1);
    font-size: 15px;
    background-color: transparent;
    padding:20px 20px;
    border-radius: 0px;
    position: relative;
    font-weight: bold;
    border-bottom: 1px solid #eeeeee;
 }

.dropdown-pane.top .accordion-item.is-active .accordion-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 6px;
    background-color:rgba(97, 21, 221, 1);    
    margin-top: 0;
}


.dropdown-pane.top .accordion-item .accordion-title:focus,
.dropdown-pane.top .accordion-item .accordion-title:active,
.dropdown-pane.top .accordion-item.is-active .accordion-title {
    background-color: transparent !important; 
}
.dropdown-pane.top .accordion-item.is-active .accordion-title {
    color:rgba(97, 21, 221, 1);
}
.dropdown-pane.top .accordion-title::before {
    right: 25px;
    margin-top: -7px;
    font-size: 17px;
}


}





 

.new__header__mobile {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 70px;
    align-items: center;
}
.new__header__mobile:after {
    content: '';
    position: absolute;
    bottom: 0px;
    width: 100%;
    background-color: #ffffff;
    opacity: 0.3;
    height: 1px;
}
.new__header__mobile__brand {
    flex: 1;
}
.new__header__mobile a,
.new__header__mobile span {
    height: 70px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 20px;
}





.dropdown-pane .new__header__mobile {
    position: relative;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: 20px;
    background-color: #ffffff;
}





@media (max-width : 1024px) {
.header-mobile {display: block;}
.header-mobile .button {padding: 11px 38px 13px;font-size: 13px;}
.header-mobile .tools {width: 77px;}
.prev-tool {margin-top: 0px;}
.new__header__mobile {display: flex;}
.header {height: 70px;}
}




  .right.mobills-tools img {
    display: inline-block !important;
  }



  .search__mobile {
    font-size: 32px;
    color: #fff;
    padding-right: 5px !important;
  }




  .bottom.bottom-show {
    display: flex !important;
  }


.tax-tx_conteudo #bottom-fix,
.single-cpt_conteudo #bottom-fix,
.single-cpt_bancos #bottom-fix,
.single-cpt_cartoes #bottom-fix,
.single-cpt_emprestimos #bottom-fix,
.single-cpt_emprestimos #bottom-fix {
display: none;
}

.tax-tx_conteudo .search__mobile,
.single-cpt_conteudo .search__mobile,
.single-cpt_bancos .search__mobile,
.single-cpt_cartoes .search__mobile,
.single-cpt_emprestimos .search__mobile,
.single-cpt_emprestimos .search__mobile {
display: none !important;
}


.tax-tx_conteudo .mobills-tools,
.tax-tx_conteudo .mobills-nav,
.single-cpt_conteudo .mobills-tools,
.single-cpt_conteudo .mobills-nav,
.single-cpt_cartoes .mobills-tools,
.single-cpt_cartoes .mobills-nav,
.single-cpt_bancos .mobills-tools,
.single-cpt_bancos .mobills-nav,
.single-cpt_emprestimos .mobills-tools,
.single-cpt_emprestimos .mobills-nav {
display: none;
}


.tax-tx_conteudo .mobills-header .display-flex,
.single-cpt_conteudo .mobills-header .display-flex,
.single-cpt_cartoes .mobills-header .display-flex,
.single-cpt_emprestimos .mobills-header .display-flex,
.single-cpt_emprestimos .mobills-header .display-flex {
    justify-content: center !important;
}


.tax-tx_conteudo .mobills-header div,
.single-cpt_conteudo .mobills-header div,
.single-cpt_cartoes .mobills-header div,
.single-cpt_emprestimos .mobills-header div,,
.single-cpt_emprestimos .mobills-header div {
    height:79px;
}

.tax-tx_conteudo .mobills-brand,
.single-cpt_conteudo .mobills-brand,
.single-cpt_cartoes .mobills-brand,
.single-cpt_bancos .mobills-brand,
.single-cpt_emprestimos .mobills-brand {
    margin-top: 0 !important;
    display: block;
    line-height: 74px;
}

.tax-tx_conteudo header.header .mobills-header,
.single-cpt_conteudo header.header .mobills-header,
.single-cpt_cartoes header.header .mobills-header,
.single-cpt_bancos header.header .mobills-header,,
.single-cpt_emprestimos header.header .mobills-header {
    padding-left: 0;
}