/*main menu overlap-top*/


/* ========================================================================
   Component: Overlap
 ========================================================================== */

#selected_headerbanner {
	margin-top:  !important;
	/*overlap top default*/
}

.overlap .uk-navbar {
	/*background-color: rgba(0,0,0,0);*/

	/*box-shadow: 0px 4px 2px rgba(0,0,0,0.2);*/
}

.overlap #selected_navigator,
#selected_headerbanner {
	top: 0;
	position: relative;
	z-index: 0;
}

.overlap #selected_navigator {
	z-index: 2;
	display: flow-root;
}


#selected_headerbanner~#selected_navigator {
	margin-top:  !important;
	/*menu bottom default*/
}

.overlap #selected_headerbanner~#selected_navigator {
	margin-top: -60px !important;
	/*overlap bottom default*/
}

.overlap #selected_topmenu~#selected_headerbanner {
	margin-top: 0px !important;
	/*overlap bottom default*/
}

.overlap #selected_navigator~#selected_headerbanner {
	top: unset !important;
	margin-top: -56px !important;
}

.overlap #rvnavigator .uk-sticky-placeholder {
	height: auto !important;
}


@media only screen and (min-width: 768px) {

	/* With Overlap and Scrollbar */
	.overlap #rvnavigator .rv-sticky-overlap .uk-navbar.uk-active {
		background: #fff !important;
		box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2) !important;
	}

	.overlap #rvnavigator .rv-sticky-overlap .uk-navbar-nav>li>a {
		color: #969696 !important;
	}

	.overlap #rvnavigator .rv-sticky-overlap .uk-navbar-nav>li:hover>a,
	.overlap #rvnavigator .rv-sticky-overlap .uk-navbar-nav>li>a:focus,
	.overlap #rvnavigator .rv-sticky-overlap .uk-navbar-nav>li.uk-open>a,
	.overlap #rvnavigator .rv-sticky-overlap .uk-navbar-nav>li.uk-active>a {
		/* navbar_link_h_txtcolor */
		color: #000;
	}

}

@media only screen and (max-width: 767px) {

	#selected_navigator,
	#selected_headerbanner {
		top: auto;
		position: inherit;
		z-index: 0;
	}

	#selected_navigator {
		z-index: 2;
	}

	#selected_headerbanner {
		margin-top: auto !important;
	}


}

@media only screen and (max-width: 767px) {

	.overlap #selected_navigator,
	.overlap #selected_headerbanner {
		top: auto;
		position: inherit;
		z-index: 0;
	}

	.overlap #selected_navigator {
		z-index: 2;
	}

	.overlap #selected_headerbanner {
		margin-top: auto !important;
	}

	#selected_headerbanner~#selected_navigator {
		margin-top:  !important;
		/*menu bottom default*/
	}

	.overlap #selected_headerbanner~#selected_navigator {
		margin-top: auto !important;
		/*overlap bottom default*/
	}

	.overlap #selected_topmenu~#selected_headerbanner {
		margin-top: 0px !important;
		/*overlap bottom default*/
	}

	.overlap #selected_navigator~#selected_headerbanner {
		margin-top: auto !important;
		/*menu top normal*/
	}

}