/* ===== TOP BAR ===== */
.top-bar {
 font-size: 14px;
 padding: 10px 30px;
 color: #1f2a44;
}
.top-bar img {
    width: 15px;
    margin-right: 6px;
    margin-top: -2px;
}
.color-ccc
{
    color: #666;
}


/* ===== FLOATING NAVBAR ===== */

.navbar-toggler {
  border-color: rgba(255,255,255,.5);
}
.navbar-toggler-icon {
  filter: invert(1);
}

@media (max-width: 991px) {
  .dropdown-menu {
    position: static;
    box-shadow: none;
  }
}

.header-wrap {
 position: absolute;
 top: 15px;
 width: 100%;
 z-index: 999;
}

.navbar-box {
 background: #fff;
 border-radius: 20px;
 padding: 20px 25px;
 box-shadow: 0 25px 50px rgba(0,0,0,0.08);
}

/* NAV LINKS */
.nav-link {
    font-weight: 500;
    color: #1f2a44 !important;
    margin: 0 4px;
}
.navbar-brand img 
{
    width: 200px;
}

.nav-link:hover {
 color: #1e6bff !important;
}

/* DROPDOWN HOVER */
@media (min-width: 992px) {
 .dropdown:hover .dropdown-menu {
  display: block;
 }
}

/* DROPDOWN MENU */
.dropdown-menu {
 border-radius: 18px;
 border: none;
 padding: 15px;
 box-shadow: 0 30px 60px rgba(0,0,0,.12);
}

/* BUTTONS */
.btn-contact {
 background: #071b2f;
 color: #fff;
 border-radius: 15px;
 padding: 10px 22px;
}
.btn-contact:hover {
 background: #1e6bff;
 color: #fff;
}
.btn-demo {
 background: #1e6bff;
 color: #fff;
 border-radius: 15px;
 padding: 10px 22px;
}
.btn-demo:hover {
 background: #071b2f;
 color: #fff;
}
.navbar-toggler {
    border-color: rgb(19 17 17 / 50%);
}

/* RESPONSIVE */
@media(max-width: 991px){
 
 .navbar-box {
  border-radius: 25px;
 }
}