body {
    background-color: #ffffff;
}

body {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}

body, footer:not(.bg--primary):not(.bg--dark) a {
    color: #666666;
}

.public-search-page .searchResults h6 a, a, .tabs li.active .tab__title span, .tabs li.active .tab__title, .public-search-page .searchResults .resultUrl {
    color: #4a90e2;
}

.public-search-page .searchResults h6 a:hover, a:hover {
    color: #a73d33;
}

.lead {
    color: #808080;
}

.bg--secondary {
    background: #fafafa;
}

section:not(.imagebg):not([class*='bg-']) + section.bg--secondary, section.bg--secondary:not(.imagebg) + section:not(.imagebg):not([class*='bg-']) {
    border-top: 1px solid #ebebeb;
}

.menu-horizontal > li > a, .menu-horizontal > li > span, .menu-horizontal > li > .modal-instance > .modal-trigger, .dropdown .dropdown__content:not([class='bg--dark']) .menu-vertical a, .menu-horizontal > li > a:hover, .menu-horizontal > li > span:hover, .menu-horizontal > li > .modal-instance > .modal-trigger:hover {
    color: #252525;
}

.dropdown .dropdown__content:not([class*='bg-']) {
    background: #ffffff;
}

a.btn--primary, .btn--primary:visited, .btn--primary-1, .btn--primary-1:visited, button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    background: #4a90e2;
}

a.btn--primary, .btn--primary:visited, .btn--primary-1, .btn--primary-1:visited, button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    color: #ffffff;
}

a.btn--primary, .btn--primary:visited, .btn--primary-1, .btn--primary-1:visited, button.btn.btn--primary, input[type="submit"].btn.btn--primary {
    border-color: #4a90e2;
}

a.btn--primary:hover, .btn--primary-1:hover, button.btn.btn--primary:hover, input[type="submit"].btn.btn--primary:hover {
    background: #609de6;
}

.btn--primary:hover, .btn--primary-1:hover, button.btn.btn--primary:hover, input[type="submit"].btn.btn--primary:hover {
    border-color: #609de6;
}

.btn:not([class*="primary"]) .btn__text, .btn i {
    color: #252525;
}

.btn:not([class*="primary"]) {
    border-color: #d3d3d3;
}

.btn:not([class*="primary"]):hover {
    border-color: #252525;
}

h1, .h1 {
    color: #252525;
}

h2, .h2 {
    color: #252525;
}

h3, .h3 {
    color: #252525;
}

h4, .h4 {
    color: #252525;
}

h5, .h5 {
    color: #252525;
}

h6, .h6 {
    color: #252525;
}

input[type], textarea, select {
    background: #fcfcfc;
}

input[type], textarea, select {
    border: 1px solid #ececec;
}

.boxed:not([class*='bg-']) {
    background: #ffffff;
}

.boxed.boxed--border {
    border: 1px solid #ececec;
}

.table--alternate-row tbody tr:nth-child(odd) {
    background: rgba(255,255,255,0);
}

.table--alternate-row tbody tr:nth-child(even) {
    background: #fafafa;
}

.accordion-1 li.active .accordion__title, .paging_full_numbers .paginate_active {
    border: 1px solid #4a90e2; background: #4a90e2;;
}


<div class="nav-container clear-adblock">
<div>
<div class="bar bar--sm visible-xs">
<div class="container">
<div class="row">
<div class="col-3 col-md-2">
<a href="https://officedrive.netgainstechnologies.com">
<img class="logo logo-dark" alt="logo" src="https://officedrive.netgainstechnologies.com/cache/themes/spirit/logo_inverse.png">
<img class="logo logo-light" alt="logo" src="https://officedrive.netgainstechnologies.com/cache/themes/spirit/logo.png">
</a>
</div>
<div class="col-9 col-md-10 text-right">
<a href="#" class="hamburger-toggle" data-toggle-class="#menu2;hidden-xs hidden-sm"> <i class="icon icon--sm stack-interface stack-menu"></i> </a>
</div>
</div>
</div>
</div>
<nav id="menu2" class="bar bar-2 hidden-xs">
<div class="container">
<div class="row">
<div class="col-lg-2 text-center text-left-sm hidden-xs order-lg-2">
<div class="bar__module">
<a href="https://officedrive.netgainstechnologies.com">
<img class="logo logo-dark" alt="logo" src="https://officedrive.netgainstechnologies.com/cache/themes/spirit/logo_inverse.png">
<img class="logo logo-light" alt="logo" src="https://officedrive.netgainstechnologies.com/cache/themes/spirit/logo.png">
</a>
</div>
</div>
<div class="col-lg-5 order-lg-1">
<div class="bar__module">
<ul class="menu-horizontal text-left">
<li> <a href="https://officedrive.netgainstechnologies.com" class="active">Home</a> </li>
<li> <a href="https://officedrive.netgainstechnologies.com/search">Search Files</a> </li>
<li> <a href="https://officedrive.netgainstechnologies.com/upgrade">Premium</a> </li>
</ul>
</div>
</div>
<div class="col-lg-5 text-right text-left-xs text-left-sm order-lg-3">
<div class="bar__module">
<ul class="menu-horizontal text-left">
<li>
<a href="#" data-notification-link="search-box">
<i class="stack-interface stack-search"></i>
</a>
</li>
</ul>
</div>
<div class="bar__module">
<a class="btn btn--sm type--uppercase" href="https://officedrive.netgainstechnologies.com/account/login"> <span class="btn__text">Login</span> </a>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>