/*!
Theme Name: hlb-oip
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hlb-oip
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

hlb-oip is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/**
* Template Name: FlexStart - v1.7.0
* Template URL: https://bootstrapmade.com/flexstart-bootstrap-startup-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
	scroll-behavior: smooth;
  }
  
  body {
	font-family: "Open Sans", sans-serif;
	color: #444444;
  }
  
  a {
	color: #005a77;
	text-decoration: none;
  }
  
  a:hover {
	color: #717ff5;
	text-decoration: none;
  }
  
  h1, h2, h3, h4, h5, h6 {
	font-family: "Nunito", sans-serif;
  }
  
  /*--------------------------------------------------------------
  # Sections
  --------------------------------------------------------------*/
  section {
	padding: 60px 0;
	overflow: hidden;
  }
  
  .section-header {
	text-align: center;
	padding-bottom: 40px;
  }
  .section-header h2 {
	font-size: 13px;
	letter-spacing: 1px;
	font-weight: 700;
	margin: 0;
	color: #005a77;
	text-transform: uppercase;
  }
  .section-header p {
	margin: 10px 0 0 0;
	padding: 0;
	font-size: 38px;
	line-height: 42px;
	font-weight: 700;
	color: #012970;
  }
  @media (max-width: 768px) {
	.section-header p {
	  font-size: 28px;
	  line-height: 32px;
	}
  }
  
  /*--------------------------------------------------------------
  # Breadcrumbs
  --------------------------------------------------------------*/
  .breadcrumbs {
	padding: 15px 0;
	background: #012970;
	min-height: 40px;
	margin-top: 82px;
	color: #fff;
  }
  @media (max-width: 992px) {
	.breadcrumbs {
	  margin-top: 57px;
	}
  }
  .breadcrumbs h2 {
	font-size: 28px;
	font-weight: 500;
  }
  .breadcrumbs ol {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
  }
  .breadcrumbs ol a {
	color: #fff;
	transition: 0.3s;
  }
  .breadcrumbs ol a:hover {
	text-decoration: underline;
  }
  .breadcrumbs ol li + li {
	padding-left: 10px;
  }
  .breadcrumbs ol li + li::before {
	display: inline-block;
	padding-right: 10px;
	color: #8894f6;
	content: "/";
  }
  
  /*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/
  .back-to-top {
	position: fixed;
	visibility: hidden;
	opacity: 0;
	right: 15px;
	bottom: 15px;
	z-index: 99999;
	background: #005a77;
	width: 40px;
	height: 40px;
	border-radius: 4px;
	transition: all 0.4s;
  }
  .back-to-top i {
	font-size: 24px;
	color: #fff;
	line-height: 0;
  }
  .back-to-top:hover {
	background: #6776f4;
	color: #fff;
  }
  .back-to-top.active {
	visibility: visible;
	opacity: 1;
  }
  
  /*--------------------------------------------------------------
  # Disable aos animation delay on mobile devices
  --------------------------------------------------------------*/
  @media screen and (max-width: 768px) {
	[data-aos-delay] {
	  transition-delay: 0 !important;
	}
  }
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  .header {
	transition: all 0.5s;
	z-index: 997;
	padding: 20px 0;
	box-shadow: 0px 2px 20px rgb(1 41 112 / 10%);
	background: #FFFF;
  }
  .header.header-scrolled {
	background: #fff;
	padding: 15px 0;
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
  }
  .header .logo {
	line-height: 0;
  }
  .header .logo img {
	max-height: 90px;
	margin-right: 6px;
	width: 100%;
  }
  .header .logo span {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #012970;
	font-family: "Nunito", sans-serif;
	margin-top: 3px;
  }
  /*--------------------------------------------------------------
  # HOME Page
  --------------------------------------------------------------*/
  #op_filter{
	padding: 150px 0 20px 0;
	background: #eef4f6;
	box-shadow: inset 0px 3px 20px 1px rgb(1 41 112 / 10%);
  }
  .searchbox-1 {
	box-shadow: 0 15px 20px 15px rgb(1 41 112 / 10%);
	background: #FFFF;
	padding: 10px;
  }
  .company-box {
	padding: 40px;
	box-shadow: 0px 2px 20px rgb(1 41 112 / 10%);
	
  }
  .company-box .company-detail {
	font-size: 14px;
  }
  .company-box:hover {
	box-shadow: 0px 2px 30px 4px #005a77;
	background: #005a77;
	color: #fff;
  }
  .company-box:hover .contact-now {
	background: #fff;
	border: 1px solid #ffff;
  }
  .contact-now {
	border: 1px solid #8b8a8a;
	padding: 10px 30px;
	border-radius: 6px;
	color: #000;
	margin: 0 auto;
	display: table;
	text-decoration: none;
	cursor: pointer;
  }
  a.contact-now.diasble{
	  pointer-events: none;
	  background: #e9ecef;
  }
  .contact-now span {
	font-weight: 700;
	font-size: 14px;
  }
  .company-box:hover .contact-now:hover{
	color:#000;
  }
  .revenue,.LocationType,.industry{
	font-size: 14px;
  }
  .cmpserch{
	position: absolute;
	z-index: 2;
	display: block;
	width: 4rem;
	height: 4rem;
	line-height: 4rem;
	text-align: center;
	pointer-events: none;
	color: #aaa;
  }
  .has-search .form-control ,.has-location .form-control{
	padding: 20px 45px;
	border: none;
  }
  .has-search {
	width: 50%;
	float: left;
	/* border-right: 3px solid #858484; */
  }
  .has-location{
	width: 40%;
	float: left;
	border-left: 1px solid #8080805c;
  }
  .searchbox-1 [type=submit]{
	width: 10%;
	float: left;
	background: #005a77;
	border: 0;
	padding: 20px 10px;
	color: #fff;
	transition: 0.4s;
	border-radius: 4px;
  }
  .has-search .form-control{
	/* border-right: 3px solid #858484; */
	border-radius: unset;
  }
  .form-control:focus {
	box-shadow: none;
  }
  .filterbox-1{
	margin-top: 60px !important;
  }
  .filterbox-1 .drop-list{
	display: flex;
  }
  .filterbox-1 .drop-list .dropdown{
	padding:10px;
  }
  .filterbox-1 .form-group {
	width: 33.33%;
	float: left;
	padding-right:35px;
	padding-top: 12px;
  }
  .filterbox-1 .custom-select {
	border: none;
	padding: 7px;
	border-radius: 5px;
  }
  /*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/
  /**
  * Desktop Navigation 
  */
  .navbar {
	padding: 0;
  }
  .navbar ul {
	margin: 0;
	padding: 0;
	display: flex;
	list-style: none;
	align-items: center;
  }
  .navbar li {
	position: relative;
  }
  .navbar a, .navbar a:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 0 10px 30px;
	font-family: "Nunito", sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #013289;
	white-space: nowrap;
	transition: 0.3s;
	text-decoration: none;
  }
  .navbar a i, .navbar a:focus i {
	font-size: 12px;
	line-height: 0;
	margin-left: 5px;
  }
  .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
	color: #005a77;
  }
  .navbar .getstarted a, .navbar .getstarted a:focus {
	background: #005a77;
	padding: 8px 20px;
	margin-left: 30px;
	border-radius: 4px;
	color: #fff;
  }
  .navbar .getstarted a:hover, .navbar .getstarted a:focus:hover {
	color: #fff;
	background: #5969f3;
  }
  .navbar .dropdown ul {
	display: block;
	position: absolute;
	left: 14px;
	top: calc(100% + 30px);
	margin: 0;
	padding: 10px 0;
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: 0.3s;
	border-radius: 4px;
  }
  .navbar .dropdown ul li {
	min-width: 200px;
  }
  .navbar .dropdown ul a {
	padding: 10px 20px;
	font-size: 15px;
	text-transform: none;
	font-weight: 600;
  }
  .navbar .dropdown ul a i {
	font-size: 12px;
  }
  .navbar .dropdown ul a:hover, .navbar .dropdown ul .active:hover, .navbar .dropdown ul li:hover > a {
	color: #005a77;
  }
  .navbar .dropdown:hover > ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
  }
  .navbar .dropdown .dropdown ul {
	top: 0;
	left: calc(100% - 30px);
	visibility: hidden;
  }
  .navbar .dropdown .dropdown:hover > ul {
	opacity: 1;
	top: 0;
	left: 100%;
	visibility: visible;
  }
  @media (max-width: 1366px) {
	.navbar .dropdown .dropdown ul {
	  left: -90%;
	}
	.navbar .dropdown .dropdown:hover > ul {
	  left: -100%;
	}
  }
  
  /**
  * Mobile Navigation 
  */
  .mobile-nav-toggle {
	color: #012970;
	font-size: 28px;
	cursor: pointer;
	display: none;
	line-height: 0;
	transition: 0.5s;
  }
  .mobile-nav-toggle.bi-x {
	color: #fff;
  }
  
  @media (max-width: 991px) {
	.mobile-nav-toggle {
	  display: block;
	}
  
	.navbar ul {
	  display: none;
	}
  }
  .navbar-mobile {
	position: fixed;
	overflow: hidden;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background: rgba(1, 22, 61, 0.9);
	transition: 0.3s;
  }
  .navbar-mobile .mobile-nav-toggle {
	position: absolute;
	top: 15px;
	right: 15px;
  }
  .navbar-mobile ul {
	display: block;
	position: absolute;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	padding: 10px 0;
	border-radius: 10px;
	background-color: #fff;
	overflow-y: auto;
	transition: 0.3s;
  }
  .navbar-mobile a, .navbar-mobile a:focus {
	padding: 10px 20px;
	font-size: 15px;
	color: #012970;
  }
  .navbar-mobile a:hover, .navbar-mobile .active, .navbar-mobile li:hover > a {
	color: #005a77;
  }
  .navbar-mobile .getstarted, .navbar-mobile .getstarted:focus {
	margin: 15px;
  }
  .navbar-mobile .dropdown ul {
	position: static;
	display: none;
	margin: 10px 20px;
	padding: 10px 0;
	z-index: 99;
	opacity: 1;
	visibility: visible;
	background: #fff;
	box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  }
  .navbar-mobile .dropdown ul li {
	min-width: 200px;
  }
  .navbar-mobile .dropdown ul a {
	padding: 10px 20px;
  }
  .navbar-mobile .dropdown ul a i {
	font-size: 12px;
  }
  .navbar-mobile .dropdown ul a:hover, .navbar-mobile .dropdown ul .active:hover, .navbar-mobile .dropdown ul li:hover > a {
	color: #005a77;
  }
  .navbar-mobile .dropdown > .dropdown-active {
	display: block;
  }
  
  /*--------------------------------------------------------------
  # Services
  --------------------------------------------------------------*/
  .services .service-box {
	box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
	height: 100%;
	padding: 60px 30px;
	text-align: center;
	transition: 0.3s;
	border-radius: 5px;
  }
  .services .service-box .icon {
	font-size: 36px;
	padding: 40px 20px;
	border-radius: 4px;
	position: relative;
	margin-bottom: 25px;
	display: inline-block;
	line-height: 0;
	transition: 0.3s;
  }
  .services .service-box h3 {
	color: #444444;
	font-weight: 700;
  }
  .services .service-box .read-more {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
	font-size: 16px;
	padding: 8px 20px;
  }
  .services .service-box .read-more i {
	line-height: 0;
	margin-left: 5px;
	font-size: 18px;
  }
  .services .service-box.blue {
	border-bottom: 3px solid #2db6fa;
  }
  .services .service-box.blue .icon {
	color: #2db6fa;
	background: #dbf3fe;
  }
  .services .service-box.blue .read-more {
	color: #2db6fa;
  }
  .services .service-box.blue:hover {
	background: #2db6fa;
  }
  .services .service-box.orange {
	border-bottom: 3px solid #f68c09;
  }
  .services .service-box.orange .icon {
	color: #f68c09;
	background: #fde3c4;
  }
  .services .service-box.orange .read-more {
	color: #f68c09;
  }
  .services .service-box.orange:hover {
	background: #f68c09;
  }
  .services .service-box.green {
	border-bottom: 3px solid #08da4e;
  }
  .services .service-box.green .icon {
	color: #08da4e;
	background: #cffddf;
  }
  .services .service-box.green .read-more {
	color: #08da4e;
  }
  .services .service-box.green:hover {
	background: #08da4e;
  }
  .services .service-box.red {
	border-bottom: 3px solid #e9222c;
  }
  .services .service-box.red .icon {
	color: #e9222c;
	background: #fef7f8;
  }
  .services .service-box.red .read-more {
	color: #e9222c;
  }
  .services .service-box.red:hover {
	background: #e9222c;
  }
  .services .service-box.purple {
	border-bottom: 3px solid #b50edf;
  }
  .services .service-box.purple .icon {
	color: #b50edf;
	background: #f8e4fd;
  }
  .services .service-box.purple .read-more {
	color: #b50edf;
  }
  .services .service-box.purple:hover {
	background: #b50edf;
  }
  .services .service-box.pink {
	border-bottom: 3px solid #f51f9c;
  }
  .services .service-box.pink .icon {
	color: #f51f9c;
	background: #feecf7;
  }
  .services .service-box.pink .read-more {
	color: #f51f9c;
  }
  .services .service-box.pink:hover {
	background: #f51f9c;
  }
  .services .service-box:hover h3, .services .service-box:hover p, .services .service-box:hover .read-more {
	color: #fff;
  }
  .services .service-box:hover .icon {
	background: #fff;
  }
  
  
  /*--------------------------------------------------------------
  # Contact
  --------------------------------------------------------------*/
  .contact .info-box {
	color: #444444;
	background: #fafbff;
	padding: 30px;
  }
  .contact .info-box i {
	font-size: 38px;
	line-height: 0;
	color: #005a77;
  }
  .contact .info-box h3 {
	font-size: 20px;
	color: #012970;
	font-weight: 700;
	margin: 20px 0 10px 0;
  }
  .contact .info-box p {
	padding: 0;
	line-height: 24px;
	font-size: 14px;
	margin-bottom: 0;
  }
  .contact .php-email-form {
	background: #fafbff;
	padding: 30px;
	height: 100%;
  }
  .contact .php-email-form .error-message {
	display: none;
	color: #fff;
	background: #ed3c0d;
	text-align: left;
	padding: 15px;
	margin-bottom: 24px;
	font-weight: 600;
  }
  .contact .php-email-form .sent-message {
	display: none;
	color: #fff;
	background: #18d26e;
	text-align: center;
	padding: 15px;
	margin-bottom: 24px;
	font-weight: 600;
  }
  .contact .php-email-form .loading {
	display: none;
	background: #fff;
	text-align: center;
	padding: 15px;
	margin-bottom: 24px;
  }
  .contact .php-email-form .loading:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 0 10px -6px 0;
	border: 3px solid #18d26e;
	border-top-color: #eee;
	-webkit-animation: animate-loading 1s linear infinite;
	animation: animate-loading 1s linear infinite;
  }
  .contact .php-email-form input, .contact .php-email-form textarea {
	border-radius: 0;
	box-shadow: none;
	font-size: 14px;
	border-radius: 0;
  }
  .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
	border-color: #005a77;
  }
  .contact .php-email-form input {
	padding: 10px 15px;
  }
  .contact .php-email-form textarea {
	padding: 12px 15px;
  }
  .contact .php-email-form button[type=submit] {
	background: #005a77;
	border: 0;
	padding: 10px 30px;
	color: #fff;
	transition: 0.4s;
	border-radius: 4px;
  }
  .contact .php-email-form button[type=submit]:hover {
	background: #5969f3;
  }
  @-webkit-keyframes animate-loading {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  @keyframes animate-loading {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  .footer {
	background: #f6f9ff;
	padding: 0 0 30px 0;
	font-size: 14px;
  }
  .footer .footer-newsletter {
	padding: 50px 0;
	background: #f6f9ff;
	border-top: 1px solid #e1ecff;
  }
  .footer .footer-newsletter h4 {
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0;
	line-height: 1;
	font-weight: 700;
	color: #012970;
  }
  .footer .footer-newsletter form {
	margin-top: 20px;
	background: #fff;
	padding: 6px 10px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #e1ecff;
  }
  .footer .footer-newsletter form input[type=email] {
	border: 0;
	padding: 8px;
	width: calc(100% - 140px);
  }
  .footer .footer-newsletter form input[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	border: 0;
	background: none;
	font-size: 16px;
	padding: 0 30px;
	margin: 3px;
	background: #005a77;
	color: #fff;
	transition: 0.3s;
	border-radius: 4px;
  }
  .footer .footer-newsletter form input[type=submit]:hover {
	background: #5969f3;
  }
  .footer .footer-top {
	/* background: white url(../img/footer-bg.png) no-repeat right top; */
	background-size: contain;
	border-top: 1px solid #e1ecff;
	border-bottom: 1px solid #e1ecff;
	padding: 60px 0 30px 0;
  }
  @media (max-width: 992px) {
	.footer .footer-top {
	  background-position: center bottom;
	}
  }
  .footer .footer-top .footer-info {
	margin-bottom: 30px;
  }
  .footer .footer-top .footer-info .logo {
	line-height: 0;
	margin-bottom: 15px;
  }
  .footer .footer-top .footer-info .logo img {
	max-height: 69px;
    margin-right: 6px;
    width: 180px;
  }
  .footer .footer-top .footer-info .logo span {
	font-size: 30px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #012970;
	font-family: "Nunito", sans-serif;
	margin-top: 3px;
  }
  .footer .footer-top .footer-info p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 0;
	font-family: "Nunito", sans-serif;
  }
  .footer .footer-top .social-links a {
	font-size: 20px;
	display: inline-block;
	color: rgba(1, 41, 112, 0.5);
	line-height: 0;
	margin-right: 10px;
	transition: 0.3s;
  }
  .footer .footer-top .social-links a:hover {
	color: #012970;
  }
  .footer .footer-top h4 {
	font-size: 16px;
	font-weight: bold;
	color: #012970;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 12px;
  }
  .footer .footer-top .footer-links {
	margin-bottom: 30px;
  }
  .footer .footer-top .footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  .footer .footer-top .footer-links ul i {
	padding-right: 2px;
	color: #d0d4fc;
	font-size: 12px;
	line-height: 0;
  }
  .footer .footer-top .footer-links ul li {
	padding: 10px 0;
	display: flex;
	align-items: center;
  }
  .footer .footer-top .footer-links ul li:first-child {
	padding-top: 0;
  }
  .footer .footer-top .footer-links ul a {
	color: #013289;
	transition: 0.3s;
	display: inline-block;
	line-height: 1;
  }
  .footer .footer-top .footer-links ul a:hover {
	color: #005a77;
  }
  .footer .footer-top .footer-contact p {
	line-height: 26px;
  }
  .footer .copyright {
	text-align: center;
	padding-top: 30px;
	color: #012970;
  }
  .footer .credits {
	padding-top: 10px;
	text-align: center;
	font-size: 13px;
	color: #012970;
  }

/*  #flex_pagi{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("/assets/img/loading.gif") no-repeat center center rgba(0,0,0,0.25)
}*/
.login-button-container{
	padding: 150px 0 20px 0;
	display: flex;
	text-decoration: none;
}
.login-button {
    background: #FBBA00;
    padding: 20px 50px;
    text-align: center;
    margin: 130px auto;
    font-size: 20px;
    color: #000;
	text-decoration: none;
}