html {
  scroll-behavior: smooth;
}

/* navbar component home */
/** nav fixed-top **/
.fixed-top.nav-home {
  background-image: linear-gradient(
    rgba(238, 238, 238, 100),
    rgba(216, 216, 216, 100)
  );
  visibility: hidden;
  /* transition:  .3s ease-in-out .15s; */
}

.fixed-top.nav-home-custom {
  /*
  background-image: linear-gradient(
    rgba(238, 238, 238, 100),
    rgba(216, 216, 216, 100)
  );
  background-image: -ms-linear-gradient(rgba(238, 238, 238, 100));
  background-image: -o-linear-gradient(rgba(216, 216, 216, 100));
  */
  background-color: #fff;
  visibility: hidden;
  /* transition:  .3s ease-in-out .15s; */
}

.container-custom {
  width: 90%;
  padding-bottom: 10px;
}

.nav-home.fixed-top a.nav-link {
  font-size: 12px;
  color: #4b4b4b;
  font-family: din-bold;
  /* padding: 6px 0 6px;
	margin: 0px 270px 10px 0px; */
}

.nav-home.fixed-top a.nav-link.active {
  font-size: 14px;
  color: #000;
  font-family: din-bold;
  border-bottom: 1px solid #bac62a;
  width: 15%;
}

.is-mobile-view {
  visibility: visible;
}
.is-desktop-view {
  visibility: hidden;
}

@media (min-width: 992px) {
  .nav-home.fixed-top a.nav-link.active {
    width: 50%;
    padding-left: 0px;
    padding-bottom: 0px;
  }
}

@media (max-width: 767.98px) {
  .nav-home.fixed-top a.nav-link.active {
    width: 15%;
    padding: 0px;
  }

  .is-mobile-view {
    visibility: hidden;
  }

  .is-desktop-view {
    visibility: visible;
  }

  .margin-top-mobile {
    margin-top: 59px;
  }

  .fixed-top.nav-home-custom {
    /*background-image: linear-gradient(
      rgba(238, 238, 238, 100),
      rgba(216, 216, 216, 100)
    );
    background-image: -ms-linear-gradient(rgba(238, 238, 238, 100));
    background-image: -o-linear-gradient(rgba(216, 216, 216, 100));*/
    background-color: #fff;
    visibility: visible;
    /* transition:  .3s ease-in-out .15s; */
  }

  .absolute-mobile {
    bottom: 0;
    position: fixed;
  }
}

/** navbar home **/

.jumbotron-fluid.nav-home {
  /*background-image: linear-gradient(180deg, #ffffff 50%, #c4c4c4 100%);*/
  background-color: #fff;
}

.jumbotron-fluid.nav-home a.nav-link {
  font-size: 12px;
  font-family: din-bold;
  color: #4b4b4b;
}

.jumbotron-fluid.nav-home a.nav-link.active {
  font-size: 14px;
  color: #000;
  font-family: din-bold;
  border-bottom: 1px solid #bac62a;
  padding: 0px 0 0;
  margin-top: 12px;
  margin-bottom: 10px;
}

/* end navbar component home */

/* navbar component card */
/** nav fixed-top **/
.fixed-top.nav-card {
  background-image: linear-gradient(
    rgba(147, 147, 147, 90%),
    rgba(216, 216, 216, 80%)
  );
  visibility: hidden;
}

.fixed-top.nav-card-custom {
  background-image: linear-gradient(
    rgba(238, 238, 238, 100),
    rgba(216, 216, 216, 100)
  );
  background-image: -ms-linear-gradient(rgba(238, 238, 238, 100));
  background-image: -o-linear-gradient(rgba(216, 216, 216, 100));
  visibility: hidden;
}

.nav-card.fixed-top a.nav-link {
  font-size: 12px;
  color: #4b4b4b;
  font-family: din-bold;
  padding: 6px 0 6px;
  margin: 0px 270px 10px 0px;
}

.nav-card.fixed-top a.nav-link.active {
  font-size: 14px;
  color: #000;
  font-family: din-bold;
  border-bottom: 1px solid #bac62a;
  width: 7%;
}

@media (min-width: 992px) {
  .nav-card.fixed-top a.nav-link.active {
    width: auto;
    padding-top: 4px;
    padding-bottom: 0px;
  }
}

@media (max-width: 767.98px) {
  .nav-card.fixed-top a.nav-link.active {
    width: 10%;
    padding: 0px;
  }

  .fixed-top.nav-card-custom {
    background-image: linear-gradient(
      rgba(238, 238, 238, 100),
      rgba(216, 216, 216, 100)
    );
    background-image: -ms-linear-gradient(rgba(238, 238, 238, 100));
    background-image: -o-linear-gradient(rgba(216, 216, 216, 100));
    visibility: visible;
  }
}

/** navbar card **/
/* .nav-card {
	background-image: linear-gradient(180deg, #FFFFFF 50%, #C4C4C4 100%);
} */

.nav-cardtrans a.nav-link {
  font-size: 12px;
  font-family: din-bold;
  color: #4b4b4b;
}

.nav-cardtrans a.nav-link.active {
  font-size: 14px;
  color: #000;
  font-family: din-bold;
  border-bottom: 1px solid #bac62a;
  padding: 6px 0 0;
  margin-bottom: 10px;
}

/* end navbar component card */

/* font cornerstone */
@font-face {
  font-family: "din-bold";
  src: url(../font-din/DINNextLTPro-Bold.otf) format("truetype");
}

@font-face {
  font-family: "din-italic";
  src: url(../font-din/DINNextLTPro-Italic.otf) format("truetype");
}

@font-face {
  font-family: "din-medium";
  src: url(../font-din/DINNextLTPro-Medium.otf) format("truetype");
}

@font-face {
  font-family: "din-regular";
  src: url(../font-din/DINNextLTPro-Regular.otf) format("truetype");
}