/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { margin: 0px; padding: 0px; font-size: 16px; font-family: "Open Sans", sans-serif; color: #444; }
a { color: #4fa6d5; }
a:hover { color: #45beff; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans", sans-serif; margin: 0px; padding: 0px; }
p{ margin: 0px; padding: 0px; }

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top { position: fixed; display: none; width: 40px; height: 40px;  border-radius: 3px; right: 15px; bottom: 15px; background: #68A4C4;
	color: #fff; transition: display 0.5s ease-in-out; z-index: 99999; }
.back-to-top i { font-size: 24px; position: absolute; top: 8px; left: 8px; }
.back-to-top:hover { color: #fff; background: #85b6cf; transition: background 0.2s ease-in-out; }

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { height:86px; z-index: 997; transition: all 0.5s; padding: 15px 0 15px 0px; background: #1e4356;
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); -webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); 
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75); display: flex; align-self: center; align-items: center; }
#header.header-transparent { background:#fff; }
#header.header-scrolled { background: rgba(255, 255, 255, ); height: 70px; padding: 10px 0; }
#header .logo h1 { font-size: 28px; margin: 0; padding: 4px 0; line-height: 1; font-weight: 400; letter-spacing: 3px;
	text-transform: uppercase; }
#header .logo h1 a, #header .logo h1 a:hover { color: #fff; text-decoration: none; }
#header .logo img { padding: 0; margin: 0;  max-height: 46px; }
#main { margin-top: 80px; }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu, .nav-menu * { margin: 0; padding: 0; list-style: none; }
.nav-menu > ul > li { position: relative; white-space: nowrap; float: left; }
.nav-menu a {  display: block; position: relative; color: #343434; padding: 10px 15px; transition: 0.3s; font-size: 14px;
	font-family: "Open Sans", sans-serif; font-weight: 600; }
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a { color: #1da2ce; text-decoration: none; }
.nav-menu .drop-down ul {  display: block; position: absolute; left: 0; top: calc(100% - 30px); z-index: 99;  opacity: 0;
  visibility: hidden; padding: 10px 0; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	transition: ease all 0.3s; }
.nav-menu .drop-down:hover > ul { opacity: 1; top: 100%; visibility: visible; }
.nav-menu .drop-down li { min-width: 180px; position: relative; }
.nav-menu .drop-down ul a { padding: 10px 20px; font-size: 14px; font-weight: 500; text-transform: none; color: #1c3745; }
.nav-menu .drop-down ul a:hover, .nav-menu .drop-down ul .active > a, .nav-menu .drop-down ul li:hover > a { color: #68A4C4; }
.nav-menu .drop-down > a:after { content: "\ea99"; font-family: IcoFont; padding-left: 5px; }
.nav-menu .drop-down .drop-down ul { top: 0; left: calc(100% - 30px); }
.nav-menu .drop-down .drop-down:hover > ul { opacity: 1; top: 0; left: 100%; }
.nav-menu .drop-down .drop-down > a { padding-right: 35px; }
.nav-menu .drop-down .drop-down > a:after { content: "\eaa0"; font-family: IcoFont; position: absolute;  right: 15px; }

@media (max-width: 1366px) {
.nav-menu .drop-down .drop-down ul { left: -90%; }
.nav-menu .drop-down .drop-down:hover > ul { left: -100%; }
.nav-menu .drop-down .drop-down > a:after { content: "\ea9d"; }

}

/* Mobile Navigation */
.mobile-nav { position: fixed; top: 0; bottom: 0; z-index: 9999; overflow-y: auto; left: -260px; width: 260px; padding-top: 18px;
	background: #1e4356; transition: 0.4s; }
.mobile-nav * { margin: 0; padding: 0; list-style: none; }
.mobile-nav a { display: block; position: relative; color: #ddecf5; padding: 10px 20px; font-weight: 500; }
.mobile-nav a:hover, .mobile-nav .active > a, .mobile-nav li:hover > a { color: #a2cce3; text-decoration: none; } 
.mobile-nav .drop-down > a:after {content: "\ea99"; font-family: IcoFont; padding-left: 10px; position: absolute; right: 15px; }
.mobile-nav .active.drop-down > a:after { content: "\eaa0"; }

.mobile-nav .drop-down > a { padding-right: 35px;}
.mobile-nav .drop-down ul {display: none; overflow: hidden; }
.mobile-nav .drop-down li { padding-left: 20px;}
.mobile-nav-toggle { position: fixed; right: 15px; top: 22px; z-index: 9998; border: 0; background: none; font-size: 28px;
  transition: all 0.4s; outline: none !important; line-height: 1; cursor: pointer; text-align: right; }
.mobile-nav-toggle i { color: #000; }
.mobile-nav-overly { width: 100%; height: 100%; z-index: 9997; top: 0; left: 0; position: fixed; background: rgba(30, 67, 86, 0.9);
  overflow: hidden; display: none; }
.mobile-nav-active { overflow: hidden; }
.mobile-nav-active .mobile-nav { left: 0; }
.mobile-nav-active .mobile-nav-toggle i { color: #fff; }


/*--------------------------------------------------------------
# Banner
--------------------------------------------------------------*/
.banner-top { margin-top: 70px; padding: 0; background: #b2babb; position: relative; }
.maincontant {position: absolute; top: 0px; width: 100%; height: 100%;  }
.maincontant h1{ font-size:42px; color:#0b519e; font-weight: 600; line-height: 52px; margin: 0px; padding: 0px; }
.driderbn { background: #0e3a6a; margin: 15px 0 15px 0px; height: 3px; width:60px; }
.maincontant p{ font-size:20px; color:#181818; line-height:28px; margin: 0px; padding: 0px; }
.maincontant a { background: #0b3a6d; padding: 13px 40px; display: inline-block; margin-top: 15px; border-radius: 100px;
	text-transform: uppercase; color: #fff; font-size: 16px; transition: all 0.5s; }
.maincontant a:hover, .maincontant a:focus{background: #2d8cac; color: #fff; }


/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
h3.clients-lms { font-size: 28px; font-weight: 400;  }
.dridercl { background: #00a0f6; margin: 20px auto; height: 3px; width:60px; }
.clients-logos { margin-top: 20px; }
.clients .owl-item {  display: flex;  justify-content: center;  align-items: center; padding: 0 20px;}
.clients .owl-item img {  width:80%;  opacity: 0.5; transition: 0.3s; -webkit-filter: grayscale(100); filter: grayscale(100); }
.clients .owl-item img:hover { opacity: 1; -webkit-filter: none; filter: none; }
.clients .owl-nav, .clients .owl-dots { margin-top: 5px; text-align: center; }
.clients .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%; background-color: #ddd !important; 
	outline: none; }
.clients .owl-dot.active { background-color: #00a0f6 !important; }



/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
.paddg-tb{ padding: 60px 0; }
.paddg-t-none{padding-top: 0px; }
.paddg-b-none{padding-bottom:0px; }

.paddg-t-10{padding-top: 10px !important; }
.paddg-t-15{padding-top: 15px !important; }
.paddg-t-20{padding-top: 20px !important; }
.paddg-t-25{padding-top: 25px !important; }
.paddg-t-30{padding-top: 30px !important; }

.paddg-b-10{padding-bottom: 10px !important; }
.paddg-b-15{padding-bottom: 15px !important; }
.paddg-b-20{padding-bottom: 20px !important; }
.paddg-b-25{padding-bottom: 25px !important; }
.paddg-b-30{padding-bottom: 30px !important; }

.section-bg { background-color: #f3f8fa; }

/*--------------------------------------------------------------
# What is Knowledgebase
--------------------------------------------------------------*/
.management-intro:before { position:absolute; left:0; top:-10px; content:""; width:13.5%; border-style: dashed; color: #00a0f6; 
	border-width: 1px; }
.management-intro:after { position:absolute; right:0; bottom:-10px; content:""; width:13.5%; border-style: dashed; color: #00a0f6; 
	border-width: 1px; }
.titlesh2{ font-size: 34px; }
.system-text{ padding-top: 15px; }
.dridermn { background: #00a0f6; margin: 18px 0; height: 3px; width:60px; }

/*--------------------------------------------------------------
# What are the key benefits of Knowledgebase
--------------------------------------------------------------*/
.driderre { background: #00a0f6; margin: 18px auto; height: 3px; width:60px; }
.benefits-place { color: #0e3b6d; font-size: 18px; margin: 20px 0px 15px 0px; }
.border-box { border: 1px solid #bdbdbd; position: relative; }

.feature_box { border-bottom: 1px solid #bdbdbd; transition: all ease-in-out .5s; padding:30px 20px; height: 100%; }
.pgtleft{padding-left: 0px;}
.pgtright{padding-right: 0px;}
.border-box::before { position: absolute; content: ""; height: 100%; width: 1px; background: #bdbdbd; margin: auto auto; left: 0; right: 0;
	z-index: -1; }
.fbt-contant h5 { font-size: 18px; }
.fbtdvider { width:40px; margin:10px 0px; background: #989898; height:1px; }
.fbt-contant p { font-size: 14px; }
.borderbtm {border-bottom: none; }

/*--------------------------------------------------------------
# What are the significant features of Knowledgebase
--------------------------------------------------------------*/
.significant_features{ background: url(../images/bg-features.jpg) no-repeat; color: #fff; background-attachment: fixed; }
.driderbk { background: #fff; margin: 18px auto; height: 3px; width:60px; }
.benef-key h6 { color: #fff; font-size: 18px; margin: 20px 0px 15px 0px;}

.learning-fbt { border: 1px solid #40566c; padding: 15px; margin-top: 20px; min-height: 94%; }
.learning-fbt h5 { font-size: 16px; padding: 18px 0px 15px 0px; line-height: 22px; min-height: 78px; }
.btnarrow { display: inline-block; margin:8px 0 5px 0px; }
.courses-handle { margin-top: 5px; }

/*--------------------------------------------------------------
# Tetstimonials
--------------------------------------------------------------*/
.client-details { background: #eeeeee; border:#e7e7e7 solid 1px; padding:40px 30px; position: relative; margin: 15px 0; }
.tetst-quat-top{ position: absolute; top: -15px; left: 20px; }
.tetst-quat-bottom{ position: absolute; bottom:-15px; right: 20px; }
.client-details h4 { font-size: 24px; color: #051d38; margin-top: 15px; }
.client-details p span { font-size: 13px; color: #383838; margin-top: 25px; }
.tetst-quat-top img { width: 36px !important; }
.tetst-quat-bottom img { width: 36px !important; }

/*dots*/
.testimonials .owl-nav, .testimonials .owl-dots { margin-top: 5px; text-align: center; }
.testimonials .owl-dot { display: inline-block; margin: 0 5px; width: 12px; height: 12px; border-radius: 50%;
	background-color: #ddd !important; outline: none; }
.testimonials .owl-dot.active { background-color: #00a0f6 !important; }

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer { background: #0b212d; color: #fff; font-size: 14px; }
#footer .footer-top { background: #0d2735;  }
#footer .footer-top .footer-info { margin-bottom: 30px; }
#footer .footer-top .footer-info h3 { font-size: 18px; margin: 0 0 20px 0; padding: 2px 0 2px 0; line-height: 1; color: #a2cce3;
	font-weight: 600; }
.driderft { background: #00a0f6; margin: 15px 0; height: 2px; width: 50px; }
#footer .footer-top h4 { font-size: 24px; font-weight: 600; color: #fff; position: relative; }
#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: #a2cce3; font-size: 18px; line-height: 1; }
#footer .footer-top .footer-links ul li { padding: 8px 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: #fff; transition: 0.3s; display: inline-block; line-height: 1; }
#footer .footer-top .footer-links ul a:hover { color: #a2cce3; }
#footer .footer-top .footer-contact { margin-bottom: 30px; }
#footer .footer-top .footer-contact p { line-height: 26px; }
#footer .copyright { text-align: center; padding: 25px 0 25px 0; }
#footer .credits { padding-top: 10px; text-align: center; font-size: 13px; color: #fff; }
#footer .credits a { color: #a2cce3; }

/*--------------------------------------------------------------
# Contact Us Page
--------------------------------------------------------------*/
.cont-banner{ padding: 40px 0px 25px 0px; background-color: #0c3a6c; color: #fff; text-align: center; overflow: hidden;}
.cont-banner h2 { font-size: 30px; font-weight: 600; color: #fff; }
.cont-banner ol.breadcrumb { background-color:transparent; padding:6px 0 0 0; margin: 0px; justify-content: center; }
.cont-banner ol.breadcrumb li.breadcrumb-item { font-size: 14px; font-weight: 300; }
.cont-banner ol.breadcrumb li.breadcrumb-item a{ color: #51d5ff; font-weight:400;  }
.cont-banner ol.breadcrumb li.breadcrumb-item a:hover, .cont-banner ol.breadcrumb li.breadcrumb-item a:focus { color: #fff;}
.cont-banner ol.breadcrumb li.breadcrumb-item.active { color: #fff; }
.cont-banner ol.breadcrumb li.breadcrumb-item + .breadcrumb-item::before { color: #fff; }

.contact-bg { box-shadow: 0 0 30px rgba(214, 215, 216, 0.6); padding:26px 30px 30px 30px; border: 1px solid #ebebeb; }

.contact-form .form-control { border-radius: 0; box-shadow: none;  font-size:14px; padding: 9px 15px 10px 15px; height: auto; 
	font-weight:400;  }
.contact-form .form-control:focus { border-color:#51d5ff; }
.submit-btn { background: #0c3a6c; border: 0; border-radius: 50px; padding: 10px 25px 10px 25px; color: #fff; transition: 0.4s; 
	text-transform: uppercase; font-weight: 600}
.submit-btn:hover, .submit-btn:focus { background: #30beec; }
.address-kldb { padding: 30px 0px; text-align: center; }
.address-info i { font-size: 34px; color: #51d5ff; padding: 8px 12px; border: 2px dotted #e7e7e7;}
.address-info h3 {font-size: 20px; color: #585858; font-weight:600; margin: 12px 0 8px 0px; text-transform: uppercase;}
.address-info p {padding: 0; line-height: 22px; font-size: 14px; margin-bottom: 0; font-weight:400; color: #585858; }

.contact-bg .contact-form .bottom-row {
    width: 100%;
    display: inline-block;
}