html, body{
    width: 100%;
}
body{
    padding-top: 0px;
    background-color: #fff;
}
p, a, h1, h2, h3, h4, h5, h6, li, small, span, label, font, input, button, textarea, select{
    margin: 0px;
}
.bloco{
    width: 100%;
}


/*fontes
font-family: 'Playfair Display', serif;
font-family: 'Muli', sans-serif;


*/
.navbar{
    background-color: transparent;
    min-height: 85px;
}
.navbar-default{
    border:none;
}
.navbar-default .navbar-header{

}
.navbar-default .navbar-nav > li {
    padding-bottom: 20px;
}
.navbar-default .navbar-header .navbar-brand{
    padding-top: 5px;
}
.navbar-default img{
    margin-top: 5px;
    width: 200px;
}
.navbar-nav{
    margin-top: 18px;
}
.navbar-nav > li > .dropdown-menu{
    background-color: white;
    color: #fff;
    border-radius: 0;
    padding: 0px;
    min-width: 190px;
    left: -10px;
    top: 65px;
}
.navbar-nav > li > .dropdown-menu a{
    color: #185778;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid white;
    font-family: 'Muli', sans-serif;
    text-align: left;
}
.navbar-nav > li > .dropdown-menu a:hover{
    background-color: #CCCC;
}
.navbar-nav > li .active {
    border-bottom: 3px solid white;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus{
    background-color: transparent;
}
.navbar-default .navbar-nav > li{
    padding-bottom: 0px;
    margin: 0 12px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: white;
}
.navbar-default .navbar-nav > li.dropdown span{
    color: #b61315;
}
.navbar-default .navbar-nav > li > a{
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
    padding: 15px 2px;
    padding-bottom: 31px !important;
}
.navbar-default .navbar-nav > #cliente a {
    border:2px solid white;
    padding-bottom: 5px !important;
    padding-top: 5px;
    margin-top: 7px;
    transition: 0.3s;
    padding-left: 10px;
    padding-right: 10px;
}
.navbar-default .navbar-nav > #cliente a:hover {
    background-color: white;
    color: #185778;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{
    color: #D1DAE0;
}
.navbar-toggle{
    margin-top: 18px;
    border: none;
    border-color: #fff !important;
    background-color:  #185778; 
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: #fff !important;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
    background-color:  #185778;
    opacity: 0.9;
}
.navbar-default .navbar-collapse{
    border: none;
    text-align: center;
    box-shadow: none;
}
.navbar-default .navbar-collapse .navbar{
    margin-top: 5px;
}

.navbarcolor {
    background-color: #185778;
}


#loading {
    background-color: #375876; 
    position:fixed;z-index:9999; 
    height:100%; width:100%; 
    overflow-x: hidden; 
    display: none; 
    top: 0px;
    left: 0px;
}
#loading img {
    width:50px; 
    top: 50%;
    left:50%; 
    position: relative; 
    transform: translateX(-50%) translateY(-50%);
}
#rodape{

}

.index#banner #carousel-inner .centralizar {
    
}

.mynavbar {
    position: absolute !important;
    box-shadow: none;
}
.navbar .container {
    border-bottom: 1px solid rgba(255,255,255,0.2);

}
.bg-azul {
    background-color: #185778;
    box-shadow: 0 0px 5px 2px rgba(0,0,0,0.3);
    transition: 0.4s;
}
.bordernone {
    border:none !important;
}


.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}



.index #carousel-banner-topo .carousel-inner .bannercentro {
    
}
.index #carousel-banner-topo .carousel-inner .bannercentro .bg-img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.centralizar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.carousel-control.left {
    left: -66px;
    top: 50%;
    transform: translateY(-17%);
    background-image: none;
}
.carousel-control.right {
    right: -66px;
    top: 50%;
    transform: translateY(-17%);
    background-image: none;
}
.index #carousel-banner-topo .carousel-inner .item h4 {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    color: white;
    text-transform: uppercase;
    font-weight: 500;
}
.index #carousel-banner-topo .carousel-inner .item hr {
    width: 15%;
    border: 2px solid  #9EB8CC;
}
.index #carousel-banner-topo .carousel-inner .item p {
    font-family: 'Muli', serif;
    font-size: 17px;
    color: white;
    font-weight: 500;
}
.index #carousel-banner-topo .carousel-indicators li {
    border-radius: 0px;
}

.index #carousel-banner-topo .carousel-inner .item .bloquinhoseta {
    background-color: white;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 20px;
    position: relative;
}
.index #carousel-banner-topo .carousel-inner .item .bloquinhoseta img {
    position: relative;
    left: -10px;
    animation: mymovereturn 0.5s;
}
.index #carousel-banner-topo .carousel-inner .item a {
    padding: 0px;
    margin-top: 40px;
    display: inline-block;
}
.index #carousel-banner-topo .carousel-inner .item #botaoseta {
    font-family: 'Muli', serif;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}
.index #carousel-banner-topo .carousel-inner .item #botaoseta:hover img {
    animation: mymove 0.5s;
    animation-fill-mode: forwards;
    
}
.index #carousel-banner-topo .carousel-inner .item #botaoseta:hover {
    opacity: 1;
}

.index#escritorio {
    background-color: #F1F1F1;
}
.index#escritorio .bg-escritorio {
    background-repeat: no-repeat;
    background-size: cover;
}
.index#escritorio .col-sm-6 {
    padding-left: 0px;
    padding-right: 0px;
}
.index#escritorio .bem-vindo {
    padding-top: 50px;
    padding-bottom: 50px;
    margin-right: 70px;
}
.index#escritorio .bem-vindo h5 {
    font-family: 'Muli', serif;
    font-size: 16px;
    color: #185778;
    text-transform: uppercase;
}
.index#escritorio .bem-vindo h3 {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 700;
    color: #185778;
    margin-bottom: 30px;
}
.index#escritorio .bem-vindo h6 {
    font-family: 'Muli', serif;
    font-size: 16px;
    color: #185778;
    margin-bottom: 30px;
    font-weight: 700;
}
.index#escritorio .bem-vindo p {
    font-family: 'Muli', serif;
    font-size: 16px;
    color: #444444;
    margin-bottom: 50px;
}
.index#escritorio .bem-vindo a {
    color: #185778;
    text-decoration: none;
    font-family: 'Muli', serif;
    font-weight: 700;
    padding-bottom:  50px;
}

.index#escritorio .conheca .bloquinhoseta {
    background-color: white;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 20px;
    position: relative;
}
.index#escritorio .conheca .bloquinhoseta img {
    position: relative;
    left: -10px;
    animation: mymovereturn 0.5s;
}
.index#escritorio .conheca a {
    padding: 0px;
}
.index#escritorio #botaoseta {
    font-family: 'Muli', serif;
    color: #375876;
    font-weight: 700;
    text-decoration: none;
}
.index#escritorio #botaoseta:hover img {
    animation: mymove 0.5s;
    animation-fill-mode: forwards;
    
}
.index#escritorio #botaoseta:hover {
    opacity: 1;
}


.textosprincipais h4 {
    font-family: 'Muli', serif;
    font-size: 16px;
    color: #185778;
    font-weight: 700;
    text-transform: uppercase;
}
.textosprincipais h3 {
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 700;
    color: #185778;
    margin-bottom: 70px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.index#acontece {
    padding-top: 70px;
    padding-bottom: 70px;
}
.index#acontece .dataacontece {
    background-color: #185778;
}
.index#acontece .dataacontece h3{
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    color: white;
}
.index#acontece .dataacontece hr{
    width: 40%;
    border: 1px solid white;
    margin-top: 7px;
    margin-bottom: 5px;
    display: inline-block;
}
.index#acontece .mesacontece {
    background-color: #DBE5EA;
}
.index#acontece .mesacontece h5 {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block;
}
.index#acontece .tituloacontece {

}
.index#acontece .tituloacontece h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
}
.index#acontece .tituloacontece p {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 14px;
    font-weight: 700;
}
.index#acontece .tituloacontece hr {
    margin-top: 8px;
    margin-bottom: 15px;
    width: 7%;
    margin-left: 0px;
    border: 1px solid #375876;
}
.index#acontece .textoacontece {
    margin-bottom: 50px;
}
.index#acontece .textoacontece p{
    font-family: 'Muli', serif;
    font-size: 15px;
}
.index#acontece .textoacontece a {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}
.index#acontece .textoacontece a:hover {
    opacity: 0.5;
}
.index#acontece .conheca .bloquinhoseta {
    background-color: #DBE5EA;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 20px;
    position: relative;
}
.index#acontece .conheca .bloquinhoseta img {
    position: relative;
    left: -10px;
    animation: mymovereturn 0.5s;
}
.index#acontece #botaoseta {
    font-family: 'Muli', serif;
    color: #375876;
    font-weight: 700;
    text-decoration: none;
}
.index#acontece #botaoseta:hover img {
    animation: mymove 0.5s;
    animation-fill-mode: forwards;
    
}
.index#acontece #botaoseta:hover {
    opacity: 1;
}



#principal {
    padding-top: 120px;
    padding-bottom: 120px;
    background-size: cover;
    background-position: center;
    margin-top: 80px;
}
#principal h2 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#principal h4 {
    font-family: 'Muli', serif;
    font-size: 15px;
    font-weight: 500;
}
#principal a {
    text-decoration: none;
    color: black;
}
#principal a:hover {
    text-decoration: none;
    opacity: 0.5;

}
#principal h4 span{
    font-family: 'Muli', serif;
    font-size: 15px;
    color: #375876;
    font-weight: 500;
    text-transform: uppercase;
}

.escritorio#sobre  .bg-sobre {
    background-position: center;
    background-size: cover;
}
.escritorio#sobre .col-sm-6 {
    padding-right: 0px;
}
.escritorio#sobre {
    padding-top: 70px;
    padding-bottom: 70px;
}
.escritorio#sobre h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 25px;
}
.escritorio#sobre h5 {
    font-family: 'Muli', serif;
    font-size: 16px;
    font-weight: 700;
    color: #375876;
    margin-bottom: 20px;
}
.escritorio#sobre p {
    font-family: 'Muli', serif;
    font-size: 15px;
    text-align: justify;
}
.escritorio#missaovisaovalores {
    padding-top: 50px;
    padding-bottom: 70px;
}
.escritorio#missaovisaovalores .nav {
    border-bottom: 2px solid #9ABDD1 ;
    padding-left: 25%;

}
.escritorio#missaovisaovalores .tab-content .tab-pane p{
    margin-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
} 
.escritorio#missaovisaovalores  .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: black;
    background-color: transparent;
    border-bottom: 3px solid #375876;
    margin-bottom: -2px;
}
.escritorio#missaovisaovalores .nav-pills > li {
    color: black;
}
.escritorio#missaovisaovalores .nav-pills > li > a {
    border-radius: 0px;
}
.escritorio#missaovisaovalores .nav-pills > li p {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase;
}
.escritorio#missaovisaovalores .nav-justified > li {
    width: 0%;
}


.escritorio#filosofia {
    padding-top: 90px;
    padding-bottom: 90px;
    background-size: cover;
}
.escritorio#filosofia h3{
   color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.escritorio#filosofia p {
    font-family: 'Muli', serif;
    font-size: 15px;
    line-height: 25px;
}
.administrativo#faleconosco {
    padding-top: 100px;
    padding-bottom: 100px;
}
.administrativo#faleconosco p {
    font-family: 'Muli', serif;
    font-size: 15px;
}
.administrativo#faleconosco p a{
    color: #333;
}
.administrativo#faleconosco h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
    border-left: 4px solid #375876;
    padding-left: 20px;
    line-height: 35px;
}


.criminal#faleconosco {
    padding-top: 100px;
    padding-bottom: 100px;
}
.criminal#faleconosco p {
    font-family: 'Muli', serif;
    font-size: 15px;
    margin-bottom: 10px;
}
.criminal#faleconosco h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
    border-left: 4px solid #375876;
    padding-left: 20px;
    line-height: 35px;
}
.criminal#faleconosco img {
    margin-top: 50px;
    margin-bottom: 15px;
}
.criminal#faleconosco h5 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}


.civil#conteudo {
    padding-top: 100px;
    padding-bottom: 100px;
}
.civil#conteudo .bg-administrativo {
    background-size: cover;
    background-position: center;
}
.civil#conteudo p {
    font-family: 'Muli', serif;
    font-size: 15px;
    margin-bottom: 10px;
}
.civil#conteudo h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
    border-left: 4px solid #375876;
    padding-left: 20px;
    line-height: 35px;
}
.civil#conteudo img {
    margin-top: 50px;
    margin-bottom: 15px;
}
.civil#conteudo h5 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}

.tributario#conteudo .bg-administrativo {
    background-size: cover;
    background-position: center;
}
.tributario#conteudo {
    padding-top: 100px;
    padding-bottom: 100px;
}
.tributario#conteudo p {
    font-family: 'Muli', serif;
    font-size: 15px;
    margin-bottom: 10px;
}
.tributario#conteudo h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
    border-left: 4px solid #375876;
    padding-left: 20px;
    line-height: 35px;
}
.tributario#conteudo img {
    margin-top: 50px;
    margin-bottom: 15px;
}
.tributario#conteudo h5 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}


.correspondencia#conteudo .bg-administrativo {
    background-size: cover;
    background-position: center;
}
.correspondencia#conteudo {
    padding-top: 100px;
    padding-bottom: 100px;
}
.correspondencia#conteudo p {
    font-family: 'Muli', serif;
    font-size: 15px;
    margin-bottom: 10px;
}
.correspondencia#conteudo h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
    margin-top: 30px;
    border-left: 4px solid #375876;
    padding-left: 20px;
    line-height: 35px;
}
.correspondencia#conteudo img {
    margin-top: 50px;
    margin-bottom: 15px;
}
.correspondencia#conteudo h5 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 15px;
}


.links#conteudo {
    padding-top: 70px;
    padding-bottom: 70px;
}
.links#conteudo .superiores {

}
.links#conteudo .federais{
    margin-top: 30px;
}
.links#conteudo .trabalho{
    margin-top: 30px;
}
.links#conteudo h4 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}

.links#conteudo h5 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 20px;
}
.links#conteudo a i {
    width: 5px;
    color: #375876; 
    font-size: 11px;
}
.links#conteudo a {
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-family: 'Muli', serif;
    font-size: 15px;
    font-weight: 700;
    color: #444444;
    text-decoration: none;
}
.links#conteudo a:hover {
    opacity: 0.5;
}



.contato#faleconosco  {
    padding-top: 70px;
    padding-bottom: 70px;
}
.contato#faleconosco h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 30px;
}
.contato#faleconosco .iconsocial a {
    margin-right: 10px;
    margin-bottom: 30px;
    display: inline-block;
}
.contato#faleconosco .contatos h5 {
    font-family: 'Muli', serif;
    font-size: 15px;
    margin-bottom: 20px;
}
.contato#faleconosco .contatos h5 i {
    color: #185778;
    margin-right: 5px;
}
.contato#faleconosco .contatos a {
    text-decoration: none;
    color: black;
}
.contato#faleconosco .contatos a:hover {
    opacity: 0.5;
}
.contato#faleconosco input {
    margin-bottom: 20px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    box-shadow: none;
    outline: none;
}
.contato#faleconosco input::placeholder {
    color: black;
}
.contato#faleconosco textarea::placeholder{
     color: black;
}
.contato#faleconosco textarea{
    margin-bottom: 20px;
    border-radius: 0px;
    border: 1px solid #cccccc;
    box-shadow: none;
    outline: none;
    height: 100px;
    resize: none;
}
.contato#faleconosco .enviar .bloquinhoseta {
    background-color: #DBE5EA;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 20px;
    position: relative;
}
.contato#faleconosco .enviar .bloquinhoseta img {
    position: relative;
    left: -10px;
    animation: mymovereturn 0.5s;
}
.contato#faleconosco #botaoseta:hover img {
    animation: mymove 0.5s;
    animation-fill-mode: forwards;
    
}
.contato#faleconosco #botaoseta:hover {
    opacity: 1;
}
.contato#faleconosco #botaoseta {
    background-color: transparent;
    border:none;
    font-family: 'Muli', serif;
    font-size: 15px;
    color: #375876;
    font-weight: 700;
}

.acontece#acontece {
    padding-top: 70px;
    padding-bottom: 70px;
}
.acontece#acontece .dataacontece {
    background-color: #185778;
    width: 65%;
}
.acontece#acontece .dataacontece h3{
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    color: white;
}
.acontece#acontece .dataacontece hr{
    width: 40%;
    border: 1px solid white;
    margin-top: 7px;
    margin-bottom: 5px;
    display: inline-block;
}
.acontece#acontece .mesacontece {
    background-color: #DBE5EA;
    width: 65%;
}
.acontece#acontece .mesacontece h5 {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block;
}
.acontece#acontece .tituloacontece {

}
.acontece#acontece .tituloacontece h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
}
.acontece#acontece .tituloacontece p {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 14px;
    font-weight: 700;
}
.acontece#acontece .tituloacontece hr {
    margin-top: 8px;
    margin-bottom: 15px;
    width: 7%;
    margin-left: 0px;
    border: 1px solid #375876;
}
.acontece#acontece .textoacontece {
    margin-bottom: 50px;
    text-align: justify;
}
.acontece#acontece .textoacontece p{
    font-family: 'Muli', serif;
    font-size: 15px;
}
.acontece#acontece .textoacontece a {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}
.acontece#acontece .textoacontece a:hover {
    opacity: 0.5;
}

.acontece#acontece .mesacontece2 {
    background-color: #DBE5EA;
    width: 100%;
}
.acontece#acontece .dataacontece2 {
    background-color: #375876;
}
.acontece#acontece .dataacontece2 h3{
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    color: white;
}
.acontece#acontece .dataacontece2 hr{
    width: 40%;
    border: 1px solid white;
    margin-top: 7px;
    margin-bottom: 5px;
    display: inline-block;
}
.acontece#acontece .mesacontece2 h5 {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 7px;
    display: inline-block;
}
.acontece#acontece .tituloacontece2 h3 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
}
.acontece#acontece .tituloacontece2 p {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 14px;
    font-weight: 700;
}
.acontece#acontece .tituloacontece2 hr {
    margin-top: 8px;
    margin-bottom: 15px;
    width: 7%;
    margin-left: 0px;
    border: 1px solid #375876;
}
.acontece#acontece .textoacontece2 {
    margin-bottom: 50px;
}
.acontece#acontece .textoacontece2 p{
    font-family: 'Muli', serif;
    font-size: 15px;
}
.acontece#acontece .textoacontece2 a {
    color: #375876;
    font-family: 'Muli', serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    display: block;
}
.acontece#acontece .textoacontece2 a:hover {
    opacity: 0.5;
}
.pagination {
    background-color: #DBE5EA;
    border-radius: 0px;
    padding: 5px 10px;
    margin-left: 5px;
    font-family: 'Muli', serif;
    font-weight: 700;
    border: 1px solid #DBE5EA;
}
.pagination.active{
    background-color: white;
    border: 1px solid #DBE5EA;
}
.tituloacontece a {
    text-decoration: none !important;
}
.tituloacontece2 a {
    text-decoration: none !important;
}
.tituloacontece:hover a {
    opacity: 0.5;
}
.tituloacontece2:hover a {
    opacity: 0.5;
}
.acontece#acontece .compartilhar h4{
    font-family: 'Muli', serif;
    font-size: 18px;
    font-weight: 700;
}
.acontece#acontece .compartilharlinks i {
    margin-left: 10px;
    font-size: 18px;
}
.acontece#acontece .compartilharlinks a {
    text-decoration: none;
    color: #375876;
}
.acontece#acontece .relacionados {
    margin-top: 50px;
    margin-bottom: 40px;
}
.acontece#acontece .relacionados h4 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
}
.lateralacontece h4 {
    color: #375876;
    font-family: 'Playfair Display', serif;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.lateralacontece a {
    display: block;
    font-family: 'Muli', serif;
    color: #375876;
    font-weight: 700;
    text-decoration: none;
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
}
.lateralacontece a:hover {
    opacity: 0.5;
}
.lateralacontece i {
    margin-right: 10px;
    font-size: 10px;
}
.lateralacontece .postsrecentes {
    margin-bottom: 40px;
}

.lateralacontece .maislidos {
    margin-bottom: 40px;
}

.lateralacontece .categorias {
    margin-bottom: 40px;
}



/*Include Atuação*/
#atuacao{
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #F1F1F1;
}
#atuacao img{

}
#atuacao h5 {
    font-family: 'Playfair Display', serif;
    font-size: 21px;
    font-weight: 700;
    color: #375876;
}
#atuacao hr {
    width: 10%;
    border: 1px solid #93B9CE;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}
#atuacao p {
    margin-bottom: 50px;
    font-family: 'Muli', serif;
    font-size: 15px;
    font-weight: 600;
}
#atuacao a {
    font-family: 'Muli', serif;
    font-size: 15px;
    font-weight: 700;
    color: #375876;
    text-decoration: none;
}
#atuacao a:hover {
    opacity: 0.5;
}

#atuacao .conheca .bloquinhoseta {
    background-color: #DBE5EA;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 20px;
    position: relative;
}
#atuacao .conheca .bloquinhoseta img {
    position: relative;
    left: -10px;
    animation: mymovereturn 0.5s;
}
#atuacao #botaoseta:hover img {
    animation: mymove 0.5s;
    animation-fill-mode: forwards;
    
}
#atuacao #botaoseta:hover {
    opacity: 1;
}


/*Fim Include Atuação ---------------*/

/*Include Footer*/
.footer#footer {
    background-color: #58707F;
    padding-top: 50px;
    padding-bottom: 10px;
}
.footer#footer .logofooter {
  
}
.footer#footer .logofooter img {
    margin-bottom: 20px;
}
.footer#footer .linksfootersocial img {
  margin-left: 10px;
  margin-bottom: 30px;
}
.footer#footer .contatos h5 {
  font-family: 'Muli', serif;
    font-size: 15px;
    color: white;
    margin-bottom: 20px;
    line-height: 20px;
}
.footer#footer .contatos i {
  margin-right: 10px;
}
.footer#footer .escritorio h4{
  font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: white;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 40px;
}
.footer#footer .escritorio h5{
  font-family: 'Muli', serif;
    font-size: 15px;
    color: white;
    margin-bottom: 15px;
}
.footer#footer .escritorio h5 i {
    font-size: 8px;
}
.footer#footer .escritorio hr{
  width: 10%;
  border: 1px solid white;
  margin-left: 0px;
  margin-top: 10px;
}
.footer#footer .areadocliente {
    margin-top: 40px;
}
.footer#footer .areadocliente h4{
  font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: white;
    font-weight: 700;
    letter-spacing: 1px;
}
.footer#footer a {
    text-decoration: none;
}

.footer#footer .areadocliente h5{
  font-family: 'Muli', serif;
    font-size: 15px;
    color: white;
    margin-bottom: 15px;
}
.footer#footer .areadocliente h5 i {
    font-size: 8px;
}
.footer#footer .areadocliente hr{
  width: 10%;
  border: 1px solid white;
  margin-left: 0px;
  margin-top: 10px;
}
.footer#footer .atuacao {

}
.footer#footer .atuacao h4{
  font-family: 'Playfair Display', serif;
    font-size: 20px;
    color: white;
    font-weight: 700;
    letter-spacing: 1px;
    margin-top: 40px;
}
.footer#footer .atuacao h5{
  font-family: 'Muli', serif;
    font-size: 15px;
    color: white;
    margin-bottom: 20px;
}
.footer#footer .atuacao h5 i {
    font-size: 8px;
}
.footer#footer .atuacao hr{
  width: 10%;
  border: 1px solid white;
  margin-left: 0px;
  margin-top: 10px;
}
.footer#rodape {
  background-color: #185778;
  padding-top: 5px;
}
.footer#rodape p{
  font-family: 'Muli', serif;
    font-size: 15px;
    color: white;
}
.footer#rodape img{
    margin-bottom: 5px;
    margin-right: 10px;
    width: 20px;
}
/*Fim include footer----------------*/

.modal#areacliente .modal-content {
   padding-bottom: 0px;
   border-radius: 0px;
}
.modal#areacliente .modal-content .modal-header {
    border: none;
}
.modal#areacliente .modal-content {
    padding-left: 25px;
    padding-right: 20px;
}
.modal#areacliente .modal-header {
    
}
.modal#areacliente .modal-body {
    padding-bottom: 0px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 0px;
}

.modal#areacliente .modal-body h3 {
    font-size: 30px;
    color: #185778;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    letter-spacing: 2px;
    margin-bottom: 60px;
}

.modal#areacliente .modal-body input {
    height: 30px;
    margin-bottom: 10px !important;
    width: 100%;
    border-radius: 0px;
    padding-left: 10px !important;
    box-shadow: none;
    outline: none;
}
.modal#areacliente .modal-body input:focus {
    border-color: #ccc;
}
.modal#areacliente .modal-body input::placeholder {
    font-size: 12px !important;
    text-align: center;
    color: black;
    font-family: 'Muli', serif;
}

.modal#areacliente .modal-body button {
    background-color: #008EB5;
    padding: 9px 30px;
    border:1px solid #008EB5;
    color: white;
    margin-top: 20px;
    margin-bottom: 50px;
}
.modal#areacliente .modal-body img {
    width: 280px;
    position: relative;
    right: -152px;
}


.modal#areacliente .enviar .bloquinhoseta {
    background-color: #DBE5EA;
    display: inline-block;
    padding-bottom: 8px;
    padding-top: 5px;
    margin-left: 20px;
    position: relative;
}
.modal#areacliente .enviar .bloquinhoseta img {
    position: relative;
    left: -10px;
    animation: mymovereturn 0.5s;
    width: 35px;
}
.modal#areacliente #botaoseta:hover img {
    animation: mymove 0.5s;
    animation-fill-mode: forwards;
    
}
.modal#areacliente #botaoseta:hover {
    opacity: 1;
}
.modal#areacliente #botaoseta {
    background-color: transparent;
    border:none;
    font-family: 'Muli', serif;
    font-size: 15px;
    color: #375876;
    font-weight: 700;
}
.modal#areacliente .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
}

.modal#alerta{

}
.modal#alerta .listras-topo{
    height: 5px;
}
.modal#alerta .modal-content{
    border-radius: 0px;
}
.modal#alerta .modal-header{
    border: 0px;
    background-color: #375876; 
}
.modal#alerta .modal-header .modal-title{
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px !important;
    margin-top: 0px !important;
    font-size: 24px;
}
.modal#alerta .modal-header button span {
    color: white;
    opacity: 1;
}
.modal#alerta .modal-body{
    padding: 30px 20px;
    text-align: center;
}


.modal#logincliente{

}
.modal#logincliente .listras-topo{
    height: 5px;
}
.modal#logincliente .modal-content{
    border-radius: 0px;
}
.modal#logincliente .modal-header{
    border: 0px;
    background-color: #375876; 
}
.modal#logincliente .modal-header .modal-title{
    color: red;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px !important;
    margin-top: 0px !important;
    font-size: 16px;
}
.modal#logincliente .modal-header button span {
    color: white;
    opacity: 1;
}
.modal#logincliente .modal-body{
    padding: 30px 20px;
    text-align: center;
}
/* Medias queries */
@media (min-width: 1200px){
    .container {
        width: 1100px !important;
    }
}
@media (max-width: 1000px){

}
@media (min-width: 768px) {

	.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (max-width: 768px) {
    body{
        padding-top: 40px;
    }
    .navbar-default img {
        margin-top: 3px;
        width: 140px;
    }
    .navbar {
        min-height: 66px;
    }
    .navbar-default .navbar-nav{
        padding-bottom: 10px;
    }
    .navbar-default .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-default .navbar-nav > #cliente a {
        border: none;
    }
    .navbar-nav > li .active {
        border:none;
    }
    .index #carousel-banner-topo .carousel-inner .item .centralizar{
        width: 85%;
    }
    .index #carousel-banner-topo .carousel-inner .item a{
        margin-top: 25px;
    }
    .index #carousel-banner-topo .carousel-inner .item h4 {
        font-size: 22px;
    }
    .index #carousel-banner-topo .carousel-inner .item p {
        font-size: 15px;
    }
    .index#escritorio .bem-vindo h3 {
      font-size: 26px;
    }
    .textosprincipais h4 {
        font-size: 13px;
    }
    .textosprincipais h3 {
        font-size: 22px;
    }
    #principal {
        padding-top: 8px;
        padding-bottom: 15px;
        background-size: cover;
        background-position: center;
        margin-top: 66px;
    }
    #principal h2 {
        font-size: 21px;
    }
    #principal h4 {
        font-size: 12px;
    }
    #principal h4 span {
        font-size: 12px;
    }
    .escritorio#sobre {
        padding-top: 70px;
        padding-bottom: 1px;
        padding-right: 15px;
    }
    .escritorio#sobre h3 {
        font-size: 25px;
    }
    .escritorio#sobre .bg-sobre {
        margin-top: 40px;
    }

    .escritorio#missaovisaovaloresmobile {
        padding-bottom: 60px;
        padding-top: 40px;
    }
    .escritorio#missaovisaovaloresmobile h4 {
        color: #375876;
        font-family: 'Playfair Display', serif;
        font-size: 21px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 15px;
        margin-top: 30px;
    }
    .escritorio#missaovisaovaloresmobile p {
        font-family: 'Muli', serif;
        font-size: 15px;
        text-align: justify;
    }
    .escritorio#filosofia h3 {
        font-size: 22px;
    }
    .escritorio#filosofia {
        padding-top: 43px;
        padding-bottom: 36px;
    }
    .acontece#acontece .tituloacontece h3 {
        font-size: 25px;
    }
    .acontece#acontece .dataacontece {
        width: 100%;
    }
    .acontece#acontece .mesacontece {
        width: 100%;
        margin-bottom: 20px;
    }
    .acontece#acontece .mesacontece2 {
        margin-bottom: 10px;
    }
    .links#conteudo h4 {
        margin-top: 30px;
    }
    .administrativo#faleconosco h3 {
        font-size: 20px;
    }
    .administrativo#faleconosco {
        padding-top: 42px;
        padding-bottom: 88px;
    }
    .bg-administrativo {
        margin-top: 30px;
    }
    .criminal#faleconosco {
        padding-top: 31px;
        padding-bottom: 43px;
    }
    .criminal#faleconosco h3 {
        font-size: 19px;
    }
    .bg-criminal {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .civil#conteudo {
        padding-top: 43px;
        padding-bottom: 78px;
    }
    .civil#conteudo h3 {
        font-size: 20px;
    }
    .correspondencia#conteudo {
        padding-top: 36px;
        padding-bottom: 68px;
    }
    .correspondencia#conteudo h3 {
        font-size: 20px;
    }
    .tributario#conteudo {
        padding-top: 36px;
        padding-bottom: 61px;
    }
    .bg-administrativo {
        margin-bottom: 30px;
    }
    .tributario#conteudo h3 {
        font-size: 19px;
    }
    .navbar-nav > li > .dropdown-menu a {
        color: white !important;
        text-align: center;
    }
}


@keyframes mymove {
  0%   {left: -10px;}
  100% {left: 5px;}
}

@keyframes mymovereturn {
  0%   {left: 5px;}
  100% {left: -10px;}
}