@import url("https://fonts.googleapis.com/css?family=Montserrat:400,600|Open+Sans:400,600,700");
.clear {
  clear: both;
}

.field-validation-error {
  font-size: 11px;
  font-weight: 600;
  color: #d01b2c;
}

.form-group label.opcional:after {
  content: ' (opcional)';
  color: #9797A5;
}

a.navbar-brand, a.navbar-brand:hover, a.navbar-brand:active, a.navbar-brand:visited {
  padding: 0 0 7px 0 !important;
  border: none !important;
}

.form-control {
  font-size: 0.875rem;
}

.swal-modal {
  background-color: #171717;
}

.swal-modal .swal-icon--error {
  border-color: #d01b2c;
}

.swal-modal .swal-icon--error .swal-icon--error__line {
  background-color: #d01b2c;
}

.swal-modal .swal-icon--success .swal-icon--success__hide-corners {
  background-color: #171717;
}

.swal-modal .swal-icon--success .swal-icon--success__ring {
  border: 4px solid rgba(164, 219, 132, 0.85);
}

.swal-modal .swal-icon--success::before {
  background: #171717;
}

.swal-modal .swal-icon--success::after {
  background: #171717;
}

.swal-modal .swal-title {
  color: #B89239;
}

.swal-modal .swal-text {
  color: #DDDDDD;
}

.swal-modal .swal-footer .swal-button {
  background-color: #B89239;
  color: #171717;
}

.swal-modal .swal-footer .swal-button:focus {
  box-shadow: none;
}

* {
  outline: none !important;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  outline: none !important;
  font-size: 16px;
}

body {
  font-family: "Open Sans", sans-serif;
  padding: 0;
  margin: 0;
  background: #171717;
  color: #DDDDDD;
  font-size: 0.875rem;
  background-image: url(../Img/background.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
}

@media screen and (max-width: 375px) {
  body {
    font-size: 0.8125rem;
  }
}

h1, h2 {
  font-family: 2.25rem;
  color: #B89239;
  text-align: center;
}

h1 {
  font-weight: 700;
  font-size: 2.25rem;
  margin-bottom: 30px;
}

@media screen and (max-width: 375px) {
  h1 {
    font-size: 1.375rem;
  }
}

h2 {
  font-weight: 600;
  font-size: 1.375rem;
  margin-bottom: 25px;
}

@media screen and (max-width: 375px) {
  h2 {
    font-size: 1rem;
  }
}

p {
  text-align: center;
}

p.introducao {
  margin-bottom: 50px;
}

hr {
  border-bottom: solid 1px #DDDDDD;
  width: 60%;
  text-align: center;
  margin: 15px 20% 15px 20%;
}

#menu-principal {
  background-color: none !important;
  padding: 1rem;
}

#menu-principal .navbar-brand {
  display: none;
}

#menu-principal .nav-item .nav-link {
  font-size: 1rem;
  color: #B89239;
  font-weight: 600;
  padding: 0.2rem 1rem;
}

#menu-principal .nav-item .nav-link:not(.acessar-sistema)::after {
  content: '';
  width: 100%;
  display: block;
  border-bottom: solid 3px #B89239;
  margin-top: 3px;
  visibility: hidden;
  transition: all 1s;
}

#menu-principal .nav-item .nav-link:hover:not(.acessar-sistema)::after {
  transition: all 1s;
  visibility: visible;
}

#menu-principal .nav-item .nav-link.acessar-sistema {
  border: solid 3px #DDDDDD;
  color: #DDDDDD;
  padding: 0.1rem 1rem;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1.85rem;
  margin-left: 10px;
}

#menu-principal.fixed-top {
  background-color: #171717 !important;
  transition: all 1s;
}

#menu-principal.fixed-top .navbar-brand {
  display: inline;
}

ul.lista-detalhes {
  list-style: none;
  padding: 0;
}

ul.lista-detalhes li {
  margin-bottom: 50px;
}

.slide {
  min-height: 519px;
  position: relative;
  padding: 50px 0;
}

@media screen and (max-width: 375px) {
  .slide {
    padding: 25px 0;
  }
}

.background-black {
  background-color: rgba(0, 0, 0, 0.5);
}

.background-gray {
  background-color: rgba(23, 23, 23, 0.65);
}

.apresentacao {
  min-height: 365px;
}

@media screen and (max-width: 375px) {
  .apresentacao {
    min-height: 165px;
  }
}

.apresentacao .logo {
  margin-top: 8%;
}

.projetos {
  margin-top: 75px;
  min-height: 265px;
  background-color: rgba(23, 23, 23, 0.65);
}

.projetos h2 {
  margin-bottom: 30px;
}

.projetos .logos a {
  text-decoration: none;
}

.projetos .logos a::after {
  text-align: center;
  display: block;
  width: 50%;
  content: 'Acesse o site!';
  background-color: #B89239;
  border-radius: 10px;
  color: #FFF;
  margin: 15px auto 0 auto;
  visibility: hidden;
}

.projetos .logos a:hover::after {
  visibility: visible;
}

#indeep .frase-desenvolvimento {
  background-color: #171717;
  padding: 1rem 1.5rem;
  margin-top: 30px;
  margin-bottom: 30px;
}

.contato .formulario {
  margin-bottom: 90px;
}

.contato .formulario input, .contato .formulario textarea {
  border-radius: 0;
  background-color: #171717;
  border: solid 1px #B89239;
  color: #DDDDDD;
}

.contato .formulario textarea {
  min-height: 121px;
}

.contato .formulario button[type="submit"] {
  border-radius: 0;
}

.contato .contato-info .contato-info-item {
  background-color: #171717;
  text-align: center;
  font-size: 0.8125rem;
  padding: 30px;
  min-height: 195px;
}

@media screen and (max-width: 375px) {
  .contato .contato-info .contato-info-item {
    margin-bottom: 20px;
    padding: 15px;
    min-height: 170px;
  }
}

.contato .contato-info .contato-info-item img {
  padding: 10px;
  border-bottom: solid #B89239 5px;
  margin-bottom: 20px;
}

.contato .contato-info .contato-info-item p {
  margin-bottom: 0;
}

.contato .contato-info .contato-info-item a:link, .contato .contato-info .contato-info-item a:hover, .contato .contato-info .contato-info-item a:active {
  color: #DDDDDD;
}

footer .container {
  padding-top: 10px;
  padding-bottom: 10px;
}

.bootstrap-select button.dropdown-toggle {
  line-height: 1.9;
}

.bootstrap-select button.dropdown-toggle.bs-placeholder {
  color: #B89239;
}

.bootstrap-select .dropdown-menu, .bootstrap-select .btn {
  font-size: 0.8153rem !important;
  border-radius: 0;
}

.bootstrap-select .dropdown-menu.show, .bootstrap-select .btn.show {
  background: #171717;
  color: #fff;
}

.bootstrap-select .dropdown-menu.show .dropdown-item, .bootstrap-select .btn.show .dropdown-item {
  color: #B89239;
}

.bootstrap-select .dropdown-menu.show .dropdown-item.active, .bootstrap-select .btn.show .dropdown-item.active {
  color: #FFF;
}

.bootstrap-select .dropdown-menu.show .dropdown-item:hover, .bootstrap-select .btn.show .dropdown-item:hover {
  background-color: #B89239;
  color: #FFF;
}

.bootstrap-select .btn-dark {
  background: #171717;
  border-color: #B89239;
}

.bootstrap-select.show .btn-dark {
  background: #171717;
  color: #fff;
}