/*  HOME (principal.html)
===============================*/

/*include duvidas e consultoria*/
@import url('consultoria_sandra.css');


/*  GERAL
===============================*/
    .home * {box-sizing: border-box;}
    .home .padding{padding:80px 0;}
    @media screen and (max-width:779px){.home .padding{padding:60px 5px!important;}}
    .home h1, .home h2, .home h3, .home h4, .home ul, .home ol{
        margin:0 0 0 0;
        padding:0 0 0 0;
    }
    .home ul, .home ol{list-style:none;}
    .home a:hover,
    .home a:focus{
        color:inherit;
        text-decoration: none;
    }
    .home .duvidasconsultorias.padding{padding:80px 0 0;}


/*  BANNER HOME (imagem e link)
===============================*/
.home__banner{
    /* background:url(../img/principal/banner_anticrise.jpg) no-repeat center top;*/
    /* background:url(../img/principal/banner-sparta.jpg) no-repeat center top;*/
    /* background:url(../img/principal/banner-rendafixa.jpg) no-repeat center top;*/
    /* background:url(../img/principal/banner-black-friday2.jpg) no-repeat center top;*/
    /* background:url(../img/principal/banner_home_natal.jpg) no-repeat center top;*/
    /* background:url(../img/principal/banner_home_comece_2016_com_os_melhores_investimentos.jpg) no-repeat center top; */
    /* background:url(../img/principal/banner_home_Cenarios_2016_com_os_melhores_investimentos.jpg) no-repeat center top; */
    /* background:url(../img/principal/banner_dia-das-mulhers.jpg) no-repeat center top; */
    /* background:url(../img/principal/banner_home_LCI_Banco_Original_02.jpg) no-repeat center top;*/
    /* background:url('../img/principal/banner-site-investimento-ideal.jpg') no-repeat center top; */
    /* background:url('../img/principal/banner-impeachment.jpg') no-repeat center top; /* impeachment */
    /* background:url('../img/principal/banner_dia_das_maes.jpg') no-repeat center top; */ /* impeachment */
    /* background:url('../img/principal/LCI-CDB3-novo.png') no-repeat center top; */
    /* background:url(../img/principal/banner_investimento_liquidez.jpg) no-repeat center top; */
    /*background:url(../img/principal/banner_inflacaomais.jpg) no-repeat center top;*/
    /*background:url(../img/principal/banner_site_LCA_18072016.jpg) no-repeat center top;*/
    /*background:url(../img/principal/banner-olimpiadas.jpg) no-repeat center top;*/
    /*background:url(../img/principal/ditesouro.jpg) no-repeat center top; DI TESOURO*/
    /*background:url(../img/principal/dartagnan.jpg) no-repeat center top;*/
    /*background:url(../img/principal/banner_site_cdb-ate-0609.jpg) no-repeat center top;*/
    /*background:url(../img/principal/banner_site-lc.jpg) no-repeat center top;*/
    /*background:url(../img/principal/banner_site_diadocliente.jpg) no-repeat center top;*/
    /*background:url(../img/principal/banner_site_lci.jpg) no-repeat center top;*/
    background:url(../img/principal/banner_debentures.jpg) no-repeat center top;
    display:block;
    height:460px;
    width:100%;
}

    @media screen and (max-width:1440px){
        .home__banner{
            background-size:cover;
            height:330px;
        }
    }

    @media screen and (max-width:1024px){
        .home__banner{
            background-size:cover;
            height:330px;
        }
    }

    @media screen and (max-width:800px){
        .home__banner{
            background-size:cover;
            height:255px;
        }
    }

    @media screen and (max-width:670px){
        .home__banner{
            background-position:50% top;
            height:275px;
        }
    }

    @media screen and (max-width:560px){
        .home__banner{
            background-position:50% top;
            height:225px;
        }
    }

    @media screen and (max-width:480px){
        .home__banner{
            background-size:cover;
            background-position:44% top;
            height:148px;
        }
    }

    @media screen and (max-width:360px){
        .home__banner{
            background-position:50% top;
            height:150px;
        }
    }

    @media screen and (max-width:320px){
        .home__banner{
            background-position:50% top;
            height:225px;
        }
    }


/*  MEU PRIMEIRO FUNDO
===============================*/
    .pqorama-slide {
        background:url(../img/topos/bg_slide_ferramenta.jpg) no-repeat;
        height: 460px;
    }

        .fundo1 {background-position:center top;}
        .fundo2 {background-position:center -460px;}
        .fundo3 {background-position:center -920px;}
        .fundo4 {background-position:center -1380px;}
        .fundo5 {background-position:center bottom;}
        .fundo6 {background-position:center -1380px;}

    .carousel {margin-bottom: 0px;}

    .carousel-inner {height: 460px;}

    .pqorama-slide .container{padding-top:80px;}

    @media screen and (min-width:671px) and (max-width:979px){.pqorama-slide .container{padding-top:40px;}}

    #meu_primeiro_fundo h1,
    #meu_primeiro_fundo h3 {
        background: rgba(255, 255, 255, .8);
        color: #454545;
        font:normal normal 40px/50px 'museo500', serif;
        padding: 15px 24px;
        display: inline-block;
        margin-bottom: 0;
    }

    @media screen and (max-width:670px){#meu_primeiro_fundo h3, #meu_primeiro_fundo h3{font:normal normal 20px/30px 'museo500', serif;}}

        #meu_primeiro_fundo h1 span,
        #meu_primeiro_fundo h3 span{
            display: block;
            font-family: 'museo700';
        }

    .escolhas-grupo {
        background: rgba(255, 255, 255, .8);
        display: inline-block;
    }

        .escolhas-grupo button{
            margin: 30px 15px;
            display: inline-block;
        }

        @media screen and (max-width:800px){.escolhas-grupo button{margin:20px 10px;}}

        @media screen and (max-width:670px){.escolhas-grupo button{margin:10px 10px;}}

    .btn-escolha {
        background: transparent url('../img/principal/icon-ferramenta.png') no-repeat left top;
        border-color: transparent;
        box-shadow: none;
        display: block;
        max-height:57px;
    }

        .btn-escolha:hover,
        .btn-escolha:active,
        .btn-escolha:focus,
        .btn-escolha .active,
        .btn.active, .btn-disabled{
            background-color:transparent;
            background-position:left bottom;
            transition: all;
            box-shadow: none;
        }

    .btn-escolha label {
        color: #454545;
        font:16px/25px 'FrutigerLT-BoldCn';
        text-shadow: none;
        text-align: left;
        padding: 0 0 0 60px;
    }

        .btn-escolha label:hover {color:#000000;}

        .btn-escolha label span{
            display: block;
            font: 19px 'FrutigerLT-ExtraBlackCn', sans-serif;
            text-transform: uppercase;
        }

    #results h1, h2.semmargin {margin: 0;}

    #results h1, #results h2 {
        background: rgba(255, 255, 255, 0.80);
        box-sizing: border-box;
        color: #454545;
        display: inline-block;
        font: normal normal 24px 'museo500';
        padding: 10px 10px 10px 20px;
        width: 350px;
    }

    #results h2 a,
    #results h3.faixa a {
        text-decoration: none;
        padding: 10px 0 10px 0;
        color: #454545;
        font-size: 35px;
        text-decoration: none;
        line-height: 60px;
    }

    @media screen and (max-width:480px){
        #results h2 a,
        #results h3.faixa a {
            font-size: 25px;
            padding:0 0;
        }

    }

    #results h2 p {
        padding: 10px 0 10px 0;
        color: #454545;
        font-size: 35px;
        text-decoration: none;
        line-height: 60px;
        background: rgba(255, 255, 255, 0.80);
    }

    #results p {
        font:20px/25px 'FrutigerLT-ExtraBlackCn';
        text-shadow:0px 1px 1px #000;
        color: #fff;
        max-width: 350px;
    }

    @media screen and (max-width:480px){
        #results p {font:16px/25px 'FrutigerLT-ExtraBlackCn';}
    }

    #results p strong{
        font-weight: normal;
        font-style: normal;
        font-size: 24px;
    }

    #results h3 {
        color: #ee8502;
        font: normal normal 35px 'museo700';
        background: transparent;
        text-shadow:0px 1px 1px #000;
        margin: 10px 0 40px 0;
        padding: 0px;
    }

    @media screen and (max-width:480px){
        html body #results h3 {
            font: normal normal 25px 'museo700';
            margin:10px 0px;
        }
    }

    #results h3.faixa{
        box-sizing: border-box;
        width: 350px;
        font: normal normal 24px 'museo500', serif;
        background: rgba(255, 255, 255, 0.80);
        color: #454545;
        display: inline-block;
        padding: 5px 10px 5px 20px;
        text-shadow:none;
        margin:10px 0 10px;
    }

    #results h3.faixa.faixa-a{padding:10px 10px 10px 20px;}

    @media screen and (max-width:480px){
        html body #results h3.faixa,
        html body #results h3.faixa.faixa-a{padding:5px 5px;}
    }

    #results h3.semmargin{margin: 0 0 0 0;}

    .reset {margin: 0 0 0 20px;}

    #chart {
        width: 450px;
        height: 240;
        background: rgba(255, 255, 255, 0.80);
    }
    /* loading */

    .placeholder {
        background: url("../img/loader_90_90.gif") no-repeat 0 58px;
        height: 181px;
        margin: 0 auto;
        width: 90px;
    }

    #chart {
        background: rgba(255, 255, 255, 0.80);
        height: 240;
        width: 450px;
    }

    .fundo-loading {
        background: rgba(255, 255, 255, 0.80);
        height: 200px;
        margin: 30px auto 0 auto;
        position: relative;
        width: 200px;
    }


/*  SOCIAL PROOF & MELHORES INVESTIMENTOS
===============================*/
    .socialproof-melhorinvestimento{background:#f0f0f0;}

    h2.melhorinvestimento__titulo{
        color:#454545;
        font:40px/1.5 'museo300', serif;
        margin-bottom:35px;
    }

        .melhorinvestimento__titulo strong{
            color:#e27c00;
            font:normal normal 43px/1.5 'museo700', sans-serif;
        }

    @media screen and (min-width:770px){
        .melhorinvestimento__titulo strong:after{
            content:"\A";
            white-space:pre;
        }
    }

    @media screen and (min-width:770px) and (max-width:980px){
        h2.melhorinvestimento__titulo{font-size:30px;}
        h2.melhorinvestimento__titulo strong{font-size:33px;}
    }

    @media screen and (min-width:805px) and (max-width:980px), (width:960px){
        .mobile .melhorinvestimento .btnnew--laranja,
        .melhorinvestimento .btnnew--laranja{padding:20px 20px;}
    }

    @media screen and (max-width:779px){.melhorinvestimento .btnnew--laranja{margin:0 auto 55px;}}

    .bx-wrapper{margin:0 auto;}

    .socialwrap{
        float:right;
        max-width:360px;
        width:100%;
    }

    @media screen and (max-width:769px){
        .socialwrap{
            float:none;
            margin:0 auto;
        }
    }

        .socialproof__blockquote,
        .socialproof--assinatura{
            color:#939590;
            font:24px/40px 'FrutigerLT-Cn', sans-serif;
            text-align: center;
        }

        .socialproof--assinatura{
            display: block;
            font:14px/40px 'FrutigerLT-Cn', sans-serif;
        }

        .socialproof__link{
            display: block;
            margin:0 auto;
            text-align: center;
        }

        .socialproof__image{
            display: block;
            margin:15px auto 0;
            max-width:100%;
        }

    .socialwrap .bx-pager{
        margin-top:15px;
        text-align: center;
    }

        .socialwrap .bx-pager-item{display: inline-block;}

            .socialwrap .bx-pager-item a{
                border-radius:50%;
                border:solid 3px #929490;
                display: block;
                height:13px;
                margin-right:10px;
                text-indent: -9999px;
                width:13px;
            }

                .socialwrap .bx-pager-item:last-child a{margin-right:0px;}

                .socialwrap .bx-pager-item a.active{background:#929490;}


/*  GRANDES INVESTIMENTOS
===============================*/
    .grandesinvestimentos{background: #393f3b url(../img/principal/bg_top_5.jpg) no-repeat center top;}

        h3.grandeinvestimentos_titulo{
            color:#FFFFFF;
            font:43px/60px 'museo300', serif;
        }

            h3.grandeinvestimentos_titulo strong{
                color:#CBDD74;
                font:43px/60px 'museo700', serif;
            }

            @media screen and (width:960px){
                .mobile h3.grandeinvestimentos_titulo{margin-bottom:20px;}

                .mobile h3.grandeinvestimentos_titulo,
                .mobile h3.grandeinvestimentos_titulo strong{font:35px/1.3 'museo700', serif;}
            }

            @media screen and (min-width:801px) and (max-width:980px){
                h3.grandeinvestimentos_titulo,
                h3.grandeinvestimentos_titulo strong{font:35px/1.3 'museo700', serif;}
                h3.grandeinvestimentos_titulo{font-family:'museo300', serif;}
            }

            @media screen and (max-width:800px){
                h3.grandeinvestimentos_titulo{margin-bottom:20px;}

                h3.grandeinvestimentos_titulo,
                h3.grandeinvestimentos_titulo strong{font:35px/1.3 'museo700', serif;}
            }
    /*box default*/
    .box{
        background:#71776a;
        background-image: -webkit-linear-gradient(#71776a, #535e51);
        background-image: -o-linear-gradient(#71776a, #535e51);
        background-image: linear-gradient(#71776a, #535e51);
        min-height:285px;
        max-width:310px;
        padding:0 10px 15px;
        width:auto;
    }

        @media screen and (max-width:779px){
            .box{
                margin:0 auto 20px;
                max-width:95%;
            }
        }

        .box__titulo{
            background:#686c61;
            border-bottom:solid 1px #A0A697;
            font:22px/36px 'museo300', serif;
            margin:0 -10px 10px -10px;
            padding:0 10px;
            position: relative;
        }

            .box__titulo strong{font-family:'museo700', sans-serif;}

            .box__selo{
                display: block;
                float:right;
                height:111px;
                position: absolute;
                right:-7px;
                top:-7px;
                width:115px;
            }

            .box__obs{
                color:#ffffff;
                font:14px/18px 'FrutigerLT-Cn';
                margin:10px 0 0 0;
            }

            .box__obs2{
                color:#8B9CCE;
                font:12px/12px 'FrutigerLT-Cn', sans-serif;
            }

            .box__text{
                color:#ffffff;
                font:14px/30px 'FrutigerLT-Cn', sans-serif;
                margin-bottom:10px;
            }

                a.box__text{font-size:12px;}

        .box ul,
        .box ol{margin-bottom:10px;}

            .box li{
                border-radius:15px 0 0 15px;
                display: block;
                height:25px;
                margin-bottom:1px;
            }

                .box .hide{display: none;}

                .box li a,
                .box li span{
                    color:#454545;
                    display: block;
                    float:left;
                    font:14px/25px 'FrutigerLT-Cn', sans-serif;
                    height:25px;
                    text-decoration: none;
                    white-space: nowrap;
                }

                    .box li a:hover{color:#454545;}

                .box .box__bullet{
                    border-radius:15px 0 0 15px;
                    border-right:solid 1px #71776A;
                    display: block;
                    float:left;
                    font:14px/25px 'FrutigerLT-ExtraBlackCn', sans-serif;
                    height:25px;
                    margin-right:1px;
                    text-align: center;
                    width:25px;
                }

    /*box fundos*/
    .box--fundos{color:#bcd26b;}

        .box__selo--fundos{background:url(../img/principal/selo.png) no-repeat left top;}

        .box--fundos--top_list a{width:85%;}

        .box--fundos--top_list1 {background:#879d35;}
            .box--fundos--top_list1:hover{background:#91a83a;}

        .box--fundos--top_list2 {background:#9BB244;}
            .box--fundos--top_list2:hover{background:#a8c04c;}

        .box--fundos--top_list3 {background:#ACC355;}
            .box--fundos--top_list3:hover{background:#b2c95d;}

        .box--fundos--top_list4 {background:#BCD26B;}
            .box--fundos--top_list4:hover{background:#c1d76f;}

        .box--fundos--top_list5 {background:#C9DC81;}
            .box--fundos--top_list5:hover{background:#cfe386;}

    /*box renda fixa*/
    .box--rendafixa{color:#a4b0d6;}

    .box__selo--rendafixa{background:url(../img/principal/selo.png) no-repeat left bottom;}

        .box--rendafixa a.box__text{float:right;}

        .box--rendafixa li{
            background:#8B9CCE;
            border-radius:15px 0 0 15px;
        }
            .box--rendafixa li:hover{background:#93a5db;}

            .box--rendafixa li a{width:100%;}

    .box__bullet.box__bullet--rendafixa{width:35px;}

    .box--rendafixa .nome{padding-left:5px;}

    @media screen and (max-width:800px){
        .box--rendafixa .nome{
            max-width:87px;
            overflow:hidden;
        }
    }
    .box--rendafixa span.valor,
    .box--rendafixa .icon__esgotado{
        border-left:solid 1px #71776A;
        float:right;
        padding:0 5px;
        width:120px;
    }
    .box--rendafixa span.valor,
    .box--rendafixa span.valor *{
        font:12px/25px 'FrutigerLT-Cn', sans-serif;
        text-align: right;
    }
    .box--rendafixa .esgotado .valor,
    .box--rendafixa .ativo .icon__esgotado{display: none;}

    .box--rendafixa .esgotado,
    .box--rendafixa .esgotado:hover{background:#9d9d9d;}

    .box--rendafixa .esgotado .icon__esgotado{background:#9d9d9d url(../img/principal/icon__esgotado.jpg) no-repeat center top;}





/*  CONTATO
===============================*/
    .contato{background:#879d35;}


        h4.contato_titulo{
            color:#ffffff;
            font:20px/1 'FrutigerLT-Cn', sans-serif;
            margin-bottom:30px;
        }

            h4.contato_titulo strong{font-family:'FrutigerLT-ExtraBlackCn', sans-serif;}

        .contato .contato__input{
            border-radius:0;
            color:#393939;
            font:16px/30px 'FrutigerLT-Cn', sans-serif;
            height:30px;
            margin:0 25px 0 0;
            padding:0 5px;
            width:100%;
        }

        @media screen and (min-width:680px) and (max-width:779px){
            .contato .span5{width:380px;}

            .contato .span4{width:300px;}

            .contato .span2{padding:15px 0;}

            .contato .span5,
            .contato .span4{
                float:left;
                height:auto;
                margin-left:2%;
                overflow:hidden;
            }

            .contato .span2{
                float:left;
                height:auto;
            }
        }

        @media screen and (max-width:679px){
            .contato .contato__input{
                display: block;
                margin:0 auto 15px;
                width:95%;
            }

            .contato .btnnew--default{margin:0 auto;}
        }

        .contato__obs{
            color:#ffffff;
            font:11px/15px 'FrutigerLT-Cn', sans-serif;
        }




/*CONTADOR*/
.contador{background:url(../img/black-friday/background-contador.png) repeat left top;}

    .contador p{
        color:#ffffff;
        float:left;
        font:33px/38px 'FrutigerLT-Cn', sans-serif;
    }

    @media screen and (max-width:1024px){.contador p{font-size:26px;}}

    .contador .countdown{
        color:#7d8087;
        float:left;

        padding:0 15px;
    }

    .countdown_dashboard{
        float:left;
        margin:0 15px;
    }
    @media screen and (min-width:500px) and (max-width:670px){
        .countdown_dashboard{margin-bottom:15px;}
    }

        .countdown_dashboard .dash{
            display:block;
            float:left;
            height:135px;
            width:75px;
        }

        @media screen and (max-width:480px){.countdown_dashboard .dash{height:45px;}}

        .countdown_dashboard .hours_dash{margin-left:12px;}

        .countdown_dashboard .separador{
            color:#85898f;
            float:left;
            font:80px/135px 'FrutigerLT-ExtraBlackCn';
            height:135px;
            text-align:center;
            width:14px;
        }

        @media screen and (max-width:480px){
            .countdown_dashboard .separador{
                color:transparent;
                height:80px;
                font:35px/80px 'FrutigerLT-ExtraBlackCn', sans-serif;
            }
        }

        .countdown_dashboard .digit{
            background:url(../img/black-friday/countdown.jpg) repeat left top;
            color:#85898f;
            float:left;
            font:70px/135px 'Arial Narrow';
            height:135px;
            overflow:hidden;
            text-align:center;
            width:36px;
        }

        @media screen and (max-width:480px){
            .countdown_dashboard .digit{
                background:none;
                font:35px/1 'Arial Narrow';
                height:45px;
            }
        }

            .countdown_dashboard .digit.fright{float:right;}

        .countdown_dashboard .dash_title{
            color:#8f8f8f;
            display:block;
            float:left;
            font:12px/1 'FrutigerLT-Cn';
            margin-top:5px;
            text-align:center;
            text-transform:uppercase;
            width:72px;
        }