@charset "UTF-8";
/* CSS Document */

html{
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#mouse{
    width: 20px;
    height: 20px;
    background-color: #e78d6d;
    border-radius: 10px;
    cursor: none;
    /* transition-duration: 200s; 
    transition-timing-function: ease-out; */
    position: fixed;
    transform: translate(-50%, -50%);
    z-index: 99999;
    pointer-events: none;  /* Faz com que o elemento nao atrapalhe o clique e hover do mouse */
  }

body {
    font-size:14px;
	margin:0px;
	padding:0px;
	color: #FFF;
    font-family: 'Public Sans', sans-serif;
    font-weight: 400;
}

a:link {
	text-decoration: none; 
	color:#621639;
}
a:visited {
	text-decoration: none;
	color:#621639;
}
a:hover {
	text-decoration: none;
	color:#621639;
}
a:active {
	text-decoration: none;
	color:#621639;
}

.titulo{
    font-weight: bold;
    font-size: 30px;
    color: #000;
}

#topoMobile{
    display: none;
    padding: 20px;
    background-color: white;
}
#menu_mobile{
    display: none;
    width: 100vw;
    height: 100vh;
    background-color: #621639;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999999;
    display: none;
}
#menu_mobile .fechar {
    position: absolute;
    right: 5vw;
    top: 5vw;
    width: 5vw;
    height: 5vw;
    background-image: url(../img/bt_fechar.png);
    background-size: cover;
}
#menu_mobile .item {
    font-size: 16px;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

#topo{
    width: 100vw;
    background-color: #FFF;
    z-index: 1000px;
    padding: 20px 0px;
    color: #343434;
    display: block;
}
#topo .item{
    margin-right: 10px;
    font-weight: 800;
    cursor: pointer;
}

#foto{
    width: 100vw;
    height: 80vh;
}
#foto .frase{
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    margin: 10px 0px;
}
#foto .nome{
    font-size: 16px;
}
#box{
    border-top:#cb4f24 4px solid;
    margin-top: -20px;
    background-color: #FFF;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3); 
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.3);
}
#box .bg{
    background-image: url('../img/bgBox.jpg');
    background-size: cover;
    width: 100%;
    height: 100%;
    padding: 35px;
    font-weight: 700;
}
#escritorio{
    width: 100vw;
    padding: 80px 0px;
    background: rgb(239,239,239);
    background: linear-gradient(90deg, rgba(239,239,239,1) 0%, rgba(239,239,239,1) 55%, rgba(203,79,36,1) 55%, rgba(203,79,36,1) 100%);
}
#escritorio .row .img{
    height: 80vh;
    background-image: url(../img/bgEscritorio.jpg);
}
#escritorio .row .img .foto{
    width: 100%;
    height: 100%;
}
#escritorio .inf{
    width: 65vw;
    background-color: #efefef;
    padding-left: 10%;
}
#escritorio .inf .tracinho{
    border: 2px solid #cb4f24;
    width: 50px;
    margin-bottom: 15px;
}
#escritorio .foto{
    width: 35vw;
    height: 70vh;
}

#areasAtuacao{
    padding: 100px 0px;
}
#areasAtuacao .item{
    width: 48%;
    padding: 60px;
    margin-bottom: 30px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
}
#areasAtuacao .itemTitulo{
    color: #621639;
    font-size: 20px;
    font-weight: bold;
}

#equipe{
    padding: 100px 0px;
    background: rgb(98,22,57);
    background: linear-gradient(180deg, rgba(98,22,57,1) 0%, rgba(98,22,57,1) 78%, rgba(239,239,239,1) 78%, rgba(239,239,239,1) 100%);
}
#equipe .titulo{
    width: fit-content;
    color: #FFF;
    border-bottom: 3px solid #c54c25;
    margin-bottom: 50px;
}
#equipe .equipe{
    width: 630px;
}
#equipe .pessoa{
    width: 290px;
    margin: 0px 20px;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1); 
    box-shadow: 0px 0px 15px 5px rgba(0,0,0,0.1);
}
#equipe .pessoa .nome{
    text-transform: uppercase;
}

#equipe .pessoa .foto{
    width: 100%;
    height: 350px;
    background-size: cover;
}
#equipe .pessoa .inf{
    width: 100%;
    padding: 10px 30px;
    color: #c84d24;
    background-color: #FFF;
    font-size: 14px;
}
#equipe .pessoa .inf .nome{
    color: #621639;
    font-size: 18px;
    font-weight: 900;
}

.slick-next::before {
    content: ">" !important;
    font-weight: bold;
}
.slick-prev:before {
    content: "<" !important;
    font-weight: bold;
}

.individual{
    max-width: 1000px !important;
    display: none;
    color: #c84d24;
}
.individual .foto{
    margin-right: 30px;
}
.individual .titulo{
    color: #621639;
    font-size: 14px;
    text-transform: uppercase;
}
.individual .oab{
    border-bottom: 1px solid #CCC;
    margin-bottom: 10px;
}

#contato{
    background-color: #cb4f24;
}
#contato .titulo{
    color: #FFF;
}

.sidebar-box ul li {
    margin-top: 10px;
}



/*-----------------------------------------------------------------------------------*
/* = Comments
/*-----------------------------------------------------------------------------------*/
#commentsbox {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
}
#comments{
    text-transform: none;
    font-weight: bold;
    color: #333;
    font-size: 13px;
    margin-top: 20px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #d6d6d6;
}
#commentsbox ol,
#commentsbox ul {
    list-style: none;
    margin: 0 !important;
}
#commentsbox li { }
.children {
    list-style: none;
    margin: 30px 0 0;
    text-indent: 0;
}
.children li.depth-2 { margin: 0 0 0px 65px }
.children li.depth-3 { margin: 0 0 0px 65px }
.children li.depth-4 { margin: 0 0 0px 65px }
.children li.depth-5 { margin: 0 0 0px 65px }
.children li.depth-6 { margin: 0 0 0px 65px }
.children li.depth-7 { margin: 0 0 0px 65px }
.children li.depth-8 { margin: 0 0 0px 65px }
.children li.depth-9 { margin: 0 0 0px 65px }
.children li.depth-10 { margin: 0 0 0px 65px }
.comment-body {
    position: relative;
    padding: 15px 15px 0;
    margin-left: 65px;
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #EBEBEB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
}
.comment-body p{
    margin-bottom: 15px !important;
}
.comment-body:after {
    content: '';
    position: absolute;
    top: 10px;
    left: -12px;
    width: 12px;
    height: 20px;
    background: url("images/comment-arrow.png") no-repeat;
}
.reply{
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
}
.comment-reply-link {
    font-size: 10px;
}
.comment-body:hover .reply{
    display: block;
}
#commentsbox .avatar {
    position: absolute;
    top: 0px;
    left: -65px;
    height: 40px;
    width: 40px;
    padding: 2px;
    border: 1px solid #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.comment-author {
    font-weight: bold;
    color: #000;
}
.says { display: none }
.comment-meta{
    margin-bottom: 10px;
}
.comment-meta a {
    font-size: 11px;
    font-style: italic;
    color: #666;
}
.cancel-comment-reply {
    margin-top: -10px;
}
.cancel-comment-reply a {
    color: #F00;
    line-height: 20px;
    height: 20px;
}
.cancel-comment-reply a:hover{
    text-decoration: underline;
}
#comments-respond {
    clear: left;
    text-transform: none;
    font-weight: bold;
    color: #333;
    font-size: 13px;
    margin-top: 0px;
    margin-bottom: 15px;
}
#comments-respond-meta{
    font-size: 11px;
}
#commentform label {
    display: block;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
    width: 45%;
    color: #666;
    border: 1px solid #cecece;
    outline: none;
    padding: 10px 5px;
    margin-bottom: 10px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #fff;
}
#commentform textarea {
    display: block;
    padding: 10px;
    width: 95%;
    color: #666;
    border: 1px solid #cecece;
    background-color: #fff;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus,
#commentform textarea:focus {
    border-color: #acacac !important;
}
#commentSubmit {
    font-size: 12px;
    margin-top: -5px;
    margin-bottom: 20px;
    outline: none;
}
#commentSubmit::-moz-focus-inner, #commentSubmit::-moz-focus-inner { border: 0; padding: 0; }
#commentSubmit span{
    display: block;
    margin: 0px;
    padding: 10px 15px !important;
}

/*--------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
    CSS CELULAR
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
----------------------------------------------------------
--------------------------------------------------------*/
@media only screen and (min-width : 10px) and (max-width : 767px) {
    #topoMobile{
        display: block;
    }
    #topo{
        display: none;
    }
    #mouse{
        display: none;
    }
    #foto {
        height: 50vh;
        text-align: center;
    }
    #foto .h-100{
        height: 90% !important;
    }
    #foto .frase {
        font-size: 30px;
        line-height: 30px;
        margin: 10px 0px;
    }
    #escritorio {
        width: 100vw;
        padding: 80px 0px;
        background: rgb(239,239,239);
        text-align: center;
    }
    #escritorio img{
        width: 100%;
        margin-top: 50px;
    }
    #areasAtuacao{
        text-align: center;
    }
    #areasAtuacao .item {
        width: 100%;
        padding: 40px;
    }
    #equipe .equipe,
    #equipe .pessoa{
        width: 80%;
    }
    #equipe .pessoa .foto {
        height: 250px;
    }
}