/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(583,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(590,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(595,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(601,17): run-time error CSS1039: Token not allowed after unary operator: '-white'
(607,17): run-time error CSS1039: Token not allowed after unary operator: '-green-footer'
(628,28): run-time error CSS1039: Token not allowed after unary operator: '-whatsapp-support-bg'
(629,17): run-time error CSS1039: Token not allowed after unary operator: '-whatsapp-support'
(633,28): run-time error CSS1039: Token not allowed after unary operator: '-whatsapp-sales-bg'
(634,17): run-time error CSS1039: Token not allowed after unary operator: '-whatsapp-sales'
 */
:root {
    --white: #FFF;
    --green-footer: #25D366;
    --whatsapp-support-bg: #D8F0DF;
    --whatsapp-support: #1F6B3A;
    --whatsapp-sales-bg: #E6DCF5;
    --whatsapp-sales: #5B3A8C;
}

#header.navbar-default .navbar-toggle {
    padding: 1.4rem 6px 0 6px;
    margin: 5px 1rem 0 0;
    float: right;
    background-color: #fff;
    z-index: 99;
}

#header.navbar-default .navbar-toggle .icon-bar {
    width: 1.2rem;
    background-color: #428bca;
}

#header.navbar-default .navbar-toggle .icon-bar + .icon-bar { margin-top: 2px; }

#header.navbar-default .navbar-toggle:hover,
#header.navbar-default .navbar-toggle:focus {
    background-color: #FFF;
    outline: none;
}

#header .navbar-header { float: right; }

#header .navbar-default .navbar-nav > li > a:hover,
#header .navbar-default .navbar-nav > li > a:focus { color: #000; }

/*MOBILE NAV*/
.btn-mobile-nav {
    border: none;
    cursor: pointer;
    display: none;
    border-radius: 3px;
    background: #fff;
    padding: 0px 1rem;
    margin-top: 8px;
    margin-right: 8px;
}

    .btn-mobile-nav .icon-mobile-nav {
        font-size: 2.5rem;
        width: 2.5rem;
        color: #333;
    }

        .btn-mobile-nav .icon-mobile-nav[name="close-outline"] {
            display: none;
        }

/* HEADER */
#header {
    border-bottom: 5px solid #f68515;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-color: #fff;
    margin-bottom: 0;
    z-index:1000;
}

#header .logo {
    width: 25rem;
    height: 7rem;
    top: 3.2rem;
    left: 1.5rem;
    display: block;
    text-indent: -999.9rem;
    overflow: hidden;
    position: absolute;
    z-index: 10;
}

#header .container {
    height:  12.8rem;
    position: relative;
    background: no-repeat;
}

#header .icon-user {
    display: none;
    position: absolute;
    top: 4px;
    width:  3.5rem;
    height:  3.5rem;
    display: block;
    overflow: hidden;
    color: #fff;
}

#header .icon-user::before {
    font-family: 'Font Awesome 6 Pro';
    content: "\f007";
    font-weight: 300;
    font-size: 3rem;
}

/* MAIN  MENU*/

#header .main-menu {
    position: absolute;
    top: 5.4rem;
    left: 27rem;
}

#header .navbar-collapse {
    min-height:  3.5rem;
    float: right;
    padding-right: 0;
}

#header .top-menu { margin: 1.5rem 0 0 0; }

#header .top-menu > li > a {
    text-decoration: none;
    font-size: 1.2rem;
    background: transparent;
}

#header .tools { margin: 0; }

#header .tools .config .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    right: 3px;
}

#header .tools .config .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    right: 4px;
}

#header .tools .config .dropdown-menu .dropdown-menu::before,
#header .tools .config .dropdown-menu .dropdown-menu::after {
    content: none;
    display: none;
}

/* LINKS DAS IMAGENS DENTRO DO TEMA */

#header,
#header .container { background: url(images/bg_header.gif) no-repeat top; }

.content-page #header .main-menu a::before,
.content-page #header .main-menu a::after { color: #842829; }

/* #header .tools .icon { background: #ffffff; } */

#header .tools .icon i { color: #232D46; }

/* GENERAL FONT STYLING */

#content h2 { color: #212C46; }

#content h3 { color: #842829; }

#content h4 { color: #363435; }

.btn-default { background-color: #fafafa; }

/* MOBILE SPECIFIC */

@media (max-width: 767px) {
    #header .container { background-color: #F9F9F9; }

    #header .navbar-collapse .navbar-nav > li > a { color: #363435; }
}

@media (min-width: 768px) and (max-width: 992px) {
    .home-page #header .main-menu.navbar-nav { left: 26rem; }

    .home-page #header .main-menu .item1 a { width: 8.4rem; }

    .home-page #header .main-menu .item2 a { width: 8.2rem; }
}

#header.navbar-default .navbar-toggle {
    border-color: #232D46;
}

#header.navbar-default .navbar-toggle .icon-bar { background-color: #FFF; }

@media (max-width: 767px) {
    #header .logo {
        top: 1.4rem !important;
        left: 1rem !important;
        width: 12.5rem !important;
        height: 2.6rem !important;
        background: transparent url(images/img_logoportal_mobile.png) no-repeat 0 0 !important;
    }

    body {
        padding-top: 2rem !important;
    }

    .btn-mobile-nav {
        display: block;
        z-index: 9999;
    }

    .nav-open .icon-mobile-nav[name="close-outline"] {
        display: block;
    }
}


/* HEADER AND MAIN MENU */

body { padding-top: 13rem; }

#header .logo {
    top: 4.7rem;
    left: 1.6rem;
    width: 20.5rem;
    height: 6.5rem;
    background: transparent url(images/img_logoportal.png) no-repeat 0 0;
}

#header {
    border-bottom-color: #5EB2DA;
    border-bottom-width: 2px;
    background-color: #F9F9F9;
}

.main-menu.navbar-nav > li > a { color: #232D46; }

.top-menu > li { border-left: 1px solid #fff; }

.navbar-default .top-menu.navbar-nav > .item0 a { color: #fff; }

.navbar-default .top-menu.navbar-nav > .item1 a { 
    color: #F0AC4D;
    margin-left: 0 !important;
    padding-left: 8px !important;
    background: none !important;
}

.navbar-default .top-menu.navbar-nav > .item1 a:hover { 
    background-color: transparent !important;
    background: none !important;
}

.navbar-default .top-menu.navbar-nav > .item2 a { color: #5EB2D9; }

.home-page #header .main-menu { left: 28rem; }


.home-page .main-menu .item0 a {
    width: 11.2rem;
    margin-top: 1rem
}

.home-page .main-menu .item1 a { width: 9.5rem; }


/* HOME */

#content .content-strip h2 strong { border-bottom-color: #842929; }

/* HIGHLIGHT */

#content #highlight {
    margin-top: -2rem;
}

#content #highlight h2 {
    color: #212C46;
}

#content #highlight h2 strong { border-bottom-color: #842929; }

#highlight {
    background-color: #E7E3E3;
    background-image: none;
}

#highlight div.description { color: #353334; }

/* COMO FUNCIONA */

.home-page #content #how {
    background-image: url(images/bgBlueLighter.png);
    background-repeat: repeat;
    background-color: #3F505C;
    padding: 0;
    color: #fff;
}

.home-page #content #how .container {
    padding: 2.5rem 0;
    background-image: url(images/bg_useful.png);
    background-position: 50% -6rem;
    background-repeat: repeat-y;
}

.home-page #how .item .icon { background-color: #3B8DB0; }

#content #how h2 { color: #fff; }

.home-page #how h2 strong { border-bottom-color: #842929; }

.home-page #how .item h3 { color: #FFF; }

.home-page #how .item hr { border-top: 1px dotted #FFF; }

/* SERVE PARA O MEU CASO */

.home-page #content #useful {
    background-image: url(images/bgBlueLighter.png);
    background-repeat: repeat;
    background-color: #3F505C;
    padding: 0;
}

.home-page #content #useful .container {
    padding: 2.5rem 0;
    background-image: url(images/bg_useful.png);
    background-position: 50% -6rem;
    background-repeat: repeat-y;
}

.home-page #useful h2 strong { border-bottom-color: #842929; }

.home-page #content #useful,
.home-page #content #useful h2 { color: #fff; }

.home-page #useful .item hr { border-top-color: #131415; }

.home-page #useful .item p { color: #fff; }

/* POR QUE USAR */

.home-page #benefits h2 strong { border-bottom-color: #842929; }

.home-page #benefits .item h3 { color: #842828; }

.home-page #benefits p.subdescription { color: #212C46; }

.home-page #benefits p.subdescription span { border-bottom-color: #E7E3E3; }

#benefits .icon {
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    border: 4px solid #842828;
    float: left;
    clear: both;
    text-align: center;
}

#benefits .icon i {
    color: #842828;
}

/* BONIFICAÇÕES */

#bonus { background-color: #EEE; }

#bonus .container .col-md-12 i {
    font-size: 10rem;
    color: #842829;
}

#bonus .container .col-md-12 h3 strong { font-size: 2.5rem }

#bonus .container h2 { text-align: center !important; }

/* QUANTO CUSTA */

.home-page #pricing h2 strong { border-bottom-color: #842929; }

.home-page #pricing { background-color: #E7E3E3; }

.home-page #pricing .item .card { }

.home-page #pricing .item1 { background-color: #232D46; }

.home-page #pricing .item2 { background-color: #3B8DB0; }

.home-page #pricing .item3 { background-color: #5EB2DA; }
            


.home-page #pricing .item .card .middle { color: #353334; }

/* AINDA COM DUVIDAS */

.home-page #questions h2 strong { border-bottom-color: #842929; }

.home-page #questions { margin-bottom: -3rem; }

.home-page #questions a {
    color: #363435;
    background-color: #CCC;
    font-size: 1.8rem;
}

#questions .question1 .icon { background-position: 0px -44.2rem; }

/* CONTENT */

#content .welcome { color: #363435; }

#content .welcome strong { border-bottom-color: #E7E3E3; }

#content .breadcrumb { background-color: #999; }

.widget h5 { color: #363435; }

#content .widget.color1 > .panel-heading {
    background: #ADB1CB;
    filter: none;
}

#content .widget.color1 > .panel-heading h4.panel-title { color: #FFF !important; }

#content .widget.color2 > .panel-heading {
    background: #842929;
    filter: none;
}

#content .widget.color2 > .panel-heading h4.panel-title { color: #FFF !important; }

#content .widget.color2 > .panel-heading .widget-close { background-position: -4rem -4rem; }

#content .widget.color2.panel.toggle > .panel-heading .widget-close { background-position: 0 -4rem; }

#content .widget.color3 > .panel-heading {
    background: #314350;
    filter: none;
}

#content .widget.color3 > .panel-heading h4.panel-title,
#content .widget.color3 > .panel-heading h4.panel-title * { color: #fff !important; }

#content .widget.color3 > .panel-heading .widget-close { background-position: -4rem 0; }

#content .widget.color3.panel.toggle > .panel-heading .widget-close { background-position: 0 0; }

#content .widget.color4 > .panel-heading {
    background: #736549;
    filter: none;
}

#content .widget.color4 > .panel-heading h4.panel-title { color: #FFF !important; }

#content .widget.color5 > .panel-heading {
    background: #8F8F93;
    filter: none;
}

#content .widget.color5 > .panel-heading h4.panel-title { color: #FFF !important; }

#content .widget.color6 > .panel-heading {
    background: #3D4B53;
    filter: none;
}

#content .widget.color6 > .panel-heading h4.panel-title { color: #FFF !important; }

#content .widget.color7 > .panel-heading {
    background: #676B6D;
    filter: none;
}

#content .widget.color7 > .panel-heading h4.panel-title { color: #FFF !important; }

/* MEUS DOCUMENTOS */

.my_documents .well-header { background-color: #183561; }

/* MEUS CREDITOS */

#funds .account .header::before { color: #00849A; }

/* NOVO DOCUMENTO */

.participante .papel .toggler { background-color: #00A85A; }

.participante .icon { background-color: #363435; }

.participante .papel strong,
.participante .papel .icon { color: #363435; }

#novodocumento .option .row .col-md-2 i { color: #3B8DB0; }


/* FOOTER */

#prefooter {
    background-image: url(images/bgBlue.png);
    background-repeat: repeat;
    background-color: #314350;
}

#prefooter .links li { border-left-color: #FFF; }

#prefooter .powered {
    background: transparent url(images/img_logocertisign2.png) no-repeat 0 0;
}

#prefooter,
#prefooter .links a,
#prefooter .powered > span { color: #fff; }
#prefooter .container-custom {
    height: auto !important;
    padding: 0 0 15px 15px;
}

#prefooter .container-custom img{
    width: 16px;
}

#prefooter .powered-custom{
    margin-top: -2em;
}

#prefooter .container a {
    text-decoration: none;
    color: white;
}

#prefooter .container a:hover{
    text-decoration: underline;
}

#prefooter .prefooter-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 2.4rem 0;
    color: #fff;
}

#prefooter .prefooter-contact-title {
    display: flex;
    align-items: center;
    gap: .8rem;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;
    margin: 0;
    min-height: 3rem;
    color: #fff;
}

#prefooter .prefooter-contact-col {
    display: grid;
    grid-template-rows: 3rem minmax(2.8rem, auto) minmax(2.8rem, auto);
    row-gap: .8rem;
    align-items: center;
}

#prefooter .prefooter-contact-title .fa-phone {
    font-size: 1.6rem;
    line-height: 1;
}

#prefooter .prefooter-phone-line,
#prefooter .prefooter-whatsapp-line {
    display: flex;
    align-items: center;
    margin: 0;
    min-height: 2.8rem;
    color: var(--white);
    font-size: 1.4rem;
}

#prefooter .prefooter-phone-line strong,
#prefooter .prefooter-whatsapp-number {
    font-weight: 700;
    color: var(--white);
}

#prefooter .prefooter-whatsapp-link {
    font-weight: 700;
    color: var(--white) !important;
    text-decoration: underline !important;
}

#prefooter .prefooter-whatsapp-link:hover,
#prefooter .prefooter-whatsapp-link:focus {
    color: var(--white) !important;
    text-decoration: underline !important;
    opacity: .85;
}

#prefooter .prefooter-whatsapp-icon {
    color: var(--green-footer);
    font-size: 2rem;
    line-height: 1;
}

#prefooter .prefooter-whatsapp-line {
    gap: 1.2rem;
}

#prefooter .prefooter-whatsapp-badge {
    display: inline-block;
    min-width: 7.2rem;
    padding: .25rem 1.2rem;
    border-radius: 999px;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.6;
    text-align: center;
}

#prefooter .prefooter-whatsapp-badge--support {
    background-color: var(--whatsapp-support-bg);
    color: var(--whatsapp-support);
}

#prefooter .prefooter-whatsapp-badge--sales {
    background-color: var(--whatsapp-sales-bg);
    color: var(--whatsapp-sales);
}

@media (max-width: 767px) {
    #prefooter .container-custom{
        padding: 1em;
    }

    #prefooter .prefooter-section-title {
        font-size: 2rem;
        margin-bottom: 1.6rem;
    }

    #prefooter .prefooter-whatsapp-line {
        flex-wrap: wrap;
    }
}

.logoFaceCheck {
    background-image: url(images/img_logoportal_mobile.png);
}
