/* COR PADRÃO DA FIEPI, NÃO ALTERAR ESSA COR
-----------------------------------------------------*/
.navbar-color-fiepi{
    background-color: #0058b6 !important;
}


body {
  padding-top: 3rem;
  //padding-bottom: 3rem;
  color: #5a5a5a;
}




/* APLICA O EFEITO DE ZOOM NAS IMAGENS
-----------------------------------------------------*/

.zoom {
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.zoom img {
    max-width: 100%;
    -moz-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    transition: all 1.5s;
}

.zoom:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.03);
}




/* FORMATA O CAMPO DE BUSCA DO TOP BAR
-----------------------------------------------------*/

.form-control:focus {
  box-shadow: none;
}

.form-control-underlined {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  padding-left: 0;
}

.form-control::placeholder {
  font-size: 0.95rem;
  color: #aaa;
  font-style: italic;
}


.topo_buscar_curso{
    min-width: 100%;
    margin: auto;
}

.topo_buscar_curso button{
    height: max-content;
}

.topo_buscar_curso img{
    margin-top: -6px;
}





@media only screen and (min-width: 320px) and (max-width: 330px) {
    .topo_buscar_curso{
        min-width: 132%;
        margin: -15px 0px 0px -46px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 330.98px) and (max-width: 340.98px) {
    .topo_buscar_curso{
        min-width: 131%;
        margin: -15px 0px 0px -46px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 341px) and (max-width: 350px) {
    .topo_buscar_curso{
        min-width: 129.5%;
        margin: -15px 0px 0px -46px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 350.98px) and (max-width: 360px) {
    .topo_buscar_curso{
        min-width: 129%;
        margin: -15px 0px 0px -46px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 360.98px) and (max-width: 370px) {
    .topo_buscar_curso{
        min-width: 128%;
        margin: -15px 0px 0px -47px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 370.98px) and (max-width: 380px) {
    .topo_buscar_curso{
        min-width: 127%;
        margin: -15px 0px 0px -47px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 380.98px) and (max-width: 390px) {
    .topo_buscar_curso{
        min-width: 126%;
        margin: -15px 0px 0px -46px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 390.98px) and (max-width: 400px) {
    .topo_buscar_curso{
        min-width: 125%;
        margin: -15px 0px 0px -45px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

 @media only screen and (min-width: 400.98px) and (max-width: 410px) {
    .topo_buscar_curso{
        min-width: 124%;
        margin: -15px 0px 0px -44px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 410.98px) and (max-width: 420px) {
    .topo_buscar_curso{
        min-width: 123%;
        margin: -15px 0px 0px -43px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 420.98px) and (max-width: 430px) {
    .topo_buscar_curso{
        min-width: 122%;
        margin: -15px 0px 0px -42px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 430.98px) and (max-width: 440px) {
    .topo_buscar_curso{
        min-width: 121%;
        margin: -15px 0px 0px -41px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 440.98px) and (max-width: 450px) {
    .topo_buscar_curso{
        min-width: 120%;
        margin: -15px 0px 0px -40px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 450.98px) and (max-width: 460px) {
    .topo_buscar_curso{
        min-width: 119%;
        margin: -15px 0px 0px -39px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 460.98px) and (max-width: 470px) {
    .topo_buscar_curso{
        min-width: 118%;
        margin: -15px 0px 0px -38px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 470.98px) and (max-width: 480px) {
    .topo_buscar_curso{
        min-width: 117%;
        margin: -15px 0px 0px -37px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 480.98px) and (max-width: 490px) {
    .topo_buscar_curso{
        min-width: 116%;
        margin: -15px 0px 0px -36px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media only screen and (min-width: 490.98px) and (max-width: 500px) {
    .topo_buscar_curso{
        min-width: 115%;
        margin: -15px 0px 0px -35px;
    }

    .topo_buscar_curso img{
        margin: 2px 0px 0px 6px;
    }
}

@media (min-width: 500.98px){

    .topo_buscar_curso{
        margin-top: -10px;
    }

    .topo_buscar_curso img{
        margin: 0px 0px 0px 6px;
    }

    div#id_div_content{
        margin-top: 36px;
    }
}

@media (min-width: 575.98px){

    .topo_buscar_curso{
        margin-top: -10px;
    }

    .topo_buscar_curso img{
        margin: 0px 0px 0px 22px;
    }

    div#id_div_content{
        margin-top: 36px;
    }

}

@media (min-width: 750.98px){
    .topo_buscar_curso{
        margin: 0px 0px 0px 0px;
    }

    .topo_buscar_curso img{
        width: 350px;
    }

    div#id_div_content{
        margin-top: 36px;
    }
}

@media (max-width: 750.98px){
    div#id_top_carousel{
        margin: 60px 0px 0px 0px;
    }
}

@media (min-width: 1000.98px){
    .topo_buscar_curso img{
        width: auto;
        margin: -6px 15px 0px 0px;
     }

    div#id_top_carousel{
        margin: -11px 0px 0px 0px;
    }
}

@media only screen and (min-width: 751px) and (max-width: 2000px) {
    div#id_top_carousel{
        margin: -11px 0px 0px 0px;
    }

    div#id_div_content{
        margin-top: -46px;
    }

}




/* FORMATA A LISTA DE SUGESTÕES DA BUSCA DO TOP BAR
-----------------------------------------------------*/

ul{
  margin:0;
  padding:0;
  list-style:none;
}

#search_suggest_box{
    display:none;position:relative; height:auto; text-align:left; border-radius:0 0 5px 5px; color:#fff; z-index:100;box-shadow:0 0 15px 0 #9d9d9d; border:1px solid #ebebeb; background: rgb(255,255,255);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}
#search_suggest_list{
    padding:3px 5px;
}
.search_suggest_item{
    padding: 5px;
    font-size: 15px;
    color: #040404;
    border-top: 1px dotted #e4d6f5;
}
.search_suggest_item:hover{
    color:white;
    cursor:pointer;
    background:#6f42c1;
}
.selected{
    color:white;
    cursor:pointer;
    background:#0058b6;
}





/* RODAPÉ
-----------------------------------------------------*/
#footer.dark, .dark #footer {
    background-color: #0063CC;
    color: #0058b6;
    border-top-color: rgba(0,0,0,0.2);
}

.title-footer {
    font-weight: bold;
    font-size: 17;
    background-image: none;
}

a {
    background-image: none;
}
.footer-big-contacts {
    color: rgba(255,255,255,0.8);
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;

}