.navbar-expand-lg .navbar-nav .nav-link {
  font-weight: 400;
}
.navbar-expand-lg:not(.scroll) .navbar-nav .nav-link {
  font-size: 16px;
}
.navbar-expand-lg.scroll {
  padding: 5px 0;
}

body .bg-tomato {
  background-color: #e03e3e;
}

p:empty {
  display: none;
}

.has-lightblue-color.has-text-color, .play-icon-lightblue, .lightblue-color, .lightblue-color h2,
.lightblue-color h3, .lightblue-color h4, .lightblue-color h5, .lightblue-color h6, .lightblue-color p,
.lightblue-color a, .lightblue-color li, .lightblue-color i, .white-color .lightblue-color,
span.section-id.lightblue-color, .lightblue-color span {
  color: #65bde4;
}

#portfolio-1 .masonry-wrap .portfolio-item .project-description {
  visibility: visible;
  opacity: 1;
}
#portfolio-1 .masonry-wrap .portfolio-item .project-link {
  bottom: 0;
  top: auto;
  transform: translateY(-70%);
  text-align: left;
  padding: 0 40px;
}
#portfolio-1 .masonry-wrap .portfolio-item:not(:hover) .project-link p {
  opacity: 0;
}

.underline {
  background-image: linear-gradient(120deg, #8bd6f6 0%, #82cbe3 90%);
}

.bg-deepblue {
  background-color: #171f2d;
}

.main-hero {
  background-blend-mode: soft-light;
}
.main-hero.white-color .grey-color {
  color: #fff;
  font-size: 16px;
}
.main-hero .hbox-1 h5 {
  position: relative;
}
.main-hero .hbox-1 h5:before {
  content: "";
  position: absolute;
  left: 0px;
  width: 15px;
  height: 15px;
  border: 2px solid #e03d3d;
  z-index: -1;
  transform: rotate(45deg) translate(-100%, 15px);
  transform-origin: left top;
}

.abox-2 {
  background: rgba(255, 255, 255, 0.1);
  padding: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  height: 100%;
}
.abox-2 img {
  max-height: 70px;
  filter: brightness(0) invert(1);
}
.abox-2 h5.h5-lg {
  font-size: 1.125rem;
}
.abox-2 h5.h5-lg:after {
  content: "";
  display: block;
  margin: 1em auto 0;
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255, 255, 255, 0.52);
  transform: rotate(45deg);
}

.navbar.scroll .header-socials a, .navbar.scroll .btn.btn-tra-white {
  color: #fff;
  border: 0;
  background-color: #e03d3d;
}
.navbar.scroll .header-socials a:hover, .navbar.scroll .btn.btn-tra-white:hover {
  border: 0;
}

@media (min-width: 768px) {
  .vc_row-o-equal-height > .wpb_column > .vc_column-inner > .wpb_wrapper {
    height: 100%;
    padding-bottom: 40px;
  }

  .abox-2 {
    height: 100%;
    margin-bottom: 0;
  }
}