/*--------------------- CSS NOVO TOPO --------------------*/

header {
    border-top: 5px solid #eaeaea;
    height: 150px;
}

.container {
    max-width: 1170px !important;
}

.logo-x {
    position: relative;
    display: block;
    float: left;
    padding: 0px;
    width: 330px;
    margin-top: 15px;
}

.after-top {
    border-top: 3px solid #0087B5;
}

.after-top p {
    text-align: center;
    padding: 28px 0 !important;
}


/*-- CORES BARRA MENU --*/
.main-nav {
    border-bottom: 2px solid #1888c8 !important;
    box-shadow: 2px 6px 30px -5px rgba(0, 0, 0, 0.75);
    background: #1c2640;
    z-index: 99999;
    width: 100%;
    top: 0;
    left: 0;
}

nav.main-nav .nav-link:hover {
    background: #1888c8 !important;
}

nav.main-nav .dropdown-menu {
    background: #1c2640 !important;

}

nav.main-nav .dropdown-menu a {
    padding: 8px 1rem !important;
    border-bottom: 1px solid #121829;
}



/*-- TOPO: TELEFONE E LOCAIS  --*/
.fone-x {

    background: #eee url(https://s3.amazonaws.com/ibc-wp/wp-content/uploads/2018/08/22085004/cel.png) 275px 17px no-repeat;
    position: relative;
    display: block;
    float: right;
    padding: 8px 52px 8px 22px;
    margin-top: 25px;
    margin-left: 0;
    text-align: right;
    border-right: 2px solid;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
}

.fone-x:hover {
    border: 2px solid;
    transition: 0.2s;
}


.fone-x-mobile {
    display: none;
}

.fone-x a {
    color: #1c2640;
    margin-top: 5px;
    font-size: 17px;
    letter-spacing: -1px;
    font-weight: bold;
    line-height: 1;
}
.fone-x p{
    margin-bottom: 0px!important;
}
.fone-x a p {
    font-weight: 100;
    font-size: 14px;
    color: black;
    margin-bottom: 0;
}



/*-- REDES SOCIAIS TOPO --*/
.navbar-nav .fa {
    color: #fff;
    padding: 12px 7px;
}


.navbar-nav .fa:hover {
    color: #1888c8;
}



.conteudo-fone{
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
    flex: 1;
    float: right;
    width: 325px;
}

.fone-x {
   background-position: 275px 17px!important;
}


/*--------------------- ----------------------------------*/
/*--------------------- CSS DE MOBILE --------------------*/
/*---------------------  ---------------------------------*/

@media (max-width: 600px) {

    header {
        height: 120px;
        border-bottom: 2px solid #1888c8 !important;
        box-shadow: 2px 6px 30px -10px rgba(0, 0, 0, 0.75) !important;
    }

    .logo-x {
        padding: 0;
        margin-top: 30px;
        width: 216px
    }

    #trigger {
        position: fixed;
        top: 45px;
        right: 10px;
    }

    .fone-x {
        display: none;
    }


    .fone-x-mobile {
        position: fixed;
        top: 0;
        left: 0;
        display: block;
        margin: 0;
        background: #eee;
        text-align: center;
        padding: 5px 15px;
        z-index: 999999999999;
        font-size: 15px;
        width: 100%;
        overflow: hidden;
    }

    .fone-x-mobile p{
        margin-bottom: 0px!important;
    }

    .conteudo-fone{
        display: block;
    }
    .header{
        top: 72px!important;
    }

    .topo-home{
        margin-top: 9.5rem!important;
    }

    #trigger{
        top: 125px!important;
    }

    .fone-x-mobile a {
        text-align: center;
        color: #2b334a;
    }

    .fa .fa-phone {
        padding-right: 10px;
    }

    .topo-home {

        background: #2b334a url("https://s3.amazonaws.com/ibc-wp/wp-content/uploads/2020/03/09172319/foto-jrm-cel.png") no-repeat !important;
        background-size: auto !important;
        background-position-x: -105px !important;
        background-position-y: 40px !important;
        padding-top: 3rem !important;
    }

    .topo-home img {

        max-width: 150% !important;
        margin-left: -25%;
    }


    .topo-home .formLead {
        margin-top: 33px;
    }

    .topo-home .desc-top h2 {
        font-size: 17px !important;
        margin-top: 55px !important;
        text-align: right !important;

    }

    .topo-home .desc-top h2 span {

        font-size: 18px !important;
        text-align: right !important;
    }


    .after-top {
        height: auto !important;
    }

    .after-top p {
        margin-bottom: 0 !important;
    }

}