@font-face{
    font-family: 'Montserrat-Regular';
    src: url("../fonts/montserratt/Montserrat-Regular.ttf");
}
@font-face{
    font-family: 'Montserrat-Medium';
    src: url("../fonts/montserratt/Montserrat-Medium.ttf");
}
@font-face{
    font-family: 'Montserrat-Italic';
    src: url("../fonts/montserratt/Montserrat-Italic.ttf");
}
@font-face{
    font-family: 'Montserrat-Light';
    src: url("../fonts/montserratt/Montserrat-Light.ttf");
}
@font-face{
    font-family: 'Montserrat-Black';
    src: url("../fonts/montserratt/Montserrat-Black.ttf");
}

.font-ms-regular{font-family: 'Montserrat-Regular';}
.font-ms-medium{ font-family: 'Montserrat-Medium';}
.font-ms-italic{ font-family: 'Montserrat-Italic';}
.font-ms-light{ font-family: 'Montserrat-Light';}
.font-ms-black{ font-family: 'Montserrat-Black';}
.nav-pills .nav-link.active {
    color: #191919!important;
    background-color: #ffffff;
}
/*CAROUSEL*/
.owl-next{float: right;}
.owl-prev{float: left;}
.owl-prev:focus, .owl-next:focus{ outline: 0px;}
.owl-dots{ text-align: center; margin-left: 35px; margin-right: 35px; position: relative; top: 5px;}
.owl-dots button.owl-dot{    margin: 5px 7px; }
.owl-dots button.owl-dot.active span{ border: 2px solid #010101; width: 20px; height: 20px; }
.owl-dots button.owl-dot:focus, .owl-dots button.owl-dot:active{outline: none;}
.owl-dots .owl-dot span{ border: 1px solid #b0b0b0; width: 20px; height: 20px; display: block;}
#carousel-materias .card-body{  transform: skewY(5deg) translateY(35px);    transform: skewY(-5deg) translateY(-10px); }
#carousel-materias .card-img-overlay{top: inherit; left: 20px; background-color: rgba(255, 255, 255, 0.90); padding: 0px; transform: skewY(5deg) translateY(35px); box-shadow: 0px 20px 20px 10px #191919;}
.card{display: block!important;}
/*CAROUSEL*/
/*BOTÕES*/
.btn-acessoria-line-black{color: #010101; background-color: transparent; background-image: none; border-color: #010101; border-radius: 0px; padding: .35rem 2rem; text-decoration: none;}
.btn-acessoria-line-black:hover{ color: #fff!important; background-color: #010101; border-color: #010101;}
.btn-acessoria-line-black:focus{ color: #fff!important; background-color: #010101; border-color: #010101;}
.btn-acessoria-line-white{border: 1px solid #fff; color: #fff!important; border-radius: 0px!important;}
.btn-acessoria-line-white:hover{background-color: #fff; color: #000!important; border-left: 1px solid #000;}
.btn-acessoria-line-white:focus{background-color: #fff; color: #000!important; border-left: 1px solid #000;}
.btn-compartilhamento{ color: #010101; background-color: transparent; background-image: none; border-color: #010101; border-radius: 0px; border-radius: 50%; transition: background-color 0.5s;}
.btn-compartilhamento:hover{background-color: #191919; color: #fff!important; border-left: 1px solid #000; transition: background-color 0.5s;}
/*!-BOTÕES*/
body{background-image: url('../img/background-index.png'); background-size: cover; background-repeat: no-repeat; margin-top: 60px;}
.bg-black{background-color: #191919;}
#redes-sociais{font-size: 20px;}
#redes-sociais{ flex-direction: row;}
@media (max-width: 991px){
    .menu-navegacao{    flex-direction: column;}
    .card-img-overlay{
        position: relative;
        left: 0px!important;
    }
    #carousel-materias .card-img-overlay {
        background-color: rgba(25, 25, 25, 1);
    }
    .card-img-overlay h5 a, .card-img-overlay p a{color: #FFF!important;}
    .card-img-overlay h5 a:hover, .card-img-overlay p a:hover {color: #FFF!important;}
}
@media (max-width: 575px){
    .body-info{text-align: center;}
}
.centralizar{
    position: relative;
    top: 0;
    left: 0;
    min-height: 100%;
}
.font-size-14{
    font-size: 14px;
}
.central{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}
.input-group-prepend{border: 1px solid #191919;}
.input-group-prepend, input{border: 1px solid #191919!important; border-radius: 0px!important;}
#contato textarea{border: 1px solid #191919; border-radius: 0px!important;}

/*NEWSLETTER*/
#newsletter{    background: #000;}
#newsletter input{border: 1px solid #fff!important; color: #191919;}
/*!-NEWSLETTER*/

/*SOBRE*/ 
/*! - SOBRE*/ 

/*PERFIL*/
#perfil{
}
/*!- PERFIL*/

/*DETALHES*/
#detalhes .tab-content {
    border: 1px solid #191919;
    min-height: 200px;
    overflow: auto;
    max-height: 400px;
}
#detalhes .nav-tabs .nav-link:focus, #detalhes .nav-tabs .nav-link:hover{
    border-color: #191919 #191919 transparent!important;
}
#detalhes .nav-tabs .nav-link{ color: #191919; border: none;}
#detalhes .nav-tabs .nav-link.active{ color: #191919;}
#detalhes .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #191919!important;
    border-bottom: 1px solid transparent!important;
    color: #fff!important;
}
#descricao-perfil p{ font-family: 'Montserrat-Regular'!important;}
/*! - DETALHES*/
/*PORTFOLIO*/
.card-categoria{
    position: absolute;
    left: 0;
    background-color: rgba(25, 25, 25, 0.75);
    color: #fff;
    padding: 5px;
    border-bottom-right-radius: 10px;
    font-weight: 600;
    font-size: 12px;
    display: none;
}

.card:hover .card-categoria{
    display: block;
}
/* ! - PORTFOLIO*/

/*BOOTBOX*/
.modal-header{display: block;}
/*! - BOOTBOX*/

#contato label[for]:before{
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f06a";
    color: red;
    margin-right: 10px;
}
#contato label[for].error{
    margin-right: 5px;
    margin-left: 2px;
    margin-bottom: 0px;
    position: absolute;
    top: -20px;
}

.fade {
    transition: opacity .25s linear;
}

/*MATÉRIAS*/
.block-resume-news{
    transition: background-color 1.5s;
    background-color: #191919;
    color: #FFF;
    min-height: 45px;
}
@media (max-width: 400px){
    .block-resume-news{
        font-size: 13px;
    }
}
/*!-MATÉRIAS*/
/*PAGINAÇÃO*/
.pagination{ border-radius: 0px; padding-top: 10px; margin-bottom: 20px;}
.pagination.bootpag{border-color: transparent;}
.pagination.bootpag .page-link{color: #000000!important; border: 1px solid #000000;}
.pagination.bootpag .page-link:focus{ box-shadow: 0 0 0 0.2rem rgba(25, 25, 25, .25);}
.pagination.bootpag .page-link:hover{ color: #fff!important; background-color: #000000; border-color: #000000;}
.pagination.bootpag .page-item.active .page-link{ background-color: #000000; border-color: #000000; color: #fff!important;}
/*!-PAGINAÇÃO*/

/*SERVIÇOS*/
#lista-servicos-ativos{ min-height: 520px; max-height: 520px; overflow-x: hidden; padding-right: 15px;}
#lista-servicos-ativos::-webkit-scrollbar { width:7px; background:#FFFFFF; } /* configurando scroll */
#lista-servicos-ativos::-webkit-scrollbar-button { width:5px; background:#191919; border-radius: 25%;}
#lista-servicos-ativos::-webkit-scrollbar-track { background: rgba(0,0,0,0.1); }
#lista-servicos-ativos::-webkit-scrollbar-thumb { border-radius:10px; background:#191919;  }
/*!-SERVIÇOS*/

.min-height-500{min-height: 500px;}
.mt-100{margin-top: 100px;}
.navbar-toggler{
    border: 1px solid #fff;
    border-radius: 1px;
    background-color: #FFF;
    padding: .20rem .40rem;
    margin: 2px;
}

#migalha-pao{
    background-color: #fff;
}

.btn-voltar{
    background-color: #191919;
    color: #FFFFFF;
    border-radius: 7px;
    padding: 2px 7px 2px 7px;
}
.btn-voltar:hover, .btn-voltar:focus{
    background-color: transparent;
    color: #191919;
    border-color: #191919;
}