/* Estilos Gerais */

* {
  color: #25282e;
}

a,
i {
  transition: .5s;
  text-decoration: none;
}

.secondary-color {
  color: #555;
}

.center-image {
  background-size: cover;
  background-position: center;
}

.btn {
  text-decoration: none;
  background-color: #2793F2;
  color: #fff;
  padding: 7px 18px;
  border-radius: 0;
}

.btn:hover {
  background-color: #333;
  color: #fff;
}

.nav-color {
  background-color: #2793F2;
}




/* Galery */

#img2 {
  background-image: url("/img/g_2.png");
}

#img3 {
  background-image: url("/img/g_3.png");
}

#img4 {
  background-image: url("/img/g_4.png");
}

#img5 {
  background-image: url("/img/g_5.png");
}

#galery-container h1 {
  text-align: center;
}

#gallery-container h1,
#gallery-container .col-md-6,
#gallery-container .col-12 {
  margin-bottom: 20px;
}

.small-image-container {
  height: 250px;
  margin-bottom: 20px;
}

/* Footer */

footer {
  border-top: 1px solid #ccc;
  height: 250px;
  padding: 30px;
}

footer i {
  font-size: 20px;
}

#social-icons-container {
  padding: 20px;
}

#social-icons-container div {
  text-align: center;
}

footer p {
  text-align: center;
  margin: 20px;
}

a:hover i {
  color: #C1B696;
}



/*Pre loader*/

:root {
  --cor-preto: #494a4a;
  --cor-branco: #ffffff;
}

#passwordModal {
  display: none;
  overflow: hidden;
}

#passwordModal.show {
  display: block;
  overflow: hidden;
}

.hidden {
  display: none;
}

#passwordModal #preloader {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--cor-branco);
  z-index: 9999;
}

.loader .title {
  color: var(--cor-preto);
  font-size: 14px;
  letter-spacing: 2px;
  font-weight: lighter;
  text-align: center;
  font-family: Arial;
}

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/*Carregando*/
.carregando {
  font-size: 45px;
  color: #494a4a;
  text-indent: -9999em;
  overflow: hidden;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  display: block;
  transform: translateZ(0);
  animation: mltShdSpin 1.7s infinite ease, round 1.7s infinite ease;
  margin-bottom: 35px;
  margin-left: 20px;
}

@keyframes mltShdSpin {
  0% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }

  5%,
  95% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }

  10%,
  59% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
  }

  20% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
  }

  38% {
    box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
  }

  100% {
    box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
  }
}

@keyframes round {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}