/* ========================================================================================================= */
/* FONT */
/* ========================================================================================================= */
/* BOOK */
@font-face {
  font-weight: 300;
  font-family: 'Uni Neue';
  src: url(./font/uni-neue/book.otf);
}
/* REGULAR */
@font-face {
  font-family: 'Uni Neue';
  src: url(./font/uni-neue/regular.otf);
}
/* BOLD */
@font-face {
  font-weight: 700;
  font-family: 'Uni Neue';
  src: url(./font/uni-neue/bold.otf);
}
/* BLACK */
@font-face {
  font-weight: 900;
  font-family: 'Uni Neue';
  src: url(./font/uni-neue/heavy.otf);
}

/* ========================================================================================================= */
/* DEFAULT */
/* ========================================================================================================= */
body {
  background-color: #FAFAFA;
  font-family: 'Uni Neue', sans-serif;
}

/* ========================================================================================================= */
/* HEADER */
/* ========================================================================================================= */
nav .sub-items {position: relative;}
nav .sub-items a {
  z-index: 9;
  position: relative;
}
nav .sub-items ul {
  top: 2rem;
  left: 0;
  right: 0;
  position: absolute;
  transition: all .3s;
  transform: translateY(-300%);
}
nav .sub-items:hover ul {
  transform: translateY(0);
}
nav .sub-items ul::before {
  content: '';
  top: -6rem;
  left: -1rem;
  z-index: -1;
  right: -1rem;
  bottom: -1rem;
  position: absolute;
  border-radius: 0 0 25px 25px;

  opacity: .2;
  background-color: #FFFFFF;
}
nav .sub-items ul::after {
  content: '';
  top: -6rem;
  left: -1rem;
  z-index: -1;
  right: -1rem;
  bottom: -1rem;
  position: absolute;
  border-radius: 0 0 25px 25px;

  backdrop-filter: blur(30px);
}

/* ========================================================================================================= */
/* ANIMATE */
/* ========================================================================================================= */
.delay-05s {
  animation-delay: 0.5s;
}
.delay-15s {
  animation-delay: 1.5s;
}

/* ========================================================================================================= */
/* SLICK */
/* ========================================================================================================= */
.slick-dots {
  bottom: 0;
  padding: 2rem 0;
}
.slick-dotted {margin-bottom: 0 !important;}
.slick-dotted .slick-dots li {margin: 0 .2rem;}
.slick-dotted .slick-dots li.slick-active button::before {background-color: #FFF;}
.slick-dotted .slick-dots li button:before {
  opacity: 1;
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 1px solid #FFF;
}
.slick-arrows .arrow-next,
.slick-arrows .arrow-prev {
  width: 30px;
  height: 30px;
  outline: none;
  color: #4EBCF1;
  border-radius: 50%;
  transition: all .3s;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border: 2px solid #4EBCF1;
  background-color: transparent;
}
.slick-arrows .arrow-next:hover,
.slick-arrows .arrow-prev:hover {
  color: white;
  background-color: #4EBCF1;
}
.slick-track {
  display: flex;
  align-items: center;
}
/* ========================================================================================================= */
/* HOME */
/* ========================================================================================================= */
/* BANNER */
#home #banner b,
#home #contact b {
    color: #F7BC34;
    font-weight: 900;
}

/* ABOUT */
#home #about b {
    color: #112F4A;
    font-weight: 900;
}

/* SERVICES */
#home #services b {
    font-weight: 900;
}