
/*=-====Bootstrapthemes.co btco-hover-menu=====*/

.navbar-light .navbar-nav .nav-link {
	color: rgb(64, 64, 64);
}

.btco-hover-menu a , .navbar > li > a {
	padding: 10px 15px;
}

.btco-hover-menu .active a, .btco-hover-menu .active a:focus, .btco-hover-menu .active a:hover, .btco-hover-menu li a:hover, .btco-hover-menu li a:focus , .navbar>.show>a, .navbar>.show>a:focus, .navbar>.show>a:hover {
	color: #000;
	background: transparent;
	outline: 0;
}



/*submenu style start from here*/

.dropdown-menu {
	padding: 0px 0;
	margin: 0 0 0;
	border: 0px solid transition !important;
	border: 0px solid rgba(0,0,0,.15);
	border-radius: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

/*first level*/

.btco-hover-menu .collapse ul > li:hover > a {
	background: #f5f5f5;
}

.btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover {
	background: #fff;
}
/*second level*/

.btco-hover-menu .collapse ul ul ul > li:hover > a {
	background: #fff;
}

/*third level*/

.btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu {
	background: #f5f5f5;
}

.btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu {
	background: #f5f5f5
}

.btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu {
	background: #f5f5f5
}


/*test color*/
.btco-hover-menu ul ul {
	background: white!important;
	box-shadow: 0px 0px 15px #ccc!important;
/*	border-radius: 5px;*/
}

.btco-hover-menu .collapse ul > li:hover > a {
	background: transparent;
}


/*Drop-down menu work on hover*/

.btco-hover-menu {
	background: none;
	margin: 0;
	/*padding: 0;*/
	min-height: 20px
}

@media only screen and (max-width: 991px) {
	.btco-hover-menu .show > .dropdown-toggle::after {
		transform: rotate(-90deg);
	}
}
@media only screen and (min-width: 991px) {
	.btco-hover-menu .collapse ul li {
		position: relative;
	}
	
	.btco-hover-menu .collapse ul li:hover> ul {
		display: block
	}
	
	.btco-hover-menu .collapse ul ul {
		position: absolute;
		top: 100%;
		left: 0;
		min-width: 250px;
		display: none;
	}
    /*******/
	
	.btco-hover-menu .collapse ul ul li {
		position: relative
	}
	
	.btco-hover-menu .collapse ul ul li:hover> ul {
		display: block
	}
	
	.btco-hover-menu .collapse ul ul ul {
		position: absolute;
		top: 0;
		left: 100%;
		min-width: 250px;
		display: none
	}
    /*******/
	
	.btco-hover-menu .collapse ul ul ul li {
		position: relative
	}
	
	.btco-hover-menu .collapse ul ul ul li:hover ul {
		display: block
	}
	
	.btco-hover-menu .collapse ul ul ul ul {
		position: absolute;
		top: 0;
		left: -100%;
		min-width: 250px;
		display: none;
		z-index: 1
	}
}
