body {
  font-family: "Lato", sans-serif;
  color: black;
  margin-top: 80px;
  font-size: 110%;
}

.cc-window {
  font-family: "Lato", sans-serif !important;
  border-radius: 0px !important;
  background-color: #191919 !important;
  background-image: linear-gradient(140deg, #191919 0%, #000000 80%) !important;
}

.cc-message a {
  color: #0488fc !important;
  text-decoration: none;
}

.cc-message a:hover {
  text-decoration: underline;
}

.cc-btn {
  font-weight: normal !important;
  border-radius: 2px !important;
}

/* header */
#header {
  background-color: black;
}

.navbar {
  background-color: black !important;
  transition: 0.6s;
}

.navbar .nav-link {
  color: white !important;
  padding: 8px 20px !important;
  margin-right: 5px;
  transition-duration: 0.3s;
  border-radius: 2px;
}

.navbar .nav-item :hover {
  background-color: #0275d8;
}

.navbar .nav-item {
  font-size: 110%;
}

#navbar-logo {
  height: 54px;
}

/* banner */
#banner {
  background-image: url("../img/bg_sm.jpg");
  background-size: cover;
}

#banner h1 {
  margin: 30px auto 0 auto;
}

#slogan {
  margin-top: 40px;
  font-weight: normal;
  font-size: 46px;
  text-align: center;
}

#logo {
  max-width: 400px;
  margin: 40px auto;
  height: auto;
}

/* welcome */

#welcome {
  margin-top: 60px;
}

#welcome h1 {
  font-size: 200%;
  font-weight: bold;
}

#welcome img {
  max-width: 100%;
  margin-bottom: 20px;
}

/* just-text */

#just-text {
  margin-top: 60px;
  margin-bottom: 40px;
}

#just-text h1 {
  font-size: 200%;
  font-weight: bold;
}

#just-text h2 {
  line-height: 32px;
}

/*  service gallery */

#service-galerie {
  margin-top: 60px;
  background-color: #191919;
  background-image: linear-gradient(140deg, #191919 0%, #000000 80%);
  color: white;
  padding-bottom: 60px;
}

h2 {
  padding-top: 60px;
  padding-bottom: 20px;
  font-weight: bold;
  line-height: 24px;
}

#service-galerie .nav-item {
  background-color: #0275d8;
  color: white;
  border: none;
  border-radius: 0;
  padding: 12px;
  transition-duration: 0.3s;
  font-size: 115%;
  font-weight: bold;
}

#service-galerie .nav-item {
  padding: 0;
}

#service-galerie .nav-tabs {
  background-color: white;
  color: black;
  margin-bottom: 20px;
  stroke: white;

}

#service-galerie .nav-tabs :hover {
  background-color: white;
  color: black;
  stroke: black
}

#service-tabs .active {
  color: black;
  background-color: white;
  stroke: black;

}

#service-galerie .active :hover {
  color: black;
  background-color: white;

}

#service-galerie p {
  padding: 0px 0px;

}

#service-galerie svg {
  max-height: 70px;

}
#service-galerie .more-details {
  font-size: 90%;
}
#service-galerie .more-details:hover {
  color: #0275d8;
}

.cls-1 {
  fill: none;
  stroke-miterlimit: 10;
  stroke-width: 15px;
}

/*  service gallery modal */

#gallery-modal .modal {
  padding: 0 !important;
}

#gallery-modal .modal .modal-dialog {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: auto;
}

#gallery-modal .modal .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
  background-color: black;
}

#gallery-modal .modal .modal-body {
  overflow-y: auto;
  padding: 0;
}

#gallery-modal .modal .modal-header {
  padding: 0px;
  border-bottom: 0 none;
  height: 0;
}

#gallery-modal .fade-scale {
  transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s linear;
  -o-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

#gallery-modal .fade-scale.in {
  opacity: 1;
  transform: scale(1);
}

#gallery-modal .carousel {
  height: 100vh;

}

#gallery-modal .carousel-inner {
  height: 100vh;

}

#gallery-modal .carousel-item {
  height: 100vh;

}

#gallery-modal .carousel-item img {
  object-fit: contain;
  width: auto;
  height: 100vh;
}

#gallery img {
  height: 70vw;
  object-fit: cover;
}

.gallery-img {
  padding: 3px;
  opacity: 1;
  transition-duration: 0.3s;
}

.gallery-img:hover {
  cursor: pointer;
  opacity: 0.9;
}

#gallery-modal .modal-header {
  height: 54px;
}

#gallery-modal .btn-close {
  padding: 4px 12px;
  float: right;
  position: absolute;
  top: 0;
  right: 0;
  margin: 4px;
  z-index: 10;
}

#gallery-modal .carousel-control-prev,
.carousel-control-next {
  z-index: 0;
}

#contact {
  margin-top: 60px;
  background-color: #191919;
  background-image: linear-gradient(140deg, #191919 0%, #000000 80%);
  color: white;
  padding-bottom: 60px;
}

#contact a[href^="tel:"] {
  text-decoration: none;

}

#contact a[x-apple-data-detectors] {
  color: inherit !important;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

#contact .form-check a {
  color: #0275d8;

}

#about-us img {
  max-width: 100%;
  margin-bottom: 20px;
}

.contact-phone-email a {
  color: white;
}

.contact-phone-email a:hover {
  text-decoration: none;
}

footer {
  background-color: #000000;
  color: white;
}

footer a {
  color: white;
}

footer a:hover {
  color: #0275d8;
}

.fa {
  padding: 12px;
  font-size: 24px !important;
  width: 49px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;

}

.fa:hover {
  opacity: 0.7;
  text-decoration: none !important;
  color: white;
}


.fa-facebook {
  background: #4267b2;
  color: white;
}

.fa-whatsapp {
  background: #25d366;
  color: #ffffff;
}

.fa-instagram {
  background: #f09433;
  background: linear-gradient(45deg,
      #f09433 0%,
      #e6683c 25%,
      #dc2743 50%,
      #cc2366 75%,
      #bc1888 100%);
  color: white;
}

.fa-google {
  background: #4A89F3;
  color: #ffffff;
}

#legal {
  margin-top: 180px;
  margin-bottom: 80px;
}

#legal h1 {
  font-size: 200%;
  font-weight: bold;
}

#modalEmail .modal-content{
  background-color: #191919 ;
  background-image: linear-gradient(140deg, #191919 0%, #000000 80%);
  color: white;
}

#modalEmail .modal-header, #modalEmail .modal-footer {
  border: 0px;
}

@media (min-width: 540px) {
  #gallery img {
    height: 30vw;
    object-fit: cover;
  }
}

@media (min-width: 960px) {
  #gallery img {
    height: 16vw;
    object-fit: cover;
  }
}