/*!
Theme Name: BNI
Theme URI: http://underscores.me/
Author: Moinahemad H Mansuri
Author URI: https://lionstechnologies.com/
Description: Custom Theme Developement for BNI
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: bni
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.

BNI 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/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
- Normalize
- Box sizing
# Base
- Typography
- Elements
- Links
- Forms
## Layouts
# Components
- Navigation
- Posts and pages
- Comments
- Widgets
- Media
- Captions
- Galleries
# plugins
- Jetpack infinite scroll
# Utilities
- Accessibility
- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
========================================================================== */

/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
*/
li.menu-item-has-children:hover ul.sub-menu{
	display:block;
}
li.menu-item-has-children>ul.sub-menu>li{
	position:relative;
}

li.menu-item-has-children>ul.sub-menu>li>ul.sub-menu {
	display: none !important;
	position:absolute;
	top:0;
	left:100%;
}

li.menu-item-has-children>ul.sub-menu>li.menu-item-has-children:hover>ul.sub-menu {
	display: block !important;
}


ul.sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	border: none;
	border-radius: 0px;
	background: #ED3d63;
	box-shadow: none;
	width: 300px;
	margin-top: -5px;
}
ul.sub-menu li a{
	text-transform: uppercase;
	font-size: 15px;
	padding: 0px 5px;
	line-height: 50px;
	font-weight: 400;
	color:#fff;
	padding-left:15px;
}
.navbar-default .navbar-nav>li.bt a{
	color: #fff;
	border: 2px solid #fff;
	border-radius: 8px;
	line-height: 40px;
	width: 138px;
	text-align: center;
	margin-left: 5px;
}

.navbar-default .navbar-nav>li.bt.yel a {
	background: #57a170;
	border-color: #57a170;
	color: #000;
	font-weight: bold;
	font-family: 'HelveticaNeueBold';
	margin-left: 80px;
}

#nos-info p{
	color:#fff;
}

#nos-info h1{
	color:#fff;
}


ul.sub-menu {
	background: #fff;
	border-radius:8px;
}

.navbar-nav>li.menu-item-has-children>a {
	padding-right: 25px;
}

.navbar-nav>li.menu-item-has-children>a:after {
	content: "\f107";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	top: 14px;
	right: 0;
}

ul.sub-menu li a {
	color: #5E5873;
	text-transform: capitalize;
	line-height: 40px;
	padding: 0px 24px;
	display: inline-block;
	width: 100%;
	letter-spacing: -0.5px;
	font-family: 'HelveticaNeueBold';
}

ul.sub-menu:before {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 11px 12px 11px;
	border-color: transparent transparent #fff transparent;
	position:absolute;
	top:-12px;
	left:18px;
}




@media only screen and (max-width: 767px) {
	#menu-div .main ul li>a {
		position: relative;
	}

	#menu-div .main ul li>a:before {
		content: "\f105";
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		float: right;
		color: #000;
		font-size: 22px;
		position:absolute;
		top:22px;
		right:15px;
	}


	#menu-div .main ul.sub-menu {
		background: #fff;
		border-radius: 0px;
		top: 0;
		position: relative;
	}

	ul.sub-menu:before {
		display:none;
	}

	#menu-div .main ul li ul li a {
		line-height: 45px;
		box-shadow: none;
		padding-left: 0;
	}

	#menu-div .main  ul li.menu-item-has-children.active>a {
		display:inline-block;
		width:auto;
		color: #B9B9C3;
		font-size: 16px;
		box-shadow: none;
		line-height: 25px;
		padding-top: 10px;
	}

	#menu-div .main  ul li.menu-item-has-children.active>a:before {
		display:none;
	}

	#menu-div .main ul.sub-menu li a:before {
		top: 10px;
	}

}


@media only screen and (min-width: 768px) and (max-width: 1169px) {
	.navbar-default .navbar-nav>li.bt.yel a {
		margin-left: 20px;
	}


}

@media only screen and (max-width: 767px) {
	#menu-div .main  .sub-menu {
		display:none;
		width:100%;
	}

	#menu-div .main  ul li.menu-item-has-children.active .sub-menu {
		display:inline-block;
	}
}

@media only screen and (max-width: 767px) {
	#banner-home .bg {
		float: left;
	}

}

.bni-auth-box-form-button, .bni-auth-box-form-button:active, .bni-auth-box-form-button:hover {
	border: 1px solid #57a170!important;
	background-color: #57a170!important;
}

input.wpcf7-form-control.wpcf7-not-valid{
	border: 1px solid #f00 !important;
}
span.wpcf7-not-valid-tip{
	display:none;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
	display:inline-block !important; 
}

.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
	display:inline-block !important;
}
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output{
	display:none !important;
}
.wpcf7 form .wpcf7-response-output{
	display:inline-block !important;
}
#nos-info.contact select,#nos-info.contact input, #nos-info.contact textarea{
	display: inline-block;
	width: 100%;
	background: #292929;
	border: 1px solid #4A4D51;
	box-sizing: border-box;
	border-radius: 8px;
	outline: none;
	height: 48px;
	padding: 0 16px;
	color: #FFFFFF;
	color: rgba(255,255,255,.5);
	font-family: 'HelveticaNeue';
	margin-bottom:10px;
	font-weight:600;
}
#nos-info.contact textarea{
	height:83px !important;
	padding-top:10px;
}

#nos-info.contact label{

	font-family: 'HelveticaNeueBold';
	color:#fff;
	line-height:20px;
	font-size:14px;
}
#nos-info.contact button.btn.btn-primary{
	 text-align: center;
    padding: 15px 15px;
    background: #57a170;
    border-color: #57a170;
    color: #000;
    width: 100%;
	font-family: 'HelveticaNeueBold';
	font-size:14px;
}
#nos-info.contact  span.asteric {
	color:red;
}
#nos-info.contact {
	padding-bottom:60px;
}

#nos-info.contact h2{
	margin-bottom:60px;
}

#nos-info.contact .form-group {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

#nos-info.contact .wid {
    width: 100%;
}

#nos-info.propos h3 {
	color:#fff;
	font-size:24px;
	font-weight:500;
	line-height:1.5;
}

#nos-info.propos p {
	color:#fff;
	font-size:16px;
	line-height:22px;
	margin:10px 0px;
}

#nos-info.propos .middle-list, #nos-info.propos .card ul {
	margin:0px 0p 20px 0px;
	padding:0px;
	list-style:none;
	float:left;
	width:100%;
}

#nos-info.propos .middle-list li, #nos-info.propos .card ul li {
	color:#57A170;
	margin:14px 0px;
	font-size:16px;
	width:100%;
	float:left;
}

#nos-info.propos .card ul li {
	color:#fff;
	background:url(https://vip.bnici.net/wp-content/uploads/2022/04/Group.png) top left no-repeat;
	padding-left:35px;
}

#nos-info.propos .middle-list li img, #nos-info.propos .card ul li img {
	margin-right:10px;
}

#nos-info.propos .card .sec-icon {
	position:absolute;
	bottom:30px;
	right:30px;
}

#nos-info.propos .wid {
	margin:75px 0px;
}

#nos-info.propos .nav-tabs>li>a{
	font-size:16px;
	line-height:20px;
	padding:16px 24px;
	text-align:center;
}

#nos-info.propos .card {
	background: rgba(255, 255, 255, 0.1);
	box-shadow: -4px 4px 0px #57A170;
	border-radius: 16px;
	margin:0px 20px 40px 20px;
	padding:25px 25px 60px 25px;
	position:relative;
}

#nos-info.propos .card h4 {
	color:#fff;
	font-size:16px;
	line-height:20px
}

#nos-info.propos ul.last-list li {
	float:left;
	font-size:16px;
	line-height:20px;
	color:#fff;
	margin-right:40px;
}

@media only screen and (max-width:767px) {
	#nos-info.propos {
		padding-left:15px !important;
		padding-right:15px !important;
	}	
	
	#nos-info.propos .wid {
		width:100% !important;
	}
	#nos-info .nav-tabs>li {
		width:100% !important;
		text-align:center !important;
	}
	
	#nos-info.propos .card {
		margin:15px 0px !important;
	}
}