@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400|Oswald);

body {
  font-smoothing: antialiased !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  font-family: 'Open Sans', sans-serif !important;
  font-weight: 100 !important;
}

h1,h2,h3,h4,h5,h6 { font-family: 'Oswald', sans-serif !important; }

.bold { font-weight: bold !important; }
.block { display: block !important; }
.absolute { position: absolute; }
.relative { position: relative; }
.justify { text-align:justify; }
.bg-white { background-color: white !important; }
.bg-dark-red { background: #841211; }
.text-black { color: black !important; }
.text-white { color: white !important; }
.text-dark-red, a.text-dark-red { color: #841211; }
.text-italic { font-style: italic; }
.no-border { border: 0 !important; }
.no-border-top { border-top: 0 !important; }
.no-border-bottom { border-bottom: 0 !important; }
.no-radius { border-radius: 0 !important; }
.no-list-style { list-style: none !important; }
.no-text-decoration { text-decoration: none; }
.no-margin { margin: 0 !important; }
.no-margin-top { margin-top: 0 !important; }
.no-margin-bottom { margin-bottom: 0 !important; }
.no-shadow {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}

.btn-darkred {
  --bs-btn-font-weight: 600;
  --bs-btn-bg: rgb(132, 18, 17);;
  --bs-btn-border-color: rgb(132, 18, 17);
  --bs-btn-hover-bg: rgb(166, 28, 26);
  --bs-btn-hover-border-color: rgb(166, 28, 26);
}

.btn-outline-darkred {
  --bs-btn-font-weight: 600;
  --bs-btn-border-color: #841211;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(166, 28, 26);
  --bs-btn-hover-border-color: rgb(166, 28, 26);
}

.featurette-divider {
  margin: 2rem 0; /* Space out the Bootstrap <hr> more */
}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.loading:after {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
}
.loading-content {
  display:    block;
  position:   fixed;
  z-index:    9999999 !important;
  top:        0;
  left:       0;
  height:     100%;
  width:      100%;
  background: rgba( 255, 255, 255, .8 );
}
.loading-content #progress-icon .loading {
  display: table-cell;
  vertical-align: middle;
  top: 40%;
  bottom: 50%;
  left: 40%;
}
.loading-content #progress-icon .loading span {
  font-size: 16px;
  margin-top: 20px;
  font-weight: bold;
}

/**
* Header: Top
**/
.logo-topo
{
  background: #841211;
  padding: 20px 0 0 0;
  height: 120px;
  text-align: center;
}
.logo-topo img
{
  height: 80px !important;
}

/**
* Header: Navbar
**/
#navbar {
  background: #C3272A;
}

ul.navbar-nav > li > a:focus, ul.navbar-nav > li > a:hover,  ul.navbar-nav > li.active {
  background: #841211;
}

.navbar-nav > li > a {
  color: white !important;
  padding: 15px 25px !important;
}

/**
* Footer
**/
footer#footer
{
  padding-top: 20px;
  color: #A68E8E;
  height: 100% auto;
  background: #3a0505;
}

footer#footer img.logo-footer {
  width: 100px;
  opacity: 0.65;
}

footer#footer ul {
  padding: 0;
}

footer#footer ul li {
  list-style: none;
  display: inline;
  padding-right: 5px;
}

footer#footer ul li a i.fa-facebook, footer#footer ul li a i.fa-envelope {
  color: #3a0505;
}

footer#footer ul li a {
  color: #A68E8E;
  text-decoration: none;
}

footer#footer ul li a:hover {
  text-decoration: none;
}

footer#footer .author {
  opacity: 0.65;
  padding-bottom: 5px;
  background: #070000;
}

footer#footer .author img {
  width: 130px;
}

footer#footer .copyright {
  padding: 7px;
  background: #290202;
}

/**
* Page: Home
**/
#citation {
  background: white;
}

.blockquote {
  padding: 10px 0 0 20px !important;
  border-left: 5px solid #841211;
}

#last-articles a:hover {
  opacity: 0.6;
}

.ico-companies {
  width: 90px;
  height: 90px;
}

/**
* Page: O Escrtório
**/
.ico-partner {
  width: 200px;
}
.img-introduction {
  width: 100%;
}
.introduction-bottom {
  padding-top: 20px;
}

/**
* Page: Advogados
**/
#lawyers {
  padding-top: 25px;
  margin-bottom: 20px;
}
#lawyers .media-left {
  padding-right: 35px !important;
}
#lawyers .thumbnail {
  width: 145px;
}
.lawyer-item {
  background-color: #f8f8f8;
  text-align: center;
  margin-bottom: 30px;
  cursor: pointer;
}
.lawyer-item .mask-lawyer {
  opacity: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all .4s ease-in-out;
  cursor: pointer;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: hidden;
  position: absolute;
  background: rgba(132,18,17,.85);
}
.lawyer-item .mask-lawyer p {
  padding: 10px;
  color: 1px;
  opacity: 1;
}
.lawyer-item .mask-lawyer p i {
  z-index: 1;
}
.lawyer-item img {
  max-width: 120px;
  border-radius: 100%;
  margin-top: 30px;
}

.lawyer-name-pos {
  text-align: center;
  padding: 20px 20px 5px 20px;
}

.lawyer-name {
  color: #4f5668;
  font-weight: 400;
}

.lawyer-pos {
  font-weight: 300;
}

.lawyer-desc {
  font-weight: 300;
  color: #626878;
  padding: 0px 15px 15px 15px;
}

.lawyer-bottom {
  border-top: 1px solid #fff;
  padding-top: 5px;
  padding-bottom: 5px;
}

.lawyer-bottom a {
  text-decoration: none;
}

/**
* Page: Área de Atuação
**/
#areas ul {
  margin-bottom: 0;
}
#areas ul li {
  padding: 20px 10px;
}
#areas .areas-item {
  min-height: 40px;
}
#areas .areas-item i {
  margin-bottom: 10px;
  padding-top: 4px;
}

/**
* Page: Artigos
**/
#articles, #details-article {
  margin-bottom: 20px;
}

#articles, #details-article b {
  font-weight: bold;
}

/**
* Page: Contato
**/
#contact form input.form-control {
  border-left: 0 !important;
}
#contact form .input-group-text {
  background: white !important;
}
#contact form .input-group-text i {
  opacity: 0.7 !important;
}
#contact .location {
  padding-top: 15px;
}
#contact .location-item address {
  min-height: 100px;
}
#contact .location-item h4 i, #contact h3 i {
  vertical-align: top;
}
.google-maps {
  margin:10px 0;
  background:#DBDBDB;
  height:266px;
}

.google-maps iframe {
  width: 100%;
}