/* OPTIONALS ADDONS */

/* Horizontal Offset Bottom */
.offset-design-bottom-horizontal-line{
  position: relative;
  z-index: 0;
  overflow: hidden;
  /*padding-bottom: 120px;*/
}

.offset-design-bottom-horizontal-line::after{
  content: '';
  position: absolute;
  width: 200%;
  height: 100%;
  margin-top: 200px;
  background: #FFF;
  transform-origin: 54% 0;
  transform: rotate(356deg);
  z-index: -1;
  top: 32%;
  right: -25%;
}

/* Navbar-Extension */
.navbar-extension {
  width: 100%;
  z-index: 10;
}
.navbar-extension > img {
  width: 100%;
  float: right;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0.95);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #d22c63;
  transition: transform 0.18s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(0.7);
}