/*================================================
  LAYOUT
  ================================================*/

/* Web Site Width */

.IB-page-container {
    max-width: 1200px;
}

@media (max-width: 767px) {
    .IB-tabletdesktop {
        display: none;
    }

    .pull-right {
        float: right !important;
    }
}

@media (max-width: 991px) {
    .IB-desktop {
        display: none;
    }
}

@media (min-width: 768px) {
    .IB-mobile {
        display: none;
    }
}

body {
    padding-top: 70px;
}

hr {
    border-top: 1px solid lightgray;
    margin-left: -15px;
}

a {
    color: var(--color-primary);
    text-decoration: none;
}

@media (min-width: 992px) {
    body {
        padding-top: 95px;
    }
}

.IB-header-screen,
.IB-body-screen,
.IB-footer-screen {
    position: relative;
}

.btn-default {
    color: var(--color-primary);
    background-color: #fff;
    border-color: var(--color-primary);
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 10px;
}

.btn-default-pagination {
    color: var(--color-primary);
    background-color: #fff;
    border-color: var(--color-primary);
}

.btn-primary-pagination {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

    .btn-primary-pagination:hover,
    .btn-primary:active:hover,
    .btn-primary:active {
        color: #fff;
        background-color: #000000 !important;
        border-color: #000000 !important;
    }

.btn-primary:focus,
.btn-default:focus,
.btn-default:active:focus,
.btn-default-pagination:focus {
    color: var(--color-primary);
    background-color: #fff;
    border-color: var(--color-primary);
}

#mailBack.btn-default {
    margin-left: 20px;
}

.btn-default[disabled]:hover,
.btn-default-pagination[disabled]:focus {
    background-color: #fab381;
}

.btn-default:active,
.btn-default:hover,
.btn-default-pagination:active,
.btn-default-pagination:hover {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    padding: 10px 40px;
    font-size: 18px;
    border-radius: 10px;
}

    .btn-primary:hover {
        color: #fff;
        background-color: var(--color-secundary) !important;
        border-color: var(--color-secundary) !important;
    }

/*========IB-HEADER-SCREEN=========*/


/*-----IB-top-bar-----*/

.IB-top-bar {
    height: 70px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: var(--color-bg-secundary);
    border-bottom: 1px solid var(--color-primary);
}

    .IB-top-bar .IB-mainlogo {
        height: 64px;
        width: 121px;
    }

        .IB-top-bar .IB-mainlogo img {
            width: 84px;
            margin-top: 6px;
        }


    .IB-top-bar .row > div {
        padding-right: 15px;
    }

    .IB-top-bar .IB-mainlogo {
        text-align: center;
    }

@media (min-width: 992px) {
    .IB-top-bar {
        background-color: var(--color-bg-secundary);
        border-bottom: 1px solid var(--color-primary);
        height: 95px;
        box-shadow: none;
    }

        .IB-top-bar .IB-mainlogo img {
            width: 139px;
            margin-top: 22px;
            margin-left: 28px;
        }
}

@media (max-width: 991px) {
    .IB-top-bar {
        display: none;
    }

    body {
        padding-top: 15px;
        overflow-x: hidden;
    }

    .IB-footer-screen {
        margin-top: 50px;
    }
}

    /*-----IB-Headermenu-mod-----*/

    .IB-headermenu-mod .IB-user,
    .IB-headermenu-mod .IB-lang {
        color: var(--color-primary);
    }

        .IB-headermenu-mod .IB-user:hover,
        .IB-headermenu-mod .IB-user:active {
            color: var(--color-primary);
        }

    .IB-headermenu-mod .nav-pills > li > a,
    .IB-headermenu-mod .nav .IB-target > div {
        border-radius: 0px;
        padding: 6px 10px;
        color: var(--color-primary);
    }

    .IB-tabs .nav.nav-pills > li.active > a {
        border-radius: 0px;
        background-color: var(--color-primary);
        color: #fff;
    }

    .IB-tabs .nav.nav-pills > li > a:hover {
        border-radius: 0px;
        background-color: var(--color-primary);
        color: #fff;
    }

    .IB-tabs .nav.nav-pills > li {
        border: 1px solid var(--color-primary);
        border-radius: 0px;
        background-color: transparent;
    }

    .nav-pills > li > a {
        color: var(--color-primary);
    }

    .IB-headermenu-mod .nav-pills > li > button {
        border-radius: 0px;
        padding: 5px 10px;
    }

    .IB-headermenu-mod .nav .IB-target > div {
        font-size: 24px;
        text-transform: uppercase;
        color: #92caef;
        font-weight: 300;
    }

    .IB-headermenu-mod .IB-target > div,
    .IB-headermenu-mod .IB-userbtn .IB-user-label > div,
    .IB-headermenu-mod .IB-logout-label > div,
    .IB-headermenu-mod .IB-lang-label > div,
    .IB-headermenu-mod .navbar-toggle > div {
        display: table-cell;
        vertical-align: middle;
        height: 34px;
    }

    .IB-headermenu-mod .IB-userbtn .IB-icon,
    .IB-headermenu-mod .IB-langbtn .IB-icon,
    .IB-headermenu-mod .IB-logoutbtn .IB-icon {
        font-size: 35px;
        color: var(--color-primary);
        padding: 0px 15px;
    }

    .IB-headermenu-mod .IB-navbar-toggle .IB-icon {
        font-size: 24px;
        color: var(--color-primary);
    }

    .IB-headermenu-mod .IB-userbtn .IB-user > .IB-company {
        font-size: 10px;
        line-height: 1.0;
    }

    .IB-headermenu-mod .nav {
        float: right;
        margin-right: 0px;
        padding-top: 25px;
    }

        .IB-headermenu-mod .nav li {
            border-right: 1px solid #878a8e;
            max-width: 300px;
        }

            .IB-headermenu-mod .nav li:last-child {
                border-right: none;
            }

    .IB-headermenu-mod .nav-pills > li + li {
        margin-left: 0px;
    }

    .IB-headermenu-mod .navbar-toggle {
        margin: 0px;
    }

    @media (max-width: 520px) {
        .IB-headermenu-mod .IB-target > div {
            display: none;
        }
    }

    @media (max-width: 991px) {
        .IB-headermenu-mod .IB-user {
            display: none !important;
        }

        .IB-headermenu-mod .IB-langbtn {
            display: none !important;
        }

        .IB-header-screen {
            position: relative;
            height: 0;
        }

        .IB-headermenu-mod .nav {
            height: 70px;
        }

        .IB-headermenu-mod .nav-pills > li > button {
            padding: 0;
        }
    }

    @media (min-width: 992px) {
        .IB-headermenu-mod .nav-pills > li > a,
        .IB-headermenu-mod .nav .IB-target > div {
            border-radius: 0px;
            padding: 0px 20px 0 8px;
        }

        .IB-headermenu-mod .nav-pills > li > button {
            border-radius: 0px;
            padding: 5px 10px;
        }

        .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
            background-color: transparent;
            color: var(--color-primary);
            border-color: none;
        }
    }

    .bob-steps1-active,
    .bob-steps2-active,
    .bob-steps3-active {
        color: var(--color-primary);
        font-weight: bold;
    }
    /*---------------------------------*/

    /*=========================MAIN-NAV==============================*/

    .IB-main-nav-module .navbar-nav {
        padding-top: 10px;
    }

    @media (min-width: 992px) {
        .IB-main-nav-module .navbar-nav {
            padding-top: 0px;
        }
    }


    /*-----Main-Nav-Module-----*/

    @media (min-width: 992px) {
        .IB-main-nav-module {
            background-color: var(--color-primary);
            border-radius: 0px;
        }
    }

    .IB-main-nav-module .navbar-default {
        background-color: transparent;
        border: none;
        margin-bottom: 0px;
    }

    .IB-main-nav-module .dropdown-header {
        padding: 10px 20px;
    }

    .IB-main-nav-module .navbar .dropdown-menu .dropdown-header {
        color: var(--color-primary);
        text-transform: uppercase;
    }

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        text-decoration: none;
        color: #fff;
        background-color: var(--color-primary);
    }


    @media (max-width: 991px) {
        .IB-main-nav-module .navbar-collapse {
            background-color: #eff2f5;
            border-bottom: 10px solid #1b4965;
        }

        .IB-main-nav-module .navbar-nav > li > a {
            color: #1b4965;
        }

        .IB-main-nav-module .navbar-nav > li > a {
            border-bottom: 1px solid #fff;
            padding-right: 35px;
        }

        .IB-main-nav-module .navbar-nav > li:last-child > a {
            border-bottom: none;
        }

        .nav .open > a,
        .nav .open > a:hover,
        .nav .open > a:focus {
            border-color: #c8c8c8;
            background-color: transparent;
        }

        .IB-main-nav-module .navbar-nav > li > a:hover {
            background-color: #fff;
            color: #1b4965;
        }

        .IB-main-nav-module .navbar-nav > li > ul.dropdown-menu {
            background-color: #fff;
        }

        .IB-main-nav-module .navbar-nav .open .dropdown-menu > li > a {
            color: #1b4965;
        }

        .IB-main-nav-module .navbar-nav .open .dropdown-menu > li:last-child > a {
            margin-bottom: 10px;
        }


        .IB-main-nav-module .navbar-nav .open .dropdown-menu .dropdown-header {
            margin-top: 6px;
            margin-bottom: 6px;
        }

        .IB-main-nav-module {
            margin-left: -15px;
            margin-right: -15px;
        }

        .IB-targetmenu-module {
            text-align: center;
        }

            .IB-targetmenu-module .IB-targetmenu {
                display: inline-block;
            }

        .IB-main-nav-module .IB-label {
            display: inline-block;
        }

        .IB-main-nav-module .dropdown-toggle .caret {
            margin-top: 10px;
            float: right;
        }

        .IB-main-nav-module .navbar {
            min-height: 1px;
        }

        .IB-main-nav-module .fa-home {
            display: none;
        }

        .IB-main-nav-module .navbar-nav > li > a > .IB-label {
            text-transform: uppercase;
            font-size: 16px;
        }
    }

    @media (min-width: 992px) {
        .IB-main-nav-module .IB-label .IB-txt {
            display: none;
        }

        .IB-main-nav-module .navbar-nav > li > a > .IB-label {
            text-transform: uppercase;
        }

        .IB-main-nav-module .navbar-nav > li > a:hover,
        .IB-main-nav-module .navbar-nav > li > a:active,
        .IB-main-nav-module .navbar-nav > li > a:focus {
            color: #000000;
        }

        .IB-main-nav-module .IB-menu-align {
            min-width: 1%;
            display: table;
            margin-bottom: 15px;
        }

        .IB-main-nav-module .navbar-default {
            background-color: transparent;
            border: none;
            padding-top: 10px;
        }

        .IB-main-nav-module a.dropdown-toggle {
            text-align: center;
        }

        .IB-main-nav-module .navbar-nav > li > a {
            padding: 10px 40px 0px 0;
            line-height: 16px;
            height: 45px;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
        }

        .IB-main-nav-module .dropdown-toggle .caret {
            vertical-align: top;
            line-height: 6px;
        }

        .IB-main-nav-module .fal {
            margin-right: 4px;
            font-size: 15px;
        }
    }

    .navbar .navbar-toggle {
        border: none;
        padding: 11px 14px;
    }

        .navbar .navbar-toggle:hover,
        .navbar .navbar-toggle:focus,
        .navbar .navbar-toggle:active {
            background-color: transparent;
        }

            .navbar .navbar-toggle:hover .icon-bar,
            .navbar .navbar-toggle:focus .icon-bar,
            .navbar .navbar-toggle:active .icon-bar {
                background-color: #d07ade;
            }

        .navbar .navbar-toggle .icon-bar {
            background-color: #fff;
            height: 3px;
        }


    /*========IB-PAGE-SCREEN-ROW========*/

    .IB-page-screen {
        background-color: var(--color-background);
        min-height: calc(100vh - 150px);
    }


    /*========IB-PAGE-CONTENT===========*/


    /*================HP-RESUME-MOD======================*/

    /*----------------panel-heading------------------*/

    .panel {
        margin-bottom: 20px;
        background-color: #f2f2f2;
        border: 0;
        border-radius: 0;
    }

    .bob-helparea {
        border: 1px solid #6f7073;
        border-left: 10px solid #6f7073;
    }

        .bob-helparea .fal {
            color: var(--color-primary);
            font-size: 24px;
        }

    .panel-default > .panel-heading {
        color: #333;
        background-color: var(--color-bg-secundary) !important;
        border-color: var(--color-bg-secundary) !important;
    }

    .panel-heading.IB-collapse-panel {
        padding: 0px;
    }

        .panel-heading.IB-collapse-panel > a {
            padding: 10px 15px;
            display: block;
        }

        .panel-heading.IB-collapse-panel .IB-title h4 {
            margin: 0px;
            line-height: 1.42857143;
        }

        .panel-heading.IB-collapse-panel .IB-balance {
            text-align: right;
            color: #bbbcbc;
            font-weight: bold;
            font-size: 18px;
        }

            .panel-heading.IB-collapse-panel .IB-balance .IB-value {
                display: inline-block;
                font-size: 18px;
            }

            .panel-heading.IB-collapse-panel .IB-balance .IB-coin {
                display: inline-block;
            }

        .panel-heading.IB-collapse-panel .IB-icon {
            text-align: right;
            font-size: 18px;
            color: #fff;
        }

            .panel-heading.IB-collapse-panel .IB-icon .fa:before {
                content: "\f066";
            }

        .panel-heading.IB-collapse-panel a.collapsed .IB-icon .fa:before {
            content: "\f065";
        }

    .panel-heading .IB-title h4 {
        margin: 0px;
        line-height: 1.42857143;
    }

    .table [data-title] > a {
        color: #000;
        font-weight: bold;
    }

        .table [data-title] > a:hover {
            color: var(--color-primary);
            font-weight: bold;
        }

    .table > tbody > .al:hover {
        background-color: #ffede0;
        color: var(--color-primary);
    }

    .table a.button {
        color: var(--color-primary);
        font-weight: bold;
        text-decoration: none;
    }

        .table a.button:hover {
            color: #fff;
            background-color: var(--color-primary);
            font-weight: bold;
        }

    .panel-heading a:hover {
        color: #fff;
        background-color: var(--color-primary);
    }

        .panel-heading a:hover .IB-title h4,
        .panel-heading a:hover .IB-balance {
            color: #fff;
        }

    #faqPageDiv .panel-default {
        background-color: #f2f2f2 !important;
    }

        #faqPageDiv .panel-default .panel-heading {
            background-color: transparent !important;
            color: #333;
        }

            #faqPageDiv .panel-default .panel-heading a {
                color: var(--color-primary);
            }

                #faqPageDiv .panel-default .panel-heading a:hover {
                    color: var(--color-primary);
                    background-color: transparent !important;
                }

            #faqPageDiv .panel-default .panel-heading .collapsed {
                background-color: transparent !important;
                color: #333;
            }

            #faqPageDiv .panel-default .panel-heading .panel-title {
                font-size: 14px;
                line-height: 20px;
            }

    #faqOutrosTemas .nav.nav-tabs .nav-item .nav-link {
        color: black;
    }

        #faqOutrosTemas .nav.nav-tabs .nav-item .nav-link.active,
        #faqOutrosTemas .nav.nav-tabs .nav-item .nav-link:hover {
            color: var(--color-primary);
            border-bottom: 2px solid var(--color-primary);
            border-right-color: transparent;
            border-left-color: transparent;
            border-top-color: transparent;
        }


    @media (max-width: 767px) {
        .panel-heading.IB-collapse-panel .IB-title {
            float: left;
            width: 80%;
        }

        .panel-heading.IB-collapse-panel .IB-balance {
            float: left;
            width: 80%;
            text-align: left;
        }

        .panel-heading.IB-collapse-panel .IB-icon {
            width: 19%;
            display: inline-grid;
            margin-top: 4px;
        }
    }

    #collapseassets .panel-body,
    #collapseliabilities .panel-body {
        padding: 20px 0;
    }

    .panel-footer {
        background-color: #eaf0f5;
    }


    /*-----------------legend--------------------*/


    .IB-tabs {
        margin-bottom: 15px;
        float: right !important;
        padding: 5px 20px;
        margin-right: 20px;
    }

    .IB-hp-resume-mod .IB-legend {
        margin-top: 30px;
        text-align: center;
    }

    @media (max-width: 991px) {

        .IB-tabs {
            float: left !important;
        }

        .IB-hp-resume-mod .IB-legend .list-group {
            display: block;
            padding: 20px;
        }
    }

    @media (min-width: 992px) {

        .IB-hp-resume-mod .IB-legend .list-group {
            display: inline-block;
        }
    }

    .IB-hp-resume-mod .IB-legend .IB-item {
        display: table;
    }

    .IB-hp-resume-mod .IB-legend .IB-bullet {
        display: table-cell;
        padding-right: 6px;
    }

        .IB-hp-resume-mod .IB-legend .IB-bullet .fa:before {
            font-size: 30px;
            content: "\f10c";
            font-weight: 900;
        }

    .IB-hp-resume-mod .IB-legend .IB-title {
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

        .IB-hp-resume-mod .IB-legend .IB-title .IB-name.IB-group {
            font-size: 16px;
            font-weight: bold
        }

    .IB-hp-resume-mod .IB-legend .list-group-item {
        border-color: transparent;
        background-color: transparent;
        border-bottom: 1px dashed #ccc;
    }

    /*-------------------chart------------------*/

    @media (min-width: 992px) {
        .IB-hp-resume-mod .IB-chart {
            text-align: center;
            margin-top: 100px;
            border-right: 1px solid #ccc;
        }
    }

    .IB-hp-resume-mod .IB-chart > img {
        max-width: 300px;
        width: 100%;
    }

    .chartist-tooltip {
        color: #000 !important;
    }




    /*=============IB-hp-shortcuts-menu-mod=================*/

    .IB-hp-shortcuts-menu-mod .IB-Ad,
    .IB-hp-shortcuts-menu-mod .IB-AdHome {
        margin-bottom: 15px;
    }

        .IB-hp-shortcuts-menu-mod .IB-Ad img {
            object-fit: cover;
            width: 277px;
            height: 179px;
        }

    .IB-hp-shortcuts-menu-mod .btn {
        white-space: normal;
        width: 100%;
        display: table;
        margin-bottom: 15px;
    }

        .IB-hp-shortcuts-menu-mod .btn .IB-icon {
            font-size: 28px;
        }

        .IB-hp-shortcuts-menu-mod .btn h4 {
            color: var(--color-primary);
            font-weight: bold;
            font-size: 18px;
        }

        .IB-hp-shortcuts-menu-mod .btn:hover h4 {
            color: #fff;
        }

        .IB-hp-shortcuts-menu-mod .btn .IB-btn {
            min-height: 120px;
            vertical-align: middle;
            display: table-cell;
        }

    .IB-hp-shortcuts-menu-mod .btn,
    .IB-hp-operfreq-mod .btn {
        padding: 6px;
    }

        .IB-hp-operfreq-mod .btn .IB-btn .IB-icon {
            text-align: center;
            color: var(--color-primary);
            font-size: 28px;
        }

    @media (max-width: 767px) {

        .IB-hp-resume-mod .IB-chart {
            text-align: center;
            margin-top: 75px;
            border-right: 0;
        }
    }


    @media (min-width: 768px) {
        .IB-hp-shortcuts-menu-mod .IB-Ad {
            margin-top: 0px;
        }

        .IB-hp-shortcuts-menu-mod .IB-AdHome {
            margin-top: 30px;
        }
    }

    .IB-hp-shortcuts-menu-mod .IB-Ad,
    .IB-hp-shortcuts-menu-mod .IB-AdHome {
        display: block;
        width: 100%;
        height: auto;
    }

    @media (max-width: 480px) {

        .IB-hp-shortcuts-menu-mod .btn h4 {
            font-size: 16px;
        }

        .IB-hp-shortcuts-menu-mod .B-titlePub {
            float: none;
            width: 100%;
        }
    }

    @media (min-width: 1060px) {
        .IB-hp-shortcuts-menu-mod .btn {
            min-height: 100px;
        }
    }


    /*====================BEM-VINDO======================*/

    .bob-bemvindo {
        margin-left: -15px;
        margin-right: -15px;
    }

    @media (min-width: 768px) {
        .bob-bemvindo > div > h4, .bob-bemvindo > div > p {
            display: inline-block;
        }
    }

    .bob-bemvindo > div > h4 {
        margin-right: 10px;
        font-size: 16px;
    }

    @media (max-width: 479px) {
        .bob-icons-txt {
            display: none;
        }
    }

    .bob-bemvindo-links .btn-group {
        padding-left: 1px;
        padding-right: 1px;
    }

        .bob-bemvindo-links .btn-group:first-child {
            padding-right: 2px;
            padding-left: 0px;
        }

        .bob-bemvindo-links .btn-group:last-child {
            padding-right: 0px;
            padding-left: 2px;
        }


        .bob-bemvindo-links .btn-group > a.btn {
            border-radius: 4px !important;
            padding: 6px 2px;
        }

    .bob-bemvindo-links .bob-bemvindo-links-img {
        height: 54px;
        width: 54px;
        background-color: #fff;
        border-radius: 27px;
        color: #3a8fc2;
        font-size: 24px;
        vertical-align: middle;
        margin-left: auto;
        margin-right: auto;
        padding-top: 10px;
    }

    @media (min-width: 768px) {
        .bob-bemvindo-links .bob-bemvindo-links-img {
            display: inline-block;
        }

        .bob-bemvindo-links-txt > .bob-icons-txt {
            display: inline-block;
        }
    }

    @media (max-width: 767px) {
        .bob-bemvindo-links-txt > .bob-icons-txt {
            display: none;
        }
    }


    .bob-bemvindo-links-txt > .IB-title {
        white-space: normal;
        vertical-align: middle;
        text-transform: uppercase;
        font-size: 12px;
        font-family: "Financier Display Medium";
        margin: 10px 0px 0px;
        text-align: center;
        width: 100%;
        line-height: 12px;
        color: #abdeff;
    }

    @media (max-width: 767px) {
        .bob-bemvindo-links-txt > .IB-title {
            min-height: 24px;
        }
    }

    @media (min-width: 420px) {
        .bob-bemvindo-links-txt > .IB-title {
            font-size: 15px;
        }
    }

    @media (min-width: 768px) {
        .bob-bemvindo-links-txt > div {
            text-align: left;
        }

        .bob-bemvindo-links-txt .bob-icons-txt {
            text-align: left;
            white-space: normal;
        }
    }

    /*----------*/

    .IB-page-screen .IB-page-content {
        background-color: #fff;
    }

    @media (min-width: 992px) {
        .IB-page-screen .IB-page-content {
            max-width: 1200px;
        }

        .IB-page-screen .IB-page-contentProduct {
            padding-top: 0;
            background-color: #ececec;
            margin: 0;
            padding-bottom: 1px;
        }
    }

    @media (max-width: 991px) {
        .IB-page-screen .IB-page-content {
            margin-left: -15px;
            margin-right: -15px;
            padding: 0 15px;
        }

        .IB-page-screen .IB-page-contentProduct {
            padding-top: 0;
            background-color: #ececec;
            margin: -15px;
            overflow: hidden;
        }
    }

    .IB-page-content > .panel-body {
        padding: 10px 0px;
    }


    /*========IB-ASIDE-CONTENT==========*/


    .IB-asidecontent-module .row > div {
        background-color: #e4e4e4;
        background-image: url(../../img/customerbanner-bkg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right;
        border-bottom: 2px solid #fff;
    }

    .IB-asidecontent-module .IB-asidecontent-element {
        padding-top: 24px;
        padding-bottom: 24px;
        margin-bottom: 2px;
    }

    .IB-asidecontent-module .IB-title {
        font-family: "Financier Display Medium";
        font-size: 1.4em;
        color: #15659b;
        margin-bottom: 0px;
        margin-top: 0px;
        line-height: 34px;
    }

    .IB-asidecontent-module .IB-onde-estamos .IB-photo {
        float: right;
        max-height: 170px;
        position: absolute;
        bottom: 0;
        right: 15px;
    }

    .IB-asidecontent-module .IB-contacte-nos .IB-photo {
        float: right;
        max-height: 200px;
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .IB-asidecontent-module .IB-contacte-nos .btn.IB-email,
    .IB-asidecontent-module .IB-contacte-nos .btn.IB-formulario,
    .IB-asidecontent-module .IB-contacte-nos .IB-telefone {
        position: absolute;
        left: 15px;
    }

    .IB-asidecontent-module .IB-contacte-nos .IB-telefone {
        bottom: 140px;
    }

    .IB-asidecontent-module .IB-contacte-nos .btn.IB-email {
        bottom: 80px;
    }

    .IB-asidecontent-module .IB-contacte-nos .btn.IB-formulario {
        bottom: 20px;
    }

    .IB-asidecontent-module .IB-contacte-nos .IB-telefone > div {
        display: inline-block;
    }

    @media (min-width: 992px) {
        .IB-asidecontent-module .IB-asidecontent-element {
            height: 260px;
        }

            .IB-asidecontent-module .IB-asidecontent-element p {
                max-width: 320px;
            }
    }

    @media (max-width: 767px) and (min-width: 1200px) {
        .IB-asidecontent-module .IB-asidecontent-screen {
            background-color: #fff;
        }

        .IB-asidecontent-module .IB-txt,
        .IB-asidecontent-module .IB-onde-estamos .IB-photo,
        .IB-asidecontent-module .IB-onde-estamos .btn-group {
            display: none;
        }

        .IB-asidecontent-module .IB-onde-estamos .IB-title {
            float: left;
        }

        .IB-asidecontent-module .IB-onde-estamos a.btn {
            float: right;
        }

        .IB-asidecontent-module .IB-onde-estamos {
            display: table;
            width: 100%;
            vertical-align: middle;
        }

        .IB-asidecontent-module .IB-contacte-nos .IB-photo {
            position: absolute;
            bottom: 0px;
            right: 10px;
            max-width: 200px;
        }

        .IB-asidecontent-module .IB-contacte-nos {
            height: 240px;
        }
    }

    @media (min-width: 768px) {
        .IB-asidecontent-module .IB-onde-estamos .btn-group {
            position: absolute;
            left: 15px;
            bottom: 20px;
        }

        .IB-asidecontent-module .IB-onde-estamos > .btn {
            display: none;
        }

        .IB-asidecontent-module .IB-asidecontent-element {
            height: 290px;
        }
    }

    /*-------------enf-of-costumer-care------------*/




    /*=================PRODUCTS==================*/

    .IB-products-screen {
        background-color: #e4e4e4;
    }

        .IB-products-screen .IB-page-container > .row > div {
            background-image: url(../../img/products-bkg.jpg);
            background-repeat: no-repeat;
            background-position: center top;
        }

    /*--Module--*/

    .IB-products-module {
        padding: 20px 0px;
    }

        .IB-products-module h3 {
            margin-bottom: 30px;
        }

        .IB-products-module #IB-product1 .IB-photo {
            background-image: url(../../img/photo-product1.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .IB-products-module #IB-product2 .IB-photo {
            background-image: url(../../img/photo-product2.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .IB-products-module #IB-product3 .IB-photo {
            background-image: url(../../img/photo-product3.jpg);
            background-repeat: no-repeat;
            background-position: center;
            background-size: cover;
        }

        .IB-products-module .IB-product-element {
            margin-right: 1px;
            margin-bottom: 30px;
        }

            .IB-products-module .IB-product-element > .row > div:first-child {
                padding: 0px;
            }

            .IB-products-module .IB-product-element .IB-photo,
            .IB-products-module .IB-product-element .IB-content {
                width: 100%;
                margin-bottom: 20px;
            }

                .IB-products-module .IB-product-element .IB-photo img {
                    width: 100%;
                }

    @media (min-width: 768px) and (max-width: 991px) {
        .IB-products-module .IB-product-element .IB-photo img {
            height: 200px;
        }
    }

    .IB-products-module .IB-label {
        background-color: grey;
        padding: 15px;
        height: 52px;
        position: absolute;
        bottom: 20px;
        width: calc(100% - 15px);
    }
    /*-------------end-of-products--------------*/

    /*================Messages===============*/

    .formItem .form-group {
        margin: 15px;
    }

    .bob-mailButtons {
        margin: 0;
    }

    @media (max-width: 768px) {
        .mailButtons > .btn-default {
            margin-bottom: 10px;
        }
    }

    /*-------------end-of-Messages--------------*/

    /*================FOOTER-MENU===============*/

    .IB-footer-menu-screen {
        background-color: #1e2127;
        font-family: 'Montserrat Light', sans-serif;
        height: 75px;
    }

    @media only screen and (max-width: 768px) {
        .IB-owner-screen {
            bottom: 0;
            width: 100%;
        }
    }

    /*--Module--*/

    .IB-footer-menu-module {
        text-align: center;
    }

        .IB-footer-menu-module ul {
            display: inline-flex;
            text-align: center;
            padding-left: 0px;
        }

            .IB-footer-menu-module ul li {
                float: none;
            }

                .IB-footer-menu-module ul li a {
                    color: var(--color-primary);
                    text-transform: uppercase;
                    font-size: 15px;
                }

    .nav > li > a:hover, .nav > li > a:focus {
        background-color: transparent;
    }

    @media (min-width: 768px) {
        .IB-footer-menu-module {
            text-align: center;
        }

            .IB-footer-menu-module ul li {
                float: left;
            }
    }

    @media (max-width: 768px) {
        .IB-footer-menu-module ul {
            display: inline-flex;
            text-align: center;
            padding-left: 0px;
        }
    }



    /*------------enf-of-footer-menu------------*/


    /*==============OWNER-SIGNATURE=============*/

    .IB-owner-screen {
        background-color: var(--color-bg-secundary);
        border-top: 1px solid var(--color-primary);
    }

    /*--Module--*/

    .IB-owner-module {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .IB-owner-module .IB-sitemaker {
            text-align: center
        }

        .IB-owner-module .IB-signature {
            margin-bottom: 10px;
            line-height: 1.4em;
            color: var(--color-text);
            font-size: 0.9em;
            margin-top: 10px;
            text-align: center;
        }

    @media (min-width: 480px) {
        .IB-owner-module .IB-signature .breakline {
            display: none;
        }
    }

    @media (min-width: 768px) {
        .IB-owner-module {
            padding-top: 8px;
            padding-bottom: 8px;
        }

            .IB-owner-module .IB-signature {
                text-align: center;
                line-height: 26px;
                margin-bottom: 0px;
            }

            .IB-owner-module .IB-sitemaker {
                text-align: right;
            }
    }


    /*==========end-of-owner-signature==========*/


    /*===============WELLS===============*/

    .well {
        padding: 10px;
        display: table;
        width: 100%;
        border: 1px solid #fff;
        border-radius: 0;
    }

        .well > .IB-icon {
            display: table-cell;
            width: 40px;
            text-align: center;
            vertical-align: top;
            color: #6a981c;
            font-size: 24px;
        }

        .well > .IB-txt {
            display: table-cell;
            padding-top: 6px;
        }

            .well > .IB-txt p:last-child {
                margin-bottom: 0px;
            }

        .well.IB-info {
            background-color: #f2f2f2;
            border: 1px solid #6f7073;
            border-left: 10px solid #6f7073;
        }

            .well.IB-info > .IB-icon {
                color: var(--color-primary);
            }

        .well.IB-success {
            background-color: #e0ecdb;
        }

            .well.IB-success > .IS-icon {
                color: #6a981c;
            }

        .well.IB-warning {
            background-color: #fcf8e3;
        }

            .well.IB-warning > .IB-icon {
                color: #f49b33;
            }

        .well.IB-error {
            background-color: #f2e7e7;
        }

            .well.IB-error > .IB-icon {
                color: #a94442;
            }

    /*==========end-wells==========*/

    /************* alerts ***************/

    .alert-heading .fas,
    .alert-heading .fal,
    .alert-heading .far {
        font-size: 24px;
        padding-right: 15px;
        ;
    }


    /************* lang ***************/

    .IS-langbtn .IS-icon {
        font-size: 18px;
        color: #92caef;
    }

    .IS-langbtn .IS-label {
        font-size: 10px;
    }

    .IS-langbtn .IS-lang {
        text-align: center;
        width: 22px
    }

        .IS-langbtn .IS-lang .IS-icon {
            height: 18px;
        }


    .IS-langbtn ul.dropdown-menu {
        width: 100%;
        border-radius: 0px;
        border-color: #fff;
    }

    .IS-langbtn .dropdown-menu {
        width: 200px;
    }

        .IS-langbtn .dropdown-menu > li {
            text-align: center;
            border: none;
        }

            .IS-langbtn .dropdown-menu > li > a {
                padding: 8px 20px;
            }

    @media (max-width: 767px) {
        .IS-langbtn .IS-lang {
            font-size: 12px;
        }
    }


    @media (max-width: 320px) {
        .IB-headermenu-mod .nav-pills > li.IS-langbtn > a {
            padding-right: 1px;
            padding-left: 1px;
        }

        .IB-headermenu-mod .nav li.IS-langbtn {
            border-right: 0px;
        }
    }

    .modal.PM-modal .modal-content .modal-header {
        background-color: transparent;
        height: 60px;
        padding: 0;
        border: 0;
    }

    .modal-dialog.modal-lg .modal-content .modal-header .close,
    .modal-dialog.modal-lg .modal-content .modal-header .close:active,
    .modal-header .close {
        padding: 15px;
    }

    .modal-dialog.modal-md .modal-content .modal-header .close {
        padding: 0;
    }

    .modal ul.nav {
        margin-bottom: 20px;
    }

    .IB-trf-multi-table.table > tbody > tr > td {
        vertical-align: middle;
    }

    #accordionAddBen .panel-title {
        color: #015697;
    }

        #accordionAddBen .panel-title a:hover,
        #accordionAddBen .panel-title a:focus,
        #accordionAddBen .panel-title a:active {
            text-decoration: none;
        }

    @media (max-width: 767px) {
        #no-more-tables .IB-trf-multi-table td:not(:last-child) {
            padding-left: 30%;
        }

        #IB-trfmulti-panel .bob-footer-buttons .btn {
            margin-bottom: 4px;
        }

        .IB-modal-trfmulti .nav-tabs.nav-justified > li {
            display: table-cell;
            width: 1%;
        }

            .IB-modal-trfmulti .nav-tabs.nav-justified > li > a {
                border-bottom: 1px solid #dddddd;
                border-radius: 4px 4px 0 0;
            }

            .IB-modal-trfmulti .nav-tabs.nav-justified > li > a {
                margin-bottom: 0;
                padding: 10px 6px;
            }

        .IB-modal-trfmulti .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus {
            border-bottom-color: #ffffff;
        }
    }

    @media (max-width: 480px) {
        #no-more-tables .IB-trf-multi-table td:not(:last-child) {
            padding-left: 8px;
            padding-top: 30px;
        }
    }
























    /*=================================
  NEW STYLES
  =================================*/

    /*Operações Frequentes*/


    .IB-hp-operfreq-mod .btn {
        width: 100%;
        background-color: #fde2d5;
        border: 0px solid transparent;
        margin-bottom: 12px;
    }

        .IB-hp-operfreq-mod .btn:hover,
        .IB-hp-operfreq-mod .btn.IB-new-oper:hover {
            color: #ffffff;
            background-color: var(--color-primary);
        }

            .IB-hp-operfreq-mod .btn:hover .IB-btn .IB-txt h5,
            .IB-hp-operfreq-mod .btn:hover .IB-btn .IB-icon .fal {
                color: #ffffff;
            }

        .IB-hp-operfreq-mod .btn h5 {
            color: var(--color-primary);
            text-transform: uppercase;
            margin-bottom: 0px;
        }

        .IB-hp-operfreq-mod .btn .IB-icon .fa {
            font-size: 28px;
            color: var(--color-primary);
        }

        .IB-hp-operfreq-mod .btn.IB-new-oper {
            background-color: #fff;
            border: 1px solid var(--color-primary);
        }

    .IB-hp-operfreq-mod {
        margin-bottom: 30px;
        color: #000;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
        margin-top: 20px;
    }

        .IB-hp-shortcuts-menu-mod .btn .IB-btn h4,
        .IB-hp-operfreq-mod .btn .IB-btn h5 {
            font-size: 18px;
            color: var(--color-primary);
            font-weight: bold;
            text-transform: none;
        }

        .IB-hp-shortcuts-menu-mod a.btn:hover .IB-btn p,
        .IB-hp-shortcuts-menu-mod a.btn:hover .IB-btn h4,
        .IB-hp-shortcuts-menu-mod a.btn:hover .IB-icon,
        .IB-hp-operfreq-mod .btn .IB-btn:hover .IB-icon {
            color: #fff;
        }

    .IB-hp-shortcuts-menu-mod .btn .IB-btn p {
        font-size: 12px;
        line-height: 1.2;
        color: #717372;
    }

    .table .bob-actions {
        text-align: right;
    }


    #no-more-tables-1col .bob-td-title {
        background-color: #fff;
    }

    #modal-icon .modal-body {
        padding: 10px 4px 0px 4px;
    }

    .Modal-link a {
        color: var(--color-primary);
        text-decoration: underline;
    }

    .Modal-link {
        margin: 15px 10px;
    }

    .panel-default.mob-panel-out .bob-pagination .btn-default {
        margin-right: 0px;
    }


    #gotop .topo {
        text-align: center;
        color: var(--color-primary);
        font-size: 18px;
        text-decoration: none;
    }

        #gotop .topo:hover,
        #gotop .topo:active {
            color: #000;
            text-decoration: none;
        }

    .btn-icon-choose .btn {
        padding: 2px;
        height: 38px;
    }

        .btn-icon-choose .btn .fa {
            font-size: 18px;
        }

    @media (min-width: 420px) {
        .btn-icon-choose .btn {
            padding: 2px;
            height: 48px;
        }

            .btn-icon-choose .btn .fa {
                font-size: 24px;
            }
    }

    /*=============NO-MORE-TABLES-mx479px=============*/
    @media (max-width: 767px) {

        /* Force table to not be like tables anymore */
        #no-more-tables-mx767-2-1 table,
        #no-more-tables-mx767-2-1 thead,
        #no-more-tables-mx767-2-1 tbody,
        #no-more-tables-mx767-2-1 th,
        #no-more-tables-mx767-2-1 td,
        #no-more-tables-mx767-2-1 tr {
            display: block;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        #no-more-tables-mx479 thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        #no-more-tables-mx767-2-1 tr {
            border: 1px solid #ccc;
        }

        #no-more-tables-mx767-2-1 td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 10px;
            white-space: normal;
            text-align: left;
        }
    }
    /*---*/

    @media (max-width: 991px) {
        .bob-header-mainpanel {
            margin-top: 20px;
        }

        .bob-page-steps.col-xs-12 > ol {
            width: 100%
        }

        .IB-top-bar .IB-target,
        .IB-top-bar .IB-userbtn,
        .IB-top-bar .IB-logoutbtn .IB-logout,
        .IB-top-bar .IB-langbtn {
            display: none;
        }

        .IB-top-bar .IB-headermenu-mod {
            margin-top: 0px;
        }

        .IB-headermenu-mod .nav {
            float: none;
            margin-right: 0px;
            text-align: center;
            padding: 10px 0;
        }

            .IB-headermenu-mod .nav li {
                border-right: 0px solid transparent;
                text-align: center;
            }

        .IB-headermenu-mod .nav-pills > li > a {
            padding: 0;
            text-align: center;
        }

        .IB-top-bar .IB-logoutbtn .IB-icon {
            color: var(--color-primary);
        }

        .IB-top-bar .IB-page-container {
            padding: 0px;
        }

        .IB-top-bar .row > div {
            padding-right: 0;
        }

        .IB-top-bar .IB-page-container > .row {
            display: table;
            width: 100%;
            margin: 0px;
            box-shadow: none;
        }

            .IB-top-bar .IB-page-container > .row > div {
                display: table-cell;
                vertical-align: middle;
                width: auto;
                float: none;
                text-align: center;
            }

                .IB-top-bar .IB-page-container > .row > div:first-child {
                    width: 48px;
                }

        .IB-top-bar .IB-mainlogo {
            display: none;
        }

        .IB-top-bar:not(.IB-homepage) .IB-mainlogo img {
            display: none;
        }

        .IB-top-bar .IB-page-container > .row > div:last-child {
            width: 48px;
        }

        .mob-btn-nav {
            float: right;
            margin-right: 15px;
            margin-top: 8px;
            margin-bottom: 8px;
            background-color: transparent;
            background-image: none;
            border: 1px solid #fff;
            border-radius: 0;
        }
    }

    @media (min-width: 992px) {

        body {
            background-color: #ffffff;
        }

        .IB-hp-operfreq-mod .btn .IB-txt {
            text-align: center;
            display: table;
            width: 100%;
        }

            .IB-hp-operfreq-mod .btn .IB-txt h5 {
                vertical-align: middle;
                height: 30px;
                text-align: center;
                white-space: normal;
            }

        .IB-hp-operfreq-mod .btn .IB-txt {
            text-align: center;
        }
    }

    .footerCell {
        text-align: center;
    }

    @media (max-width: 767px) {
        .IB-pesqmob .radio > label {
            padding-left: 0px;
            width: 100%;
        }

        .IB-NewOper .mob-panel-out {
            margin-bottom: 0px;
        }

            .IB-NewOper .mob-panel-out .form-group {
                margin-bottom: 0px;
            }

        .IB-contas-detalhe-content > .panel-default > .panel-body {
            border-bottom: 1px solid #b8d0e0;
        }

        #no-more-tables-1col .table > tbody > tr > td {
            border-top: 0px solid transparent;
        }

        #no-more-tables-1col .table {
            margin-bottom: 10px;
            margin-top: 10px;
        }

            #no-more-tables-1col .table > tbody > tr > td {
                padding: 4px 8px;
            }

        #no-more-tables-mx767-2-1.IB-hp-pos-geral table {
            margin-bottom: 0px;
        }

        #no-more-tables-mx767-2-1.IB-hp-pos-geral thead,
        #no-more-tables-mx767-2-1.IB-hp-pos-geral tfoot {
            display: none;
        }

        #no-more-tables-mx767-2-1.IB-hp-pos-geral .table-striped > tbody > tr:nth-of-type(odd),
        #no-more-tables-mx767-2-1.IB-hp-pos-geral .table-striped > tbody > tr:hover {
            background-color: #fff;
        }

        #no-more-tables-mx767-2-1.IB-hp-pos-geral td {
            border-bottom: 0px solid #fff;
        }

            #no-more-tables-mx767-2-1.IB-hp-pos-geral td:first-child {
                border-bottom: 0px solid #fff;
                padding: 2px 0px;
            }

            #no-more-tables-mx767-2-1.IB-hp-pos-geral td:last-child {
                font-size: 18px;
                color: var(--color-primary);
                line-height: 1.42857143;
                padding: 0px;
                text-align: right;
            }

        #no-more-tables-mx767-2-1.IB-hp-pos-geral tr {
            border: 0px solid transparent;
            border-bottom: 1px solid #dedede;
        }

        .IB-hp-shortcuts-menu-mod .IB-btn .list-group-item-text {
            display: none;
        }

        #no-more-tables .IB-mov-mob td:before {
            content: none;
        }

        #no-more-tables table.IB-mov-mob tr {
            height: 56px;
            border: 0px solid transparent;
            border-bottom: 1px solid #dedede;
        }

        #no-more-tables table.IB-mov-mob td {
            border-bottom: 0px solid transparent;
        }

            #no-more-tables table.IB-mov-mob td.W-Data {
                width: 50%;
                padding-left: 0px;
                top: 28px;
                color: #8c8c8c;
                padding: 2px 0px 6px 0px;
            }

            #no-more-tables table.IB-mov-mob td.W-Descricao {
                padding-left: 0px;
                top: -28px;
                font-size: 14px;
                color: #454545;
                text-transform: uppercase;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 8px 0px 0px 0px;
                font-family: "Montserrat Regular", sans-serif;
                font-weight: bold;
            }

            #no-more-tables table.IB-mov-mob td.W-Montante {
                width: 100%;
                text-align: right;
                top: -28px;
                padding: 0px 0px 8px 0px;
                color: var(--color-primary);
                font-size: 18px;
                line-height: 1.42857143;
                height: 28px;
            }

        #no-more-tables .mob.table-striped > tbody > tr:nth-of-type(odd) {
            background-color: #ffffff;
        }

        .panel-default.mob-panel-out {
            border: 0px solid transparent;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .panel-default.mob-panel-out .panel-heading {
                display: none;
            }

            .panel-default.mob-panel-out .panel-body {
                padding: 10px;
            }

            .panel-default.mob-panel-out #paginacaoTop .bob-pagination {
                display: none;
            }

            .panel-default.mob-panel-out .bob-pagination {
                padding: 0px 0px 20px 0px;
            }

        .IB-table-AP thead {
            display: none;
        }

        .IB-table-AP tbody tr td {
            display: block;
            width: 100%;
        }

            .IB-table-AP tbody tr td:last-child {
                font-size: 18px;
                line-height: 1.42857143;
                color: var(--color-primary);
            }

        .IB-hp-operfreq-mod .btn {
            width: 100%;
            border: 0px solid transparent;
            margin-bottom: 15px;
        }

        .IB-hp-operfreq-mod h4 {
            text-transform: uppercase;
        }

        #no-more-tables td {
            border-bottom: 0px solid transparent;
        }

        #no-more-tables #bob-selbenef tr td {
            padding-top: 6px;
            padding-bottom: 2px;
        }

            #no-more-tables #bob-selbenef tr td:last-child {
                padding-left: 0px;
                text-align: center;
            }

        .IB-gerir-benef-content #no-more-tables tr > td:not(:last-child) {
            padding-top: 4px;
            padding-bottom: 4px;
        }

        .IB-gerir-benef-content #no-more-tables .table {
            margin-bottom: 0px;
        }

        .table-striped > tbody > tr:nth-of-type(odd) {
            background-color: #fff;
        }

        .IB-gerir-benef-content #no-more-tables tr {
            border: 0px solid transparent;
            border-bottom: 1px solid #9ecbe3;
        }

        #no-more-tables.bob-table-t3 .bob-td-actions {
            border-bottom: 1px solid #9ecbe3;
        }
    }

    @media only screen and (max-width: 539px) {
        #no-more-tables-1col .table > tbody > tr > td {
            border-bottom: 0px solid transparent;
            padding: 0px 10px;
        }

            #no-more-tables-1col .table > tbody > tr > td:last-child {
                padding-bottom: 6px;
            }

        #no-more-tables-1col tr {
            border: 0px solid transparent;
        }

        .IB-gerir-benef-content #no-more-tables tr > td:not(:last-child) {
            padding-left: 30%;
        }
    }

    @media only screen and (max-width: 500px) {

        .B-login-area .input-group {
            width: 100% !important;
        }
    }


    @media (min-width: 768px) {
        .IB-hp-shortcuts-menu-mod .btn {
            min-height: 96px;
        }

        .B-titlePub-Ad {
            display: none;
        }
    }

    @media (max-width: 767px) {
        .IB-hp-operfreq-mod .btn .IB-btn > div {
            display: inline-block;
            padding: 5px;
        }

        .B-titlePub-Ad {
            color: #fff;
            text-transform: uppercase;
            display: block;
            font-size: 16px;
            padding: 10px;
            border-bottom: 1px solid #fff;
            background-color: #000;
        }
    }

    @media (max-width: 540px) {
        .IB-hp-shortcuts-menu-mod .btn .IB-btn {
            margin-left: 40px;
            padding-right: 0px;
            width: 40%;
            font-size: x-large;
            min-height: 80px;
        }

        .IB-hp-shortcuts-menu-mod .row {
            display: flex;
            flex-direction: column;
        }

        .B-Pub {
            order: 2;
        }

        .B-Messages {
            order: 1;
        }

        .B-Pub,
        .B-Messages {
            width: 100%;
        }

        .IB-hp-shortcuts-menu-mod .btn .IB-btn .IB-icon {
            font-size: x-large;
        }
    }


    @media (min-width: 992px) {
        .IB-top-bar .col-nav {
            display: none;
        }

        .IB-hp-shortcuts-menu-mod .btn .IB-btn,
        .IB-hp-operfreq-mod .btn .IB-btn {
            text-align: center;
            display: table;
            width: 100%;
            padding-top: 15px;
        }

            .IB-hp-shortcuts-menu-mod .btn .IB-btn > div,
            .IB-hp-operfreq-mod .btn .IB-btn > div {
                vertical-align: middle;
                height: 30px;
                white-space: normal;
            }

            .IB-hp-shortcuts-menu-mod .btn .IB-btn .IB-icon,
            .IB-hp-operfreq-mod .btn .IB-btn .IB-icon {
                width: 32px;
                text-align: center;
                color: var(--color-primary);
                display: table-header-group;
                font-size: xx-large;
            }

            .IB-hp-shortcuts-menu-mod .btn .IB-btn .IB-txt,
            .IB-hp-operfreq-mod .btn .IB-btn .IB-txt {
                text-align: center;
            }

        .IB-hp-shortcuts-menu-mod .btn {
            min-height: 64px;
            padding: 2px 6px;
        }


            .IB-hp-shortcuts-menu-mod .btn .IB-btn h4 {
                font-size: 18px;
                color: var(--color-primary);
                font-weight: bold;
                text-transform: none;
            }

            .IB-hp-shortcuts-menu-mod .btn .IB-btn p {
                font-size: 12px;
                line-height: 1.2;
                color: #717372;
            }

        .IB-hp-shortcuts-menu-mod a.btn:hover .IB-btn p,
        .IB-hp-shortcuts-menu-mod a.btn:hover .IB-btn h4,
        .IB-hp-shortcuts-menu-mod a.btn:hover .IB-icon,
        .IB-hp-operfreq-mod .btn .IB-btn:hover .IB-icon {
            color: #fff;
        }
    }

    .ma5menu__header .logo {
        margin: 12px 0;
        width: 150px;
    }


    .ma5menu__header .ma5menu__toggle {
    }

        .ma5menu__header .ma5menu__toggle .fa-close {
            font-size: 24px;
        }

    .ma5menu__header .ma5menu__lang {
        top: 0;
        left: 0px;
        width: 60px;
        height: 60px;
        color: #ffffff;
        background-color: transparent;
        font-size: 18px;
        font-size: 14px;
        font-family: "Montserrat Regular", sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
    }

    .ma5menu__header .ma5menu__msg {
        top: 0;
        left: 0px;
        width: 60px;
        height: 60px;
        background-color: transparent;
        font-size: 14px;
        font-family: "Montserrat Regular", sans-serif;
        text-transform: uppercase;
        padding-top: 15px;
    }

    .ma5menu__header .sem_msg {
        color: #9c9e9d !important;
    }

    .ma5menu__header .com_msg {
        color: var(--color-primary) !important;
    }

        .ma5menu__header .sem_msg .fal,
        .ma5menu__header .com_msg .fal {
            display: none;
        }

        .ma5menu__header .sem_msg img,
        .ma5menu__header .com_msg img {
            margin-top: -4px
        }

    .ma5menu__header .ma5menu__msg .count {
        position: absolute;
        font-size: 14px;
        top: 6px;
    }

    .ma5menu__header .ma5menu__lang .fa {
    }

    .ma5menu__header .ma5menu__lang .label-lang {
        font-size: 12px;
        display: block;
        line-height: 14px;
    }

    .ma5menu__header .ma5menu__lang:hover,
    .ma5menu__header .ma5menu__msg:hover {
        text-decoration: none;
    }


    .ma5menu-lang-menu {
        z-index: 2000;
    }

    .IB-login.IB-top-bar .IB-logoutbtn,
    .IB-login.IB-top-bar .mob-btn-nav {
        display: none;
    }

    .B-login {
        background-color: var(--color-background);
        min-height: 493px;
    }

    .IB-form-login {
        box-shadow: none;
        background-color: white;
    }

    .B-login .bob-header-mainpanel {
        padding-left: 10px;
        margin-top: 35px;
    }

    .B-login-area {
        padding: 20px 25px 20px 40px;
    }

    .B-titlePub {
        display: none;
    }

    .B-login-area .input-group {
        position: relative;
        border-collapse: separate;
        width: 70%;
        margin-bottom: 25px;
    }

    .form-group .group-registo {
        padding-top: 20px;
        margin-top: 30px;
    }

        .form-group .group-registo a {
            color: var(--color-primary);
        }

    .B-login-area .IB-registo {
        text-align: right;
    }

    #phoneDiv .IB-phone1,
    #phoneDiv .IB-phone2 {
        padding-left: 0;
        padding-right: 0;
        width: auto;
    }

    .B-loginPub {
        text-align: center;
        margin-top: 20px;
    }

    @media (min-width: 550px) and (max-width: 767px) {
        .B-loginPub {
            display: flex;
            margin: 20px 0;
        }

            .B-loginPub .IB-Ad {
                padding-right: 20px;
                margin-bottom: 0;
            }
    }

    @media (max-width: 767px) {
        .B-login-area {
            padding: 20px 20px 20px 40px;
        }

        .B-loginPub {
            margin: 20px 0;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .B-login-area {
            padding: 20px 0px 20px 40px;
        }
    }


    @media (max-width: 991px) {
        .IB-login.IB-top-bar .IB-langbtn,
        .IB-login.IB-top-bar .IB-target {
            display: block !important;
            float: left;
        }

        .IB-login.IB-top-bar .IB-target {
            padding: 6px 12px;
        }

        .IB-login.IB-top-bar .IB-headermenu-mod .IB-target > div {
            display: block;
        }

        .IB-login.IB-top-bar .IB-page-container > .row > div:first-child,
        .IB-login.IB-top-bar .IB-page-container > .row > div:last-child {
            width: auto;
        }

        .IB-login.IB-top-bar .IB-page-container .IB-mainlogo {
            text-align: left;
            margin-left: 15px;
        }

        .IB-login.IB-top-bar .IB-page-container .nav-pills {
            float: right;
        }

        .IB-login.IB-top-bar .IB-headermenu-mod .nav li {
        }

        .IB-login.IB-top-bar .IB-headermenu-mod .nav-pills > li > a {
            border-radius: 0px;
            padding: 5px 14px;
        }

        .IB-login.IB-top-bar .IB-target > div {
            font-size: 16px;
        }

        .B-titlePub {
            color: #fff;
            text-transform: uppercase;
            display: block;
            font-size: 16px;
            padding: 10px;
            border-bottom: 1px solid #fff;
            background-color: #000;
        }

        .form-group .group-registo {
            line-height: 30px;
        }

        .B-login-area .IB-registo {
            text-align: left;
        }
    }


    /*=============Widgets=============*/


    .ui-widget-header {
        border: 1px solid #000;
        background: #000 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
        color: #fff;
        font-weight: bold;
    }

    .ui-corner-all {
        border-radius: 0;
    }


    /*=============Product-Carteira=============*/

    .header-detail {
        background-color: #494949 !important;
        width: 100%;
    }

    .header-title {
        color: #d0d0d0;
        font-weight: 600;
        font-size: 18px;
        font-family: "Montserrat Regular", sans-serif;
    }

    .IB-wallet .header-title {
        padding: 10px 15px;
    }

    .product-title {
        color: #f26921;
        font-size: 24px;
        border-bottom: 1px solid #d9d9d9;
        padding: 20px;
        margin-bottom: 10px;
    }

    .product-title {
        color: #f26921;
        font-size: 24px;
        border-bottom: 1px solid #d9d9d9;
        padding: 20px;
        margin-bottom: 10px;
    }

    .product-title-market {
        color: #f26921;
        font-size: 24px;
        border-bottom: 1px solid #d9d9d9;
        padding: 0 20px 20px;
        margin-bottom: 10px;
    }

    .product-type {
        color: #737476;
        font-weight: 600;
        font-size: 15px;
        padding-top: 20px;
    }

    #Reforcar {
        margin: 20px;
    }

    .IB-valor {
        color: #000;
        font-size: 34px;
        font-weight: bolder;
        padding-bottom: 20px;
    }

    .IB-remuneracao {
        color: #91c341;
        font-size: 24px;
        font-weight: bolder;
        padding-bottom: 20px;
        text-align: center;
        padding-top: 13px;
    }

    .IB-risco {
        color: #f26921;
        font-size: 24px;
        font-weight: bolder;
        padding-bottom: 20px;
        text-align: center;
        padding-top: 13px;
    }

    .IB-descritivo {
        color: #737476;
        font-weight: 400;
        font-size: 15px;
    }

    .IB-Posicao {
        color: #000;
        border-bottom: 1px solid #d9d9d9;
        border-top: 1px solid #d9d9d9;
        padding: 20px;
    }

    .Posicao-title {
        color: #000;
        font-weight: bold;
        text-transform: uppercase;
    }

    .Posicao-valor {
        font-size: 36px;
        font-weight: bold;
        font-family: "Montserrat Regular", sans-serif;
    }

    .list-group.list-caracteristicas .list-group-item,
    .list-group.list-caracteristicas-market .list-group-item {
        background-color: transparent;
        border: 0;
        font-family: "Montserrat Regular", sans-serif;
        padding-bottom: 0;
    }

    .list-caracteristicas .list-group-item-heading,
    .list-caracteristicas-market .list-group-item-heading {
        color: #5c5c5c;
        font-size: 15px;
        font-family: "Montserrat Light", sans-serif;
    }

    .list-caracteristicas .list-group-item-text,
    .list-caracteristicas-market .list-group-item-text {
        color: var(--color-primary);
        font-weight: bold;
        font-size: 15px;
    }

    .list-caracteristicas-market .form-group.subscrever {
        margin: 20px 20px 25px 15px;
        border-bottom: 1px solid #ccc;
        padding: 0 0 25px 0;
    }

        .list-caracteristicas-market .form-group.subscrever:last-of-type {
            border: 0;
        }

    .IB-Caracteristicas {
        margin-bottom: 35px;
    }

        .IB-Caracteristicas.formItem.form-group {
            padding: 10px;
        }

    .list-group.list-caracteristicas {
        padding: 25px 10px;
    }

    .IB-navSec {
    }


        .IB-navSec #info {
            text-align: center;
        }


        .IB-navSec .nav.nav-pills {
            border-top: 1px solid #dcdcdc;
            border-bottom: 1px solid #dcdcdc;
            word-break: break-all;
            text-align: center;
        }

            .IB-navSec .nav.nav-pills > li {
                float: none;
                margin: 0 auto;
                display: inline-block;
            }

                .IB-navSec .nav.nav-pills > li.active > a,
                .IB-navSec .nav.nav-pills > li > a:hover {
                    background-color: transparent;
                    color: #f26921;
                    border-top: 1px solid #f26921;
                    border-bottom: 1px solid #f26921;
                    border-radius: 0;
                }

                .IB-navSec .nav.nav-pills > li > a {
                    background-color: transparent;
                    color: #67696c;
                    text-transform: uppercase;
                }

    .tab-content {
        padding: 20px 0 35px;
    }

        .tab-content h3 {
            color: #000;
            font-weight: bold;
            text-transform: uppercase;
            font-size: 14px;
        }

    .IB-files .list-group-item {
        background-color: #ececec;
        border: 0;
    }

    .checkbox.IB-files .list-group-item {
        padding: 0;
    }

        .checkbox.IB-files .list-group-item .fal {
            font-size: 18px;
            color: #494949;
            padding-right: 8px;
        }

    .checkbox.IB-files label {
        display: block;
        line-height: 23px;
    }

    .checkbox:checked + .checkbox-list::before {
        background-color: #f26921;
        border-color: #f26921
    }

    .list-group.IB-files,
    .list-group.IB-files a {
        text-decoration: underline;
        margin-bottom: 0;
    }

    #info .row .col-xs-6 {
        border-right: 1px solid #dcdcdc;
    }

    @media (max-width: 991px) {
        .bt-product-mobile {
            background-color: #f2f6f9;
            margin-left: -20px;
            margin-right: -20px;
            display: block;
        }

        .bt-product-web {
            display: none;
        }

        .bt-product-web-subscricao {
            background-color: #f2f6f9;
            padding: 0 0 20px;
            margin-left: 0;
            margin-right: 0;
        }
    }

    @media (min-width: 992px) {
        .bt-product-mobile {
            display: none;
        }

        .bt-product-web {
            margin-left: 0;
            margin-right: 0;
            display: block;
        }

        .bt-product-web-subscricao {
            margin-left: 0;
            margin-right: 0;
            display: block;
        }

        .row.IB-wallet {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        .IB-remuneracao {
            text-align: left;
        }

        .IB-risco {
            text-align: left;
        }
    }

    /*=============PRODUCTS=============*/

    .bob-footer-mainpanel-info {
        text-align: center;
        background-color: #f2f6f9;
        padding: 25px 20px;
    }

    #collapseInfo .well,
    #collapseInfo1 .well {
        text-align: center;
        background-color: #f2f6f9;
        width: 100%;
        border: 0;
        margin: 0;
        box-shadow: none;
    }

        #collapseInfo .well .btn,
        #collapseInfo1 .well .btn {
            margin-top: 20px;
        }

    .IB-pesquisa {
        height: 80px;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background-color: #fff;
    }

    .product-titleCarousel {
        color: #000;
        font-size: 24px;
        padding-top: 10px;
        font-weight: bold;
    }

    .thumb-content .card-content {
        padding: 20px;
        min-height: 170px;
    }

    .thumb-content .card-title {
        color: #494949;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        white-space: normal;
    }

        .thumb-content .card-title .coin-txt {
            color: #f26921;
            font-size: 16px;
            font-weight: bold;
            text-transform: uppercase;
        }

        .thumb-content .card-title .item-txt {
            font-size: 14px;
            text-align: left;
            text-transform: uppercase;
        }

    .thumb-content .card-body {
        font-size: 14px;
        text-align: center;
    }

    .thumb-content .card-header {
        min-height: 80px;
    }

    .thumb-content .card-body .item-txt {
        text-transform: uppercase;
    }

    .card-content p.item-txt {
        padding-bottom: 20px;
        font-size: small;
    }

        .card-content p.item-txt:last-child {
            padding-bottom: 0;
        }

    .thumb-content .card-body .rent-txt {
        color: #8bc83f;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .thumb-content .card-body .risco-txt {
        color: #f26921;
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
    }

    .thumb-content .card-body .body-col {
        border-right: 1px solid #ccc;
    }

    .btn-all {
        background-color: transparent;
        color: #494949;
        border: 1px solid #ccc;
        padding: 15px 35px;
        float: right;
        margin-right: -15px;
    }

        .btn-all:hover,
        .btn-all-xs:hover {
            background-color: #f26921;
            color: #fff;
            border: 1px solid #f26921;
            padding: 15px 35px;
        }

    .txt-itens {
        color: #494949;
        padding: 15px 0;
        float: right;
    }

    .numb-itens {
        font-weight: bold;
        font-size: 18px;
    }

    /*------Carousel-------*/

    .carousel {
        margin: 20px auto;
        padding: 0 25px;
        overflow: hidden;
        width: 100%;
        float: left;
    }

    .carousel-all {
        margin: 20px auto 80px;
        padding: 0 25px;
        overflow: hidden;
        width: 100%;
        float: left;
    }

    .col-centered {
        float: none;
        margin: 0 auto;
    }

    .carousel-col {
        position: relative;
        min-height: 1px;
        padding: 7px;
        float: left;
    }

    .active > div {
        display: none;
    }

        .active > div:first-child {
            display: block;
        }

    .carousel .carousel-inner .item {
        max-height: 200px;
        overflow: hidden;
    }

    .carousel-header {
        border-bottom: 1px solid #d9d9d9;
        margin-bottom: 25px;
        margin-left: 0;
        margin-right: 0;
    }

    .carousel .thumb-wrapper,
    .carousel-all .thumb-wrapper {
        background: #fff;
        position: relative;
        max-height: 200px;
    }

    .carousel .thumb-content .btn,
    .carousel-all .thumb-content .btn {
        font-size: 15px;
        line-height: 16px;
        width: 100%;
    }

        .carousel .thumb-content .btn .fal,
        .carousel-all .thumb-content .btn .fal {
            font-size: 18px;
            padding-right: 10px;
        }

        .carousel .thumb-content .btn i,
        .carousel-all .thumb-content .btn i {
            font-size: 14px;
            font-weight: bold;
            margin-left: 5px;
        }

    .carousel .carousel-control {
        height: 24px;
        width: 24px;
        background: #ececec;
        margin: 0;
        border-radius: 15px;
        border: 1px solid #000;
        opacity: 0.8;
    }

        .carousel .carousel-control.left {
            left: 75%;
            top: 3%;
        }

        .carousel .carousel-control.right {
            top: 3%;
            left: 79%;
        }

        .carousel .carousel-control.left:hover {
            left: 75%;
            top: 3%;
            background: #000;
            color: #fff;
            height: 24px;
            width: 24px;
            margin: 0;
            border-radius: 15px;
            border: 1px solid #000;
            opacity: 0.8;
        }

        .carousel .carousel-control.right:hover {
            top: 3%;
            left: 79%;
            background: #000;
            color: #fff;
            height: 24px;
            width: 24px;
            margin: 0;
            border-radius: 15px;
            border: 1px solid #000;
            opacity: 0.8;
        }

        .carousel .carousel-control i:hover {
            color: #fff;
        }

        .carousel .carousel-control i {
            font-size: 20px;
            position: absolute;
            top: 50%;
            display: inline-block;
            margin: -10px 0 0 0;
            z-index: 5;
            left: 0;
            right: 0;
            color: #000;
            text-shadow: none;
        }

        .carousel .carousel-control.left i {
            margin-left: -2px;
        }

        .carousel .carousel-control.right i {
            margin-right: -2px;
        }


    #myCarousel-fundos {
        margin-bottom: 80px;
    }

    /*---bob-headerpage-icons--*/
    .bob-page-iconsProd {
        text-align: right;
        margin-right: 10px;
        margin-bottom: 15px;
        float: left;
    }

    .bob-page-iconsProd {
        color: #fff;
        background-color: var(--color-primary);
        display: block;
        width: 50px;
        height: 50px;
        border-radius: 30px;
        text-decoration: none;
    }

        .bob-page-iconsProd .fal {
            padding: 15px 13px;
            font-size: 20px;
        }

    @media (min-width: 992px) {
        .carousel-col {
            width: 25%;
        }

        .btn-all {
            display: block;
        }

        .btn-all-xs {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .carousel-col {
            width: 33%;
        }

        .carousel-indicators-product {
            text-align: left;
        }

        .carousel .carousel-control.left {
            left: 68%;
        }

        .carousel .carousel-control.right {
            left: 73%;
        }

        .carousel .carousel-control.left:hover {
            left: 68%;
            top: 3%;
            background: #000;
            color: #fff;
            height: 24px;
            width: 24px;
            margin: 0;
            border-radius: 15px;
            border: 1px solid #000;
            opacity: 0.8;
        }

        .carousel .carousel-control.right:hover {
            top: 3%;
            left: 73%;
            background: #000;
            color: #fff;
            height: 24px;
            width: 24px;
            margin: 0;
            border-radius: 15px;
            border: 1px solid #000;
            opacity: 0.8;
        }

        .btn-all {
            display: block;
        }

        .btn-all-xs {
            display: none;
        }
    }

    @media (max-width: 767px) {
        .product-titleCarousel {
            font-size: 20px;
            padding: 15px 0 0;
        }

        .carousel-all.slide .carousel-header {
            border-bottom: 0;
            margin-bottom: 25px;
            margin-left: -15px;
            margin-right: -15px;
        }

        .carousel-all.slide .txt-itens {
            color: #494949;
            padding: 15px 0;
            float: none;
            border-bottom: 1px solid #ccc;
        }

        .carousel-all .carousel-header {
            padding: 15px;
        }
    }

    @media (min-width: 601px) and (max-width: 767px) {
        .carousel .carousel-control {
            display: none;
        }

        .carousel-col {
            width: 50%;
        }

        .btn-all {
            display: block;
        }

        .btn-all-xs {
            display: none;
        }
    }

    @media (max-width: 600px) {
        .carousel .carousel-control {
            display: none;
        }

        .carousel-col {
            width: 100%;
        }

        .btn-all {
            display: none;
        }

        .btn-all-xs {
            background-color: transparent;
            color: #494949;
            border: 1px solid #ccc;
            padding: 15px 35px;
            width: 100%;
            display: block;
        }
    }




    /*---PRODUTOS-SCROLL - MOBILE--*/

    .scrolling-wrapper {
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
    }

        .scrolling-wrapper .card {
            display: inline-block;
        }

    @media (min-width: 991px) {
        .scrolling-wrapper::-webkit-scrollbar {
            display: none;
        }

        /* Hide scrollbar for IE, Edge and Firefox */
        .scrolling-wrapper {
            -ms-overflow-style: none; /* IE and Edge */
            scrollbar-width: none; /* Firefox */
        }
    }

    .scrolling-wrapper-flexbox {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
    }

        .scrolling-wrapper-flexbox .card {
            flex: 0 0 auto;
            margin-right: 3px;
        }

    .card {
        width: 275px;
        height: 211px;
        background: white;
        margin-right: 10px;
    }

    .scrolling-wrapper, .scrolling-wrapper-flexbox {
        width: 100%;
        -webkit-overflow-scrolling: touch;
    }


    /*--- Menu de Navegação Produtos - MOBILE--*/


    /* Base styles */


    a {
        text-decoration: none;
        color: #fff;
    }

    .contentWrap {
        margin-left: 20rem;
        max-width: 100%;
        display: flex;
    }

        .contentWrap .IB-arrow.fal {
            color: #fff;
            padding: 20px 5px;
            font-size: 30px;
            opacity: 40%;
        }

            .contentWrap .IB-arrow.fal.fa-caret-left {
                float: left;
            }

            .contentWrap .IB-arrow.fal.fa-caret-right {
                float: right;
            }

            .contentWrap .IB-arrow.fal:hover,
            .contentWrap .IB-arrow.fal:active {
                opacity: 100%;
            }

    /* 
  * make the menu scroll left and right 
  * If content overflows the container
  */
    .menuWrap {
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        overflow-x: hidden;
        overflow-y: hidden;
        width: -moz-available; /* WebKit-based browsers will ignore this. */
        width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
        width: fill-available;
    }

    /* 
  * allow menu items to alter their dimensions  
  * to fill available space
  */
    .menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
        margin-top: 20px;
        padding-left: 20px;
    }

    /* 
  * styles for individual menu items
  */
    .menu-item {
        /* spacing styles */
        -ms-flex-preferred-size: 120px;
        flex-basis: 170px; /* sets the initial main size of a each menu item */
        -ms-flex-negative: 0;
        flex-shrink: 0; /* don't allow menu item to shrink below 120px when there isn’t enough space on the row. */
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1; /* allow items to grow up to 150px wide if the container is big enough */
        max-width: 170px;
        height: 100px;
        /* additional styles */
        border-left: 1px solid lightgray;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }

        .menu-item:last-of-type {
            border-right: 1px solid lightgray;
        }

        .menu-item .fal {
            font-size: 32px;
            padding-bottom: 10px;
        }

        .menu-item a {
            text-align: center;
            display: inline-block;
            width: 100%;
            padding: 0 10px;
            display: block;
            width: 100%;
            height: 100%;
            padding-top: 2rem;
        }

            .menu-item:hover,
            .menu-item a:hover,
            .menu-item.active,
            .menu-item.active a,
            .menu-item:visited a,
            .menu-item:focus a,
            .menu-item a:focus,
            .menu-item:focus,
            .menu-item:visited,
            .menu-item:active {
                background: #fff;
                color: var(--color-primary);
            }

    .bob-page-title .page-subtitle {
        font-size: 13px;
        opacity: 40%;
        text-transform: none;
        line-height: 20px;
        font-weight: normal;
    }

    .IB-pesquisa .header-detail {
        background-color: #fff !important;
        width: 100%;
    }

    @media (max-width: 767px) {
        .menuWrap {
            overflow-x: scroll;
            overflow-y: hidden;
        }

        .bob-header-marketpanel .bob-page-title {
            padding-left: 0px;
            padding-right: 0px;
        }

        .bob-header-marketpanel #page_title {
            display: none;
        }

        .contentWrap {
            margin-left: 0;
            max-width: 100%;
            display: block;
        }

            .contentWrap .IB-arrow {
                display: none;
            }

        .menu {
            padding-left: 0;
        }

        .menu-item {
            flex-basis: 100px;
            max-width: 150px;
            padding-top: 1rem;
            border-left: 0;
        }

            .menu-item ~ .menu-item {
                border-left: 1px solid lightgray;
            }

            .menu-item:last-of-type {
                border-right: 0;
            }

            .menu-item a {
                padding: 0 15px;
            }

            .menu-item .fal {
                font-size: 28px;
            }
    }


    /*------------------FILTROS-----------------------*/

    .filters-results {
        background-color: #fff;
        padding: 20px 0px;
    }

        .filters-results .tag_list {
            display: inline-block;
            vertical-align: top;
            padding: 0 10px;
            border-right: 1px solid #c0c5ca;
            position: relative;
            font-size: 15px;
            font-weight: 200;
            color: #818b95;
        }

    .tag_list:last-of-type {
        border-right: 0;
    }

    .filters-results .tag_list span {
        cursor: pointer;
    }

    .filters-results .IB-btnPesq {
        float: left;
        width: 100%;
    }

    .header-detail .IB-title {
        color: var(--color-primary);
        text-transform: uppercase;
        font-size: 15px;
        padding: 0 10px;
        margin-top: 5px;
    }

    /*.dropdown-menu {*/
    .filters-results .IB-filter.dropdown-menu {
        left: 15px;
        min-width: 400px;
        overflow-y: auto;
        border-radius: 0;
        margin-top: 20px;
    }

    .open > .dropdown-toggle.btn-primary:focus {
        color: #fff;
        background-color: var(--color-primary);
        border-color: var(--color-primary);
    }

    .open > .dropdown-toggle.btn-primary,
    .open > .dropdown-toggle.btn-primary:active,
    .open > .dropdown-toggle.btn-primary:hover {
        color: #fff;
        background-color: var(--color-secundary);
        border-color: transparent;
    }

    .IB-filter-Col .form-group {
        margin: 15px 45px 25px 25px;
    }

    .IB-filter-Tit {
        margin: 0 0 10px 25px;
    }

        .IB-filter-Tit a {
            color: var(--color-primary);
            font-weight: bold;
            margin-bottom: 15px;
            font-size: 16px;
        }

    .IB-filter-Col .form-group > label {
        font-weight: bold;
        font-size: 14px;
        text-transform: none;
    }

    .btn-rent.btn-group {
        display: flow-root;
    }

        .btn-rent.btn-group .btn {
            color: #52585d;
            width: 5%;
            font-size: 14px;
            border-color: #ccc;
            text-align: center;
            padding-left: 10px;
        }

            .btn-rent.btn-group .btn:hover,
            .btn-rent.btn-group .btn.active {
                color: #fff;
                text-align: center;
                background-color: var(--color-primary);
            }

    input[type="range"] {
        height: 3px;
        margin: auto;
        transition: all 0.3s ease;
    }

    output {
        display: block;
        color: var(--color-primary);
        font-weight: bold;
    }

    .containerSlider {
        margin: auto;
        text-align: center;
        margin-top: 10px;
    }

    .IB-input-group-filters-btn {
        margin: 15px 25px;
    }

        .IB-input-group-filters-btn .IB-btnLimpar {
            margin-right: 10px;
        }


    @media (max-width: 767px) {

        /*.dropdown-menu {*/
        .filters-results .IB-filter.dropdown-menu {
            margin: 0;
            position: initial;
        }

        .IB-filter-Col .form-group {
            margin: 15px 25px 25px 25px;
        }

        .IB-pesquisa .header-detail .filters-results {
            padding: 0 0 20px 0px;
        }

        .IB-input-group-filters-btn .IB-btnLimpar {
            margin-bottom: 10px;
        }

        .IB-input-group-filters-btn {
        }
    }
    /*------------------DETALHE DE PRODUTO - MARKET-----------------------*/

    /* Rating styles */
    .rating {
        font-size: 25px;
        overflow: hidden;
        text-align: left;
        padding-top: 20px;
    }

        .rating input {
            float: right;
            opacity: 0;
            position: absolute;
        }

        .rating,
        .rating label {
            float: right;
            color: orange;
            text-decoration: none;
            -webkit-transition: color .4s;
            -moz-transition: color .4s;
            -o-transition: color .4s;
            transition: color .4s;
        }

    .rating2 {
        direction: rtl;
        float: left;
    }

        .rating2 a {
            float: none
        }

    /*-------*/

    .product-rating {
        color: #737476;
        font-weight: 600;
        font-size: 15px;
        margin-top: 27px;
        margin-left: 10px;
    }

    .rating-star {
        display: flex;
    }

    .list-caracteristicas-market .Tit-group {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        padding-left: 18px;
    }

    .list-caracteristicas-market .form-control {
        margin-bottom: 15px;
    }

    .list-group.list-caracteristicas-market {
        padding: 0 10px;
        border-right: 1px solid #ccc;
    }

        .list-group.list-caracteristicas-market:last-child {
            border-right: none;
        }

    .list-caracteristicas-market .list-group-item-text-positivo {
        color: #8dc63f;
    }

    #Carousel {
        margin: 20px 0 0;
        padding: 0 20px;
    }

        #Carousel .btn-back {
            background-color: transparent;
            color: #494949;
            border: 1px solid #ccc;
            padding: 15px 25px;
            float: right;
            margin-right: 10px;
        }

            #Carousel .btn-back:hover {
                background-color: #f26921;
                color: #fff;
            }


    /* three dots */

    .IB-dots .dropbtn {
        background-color: transparent;
        color: #494949;
        border: 1px solid #ccc;
        cursor: pointer;
        width: 50px;
        padding-left: 22px;
        font-size: 40px;
        float: right;
    }

        .IB-dots .dropbtn:hover,
        .IB-dots .dropbtn:focus {
            background-color: var(--color-primary);
            color: white;
        }

    .IB-dots.dropdown {
        position: absolute;
        display: inline-block;
    }

    #myDropdown.dropdown-content {
        display: none;
        position: relative;
        background-color: #f9f9f9;
        min-width: 160px;
        overflow: auto;
        box-shadow: none;
        z-index: 1;
        right: 95px;
    }

        #myDropdown.dropdown-content a {
            color: var(--color-primary);
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            border-bottom: 1px solid #ccc;
            text-align: center;
            right: 95px;
        }

            #myDropdown.dropdown-content a:hover {
                color: #fff;
                background-color: var(--color-primary);
            }

    .IB-dots.dropdown a:hover {
        background-color: #f1f1f1
    }




    @media (min-width: 768px) {
        .carousel-header .IB-dots {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .list-caracteristicas-market .list-group-item-text {
            display: block;
        }
    }

    @media (max-width: 767px) {
        .list-caracteristicas-market {
            margin-top: 20px;
        }

        .carousel-header .IB-btns {
            display: none;
        }

        #Carousel .IB-btns-subscrever .btn-all {
            display: none;
        }

        #Carousel .IB-btns-subscrever .btn-back {
            margin-right: 0;
            padding: 18px 25px;
        }

        .list-caracteristicas-market .form-group.subscrever {
            margin: 20px 20px 0 15px;
            border-bottom: 1px solid #ccc;
            padding: 0 0 25px 0;
        }

        .list-caracteristicas-market .content-area {
            margin-top: 25px;
            border-bottom: 1px solid #ccc;
        }

        #Carousel {
            padding: 0;
        }
    }

    /*------------------VIDEO-----------------------*/


    .responsive-video iframe {
        height: 100%;
        width: 100%;
    }

    .B-login-area .input-group.responsive-video {
        width: 100%;
        padding-right: 100px !important;
        padding-bottom: 100px !important;
        padding-left: 100px !important;
    }

    .B-login-area .VideoTitulo {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 18pt;
        font-weight: bold;
        color: #000;
        text-align: center;
    }

    .B-login-area .VideoSub-Titulo {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 16pt;
        color: #000;
        text-align: center;
    }

    .B-login-area .VideoText {
        font-family: "Montserrat Regular", sans-serif;
        font-size: 14pt;
        color: var(--color-primary);
        font-weight: light;
        text-align: center;
    }

    .B-login-area .VideoImage {
        padding: 45px;
        text-align: center;
    }

        .B-login-area .VideoImage .img-responsive {
            display: initial !important;
        }

    #sub-frame-error {
        background-color: #000 !important;
    }
