
@media(min-width:992px){
	.navbar-top-wrap {
		/* height: 4.5rem; */
		height: auto;
		position: relative;
	}
	body .navbar-top  {
		position: absolute;
		/* position: fixed; */
		z-index: 10;
		top: 0px;
		left: 0;
		width: 100%;
	}
	body.admin-bar .navbar-top  {
		/* top: 32px; */
	}
	body .navbar-top.animated {
		top: -100px;	
	}
	body .navbar-top.animated.animated-initial {
		position: fixed;
		box-shadow: 0px 3px 12px #8991A248;
		background-color: var(--white);
		transition: 0.35s;
	}
	body .navbar-top.animated.animated-initial.animated-passed {
		top: 0;
		transition: 0.35s;
	}
	body .navbar-top.animated-initial.animated-passed ul.navbar-nav > li > a {
		color: var(--darkblue);
	}
	body .navbar-top.animated-initial.animated-passed ul.navbar-nav > li > a ~ .arrowdown {
		color: var(--darkblue);
	}
	body .navbar-top.animated-initial.animated-passed ul.navbar-nav > li.current-menu-item > a {	
		/* color: var(--main-color-hover); */
	}
	body .navbar-top.animated-initial.animated-passed ul.navbar-nav > li > a:hover {
		/* color: var(--main-color-hover); */
	}
	body .navbar-top.animated-initial.animated-passed ul.navbar-nav > li > a:hover ~ .arrowdown {
		/* color: var(--main-color-hover); */
	}
	body .navbar-top.animated-initial.animated-passed a.black {
		display: block;
	}

	body .navbar-top.animated-initial.animated-passed a.white {
		display: none;
	}
	body.admin-bar .navbar-top.animated-initial.animated-passed.animated {
		top: 32px;
	}	
	.navbar-top.animated-initial.animated-passed.animated .flex-row {
		/* background-color: transparent; */
		/* box-shadow: unset; */
		/* margin: 0; */
		
		/* background-color: var(--white); */
		/* box-shadow: 0px 3px 12px #8991A248; */
		/* border-radius: 6px 6px 6px 40px; */
		/* padding: 0 1.5rem; */
		/* margin-top: 1.59rem; */
		
	}
	.nav-icon {
		display: none;	
	}
	.arrowdown {
		display: none;
	}
	.navbar-top ul.navbar-nav > li > a:after, .navbar-top ul.navbar-nav li ul.sub-menu > li > a:after {
        width: 0%;
        height:0.11rem;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0rem;
        margin: 0 auto;
        content: "";
        background-color: var(--main-color-hover);
        transform: scaleX(0);
        transition: all .3s;
        z-index: 999;
		display: none;
    }
	.navbar-top ul.navbar-nav > li.current-menu-item > a:after, .navbar-top ul.navbar-nav > li:hover > a:after, .navbar-top ul.navbar-nav li ul.sub-menu > li.current-menu-item > a:after, .navbar-top ul.navbar-nav li ul.sub-menu > li:hover > a:after {
        width: 100%;
        transform: scaleX(1);
    }
}
@media(max-width:991px){
	
	body .navbar-top.animated {
		top: -100px;	
	}
	body .navbar-top.animated.animated-initial {
		position: fixed;
		transition: 0.35s;
		background-color: #fff;
	}
	body .navbar-top.animated.animated-initial.animated-passed {
		top: 0;
		transition: 0.35s;
	}
	body.admin-bar .navbar-top.animated.animated-initial.animated-passed {
		top: 2.5rem;
	}
	
	.navbar-top {
		position: absolute;
	}
	.nav-icon {
		display: block;
		position: relative;
		z-index: 102;
		float: right;
		width: 1.8rem;
		height: 1.8rem;
		margin: 1px 0 0;
		padding: 0;
		border: none;
		border-radius: 0.03rem;
		background-color: var(--white);
		transform: rotate(0deg);
		transition: .5s ease-in-out;
		cursor: pointer;
		outline: 0;
		border-radius: 0px 4px 0px 20px;
	}
	.nav-icon span {
		display: block;
		opacity: 1;
		position: absolute;
		left: auto;
		width:0.8rem;
        height: 2px;
		border-radius: 0;
		background: var(--darkblue);
		transform: rotate(0deg);
		transition: .25s ease-in-out;
	}
	.navbar-top a.button:first-child {
		margin-left: 1rem;
	}
	.nav-icon span:nth-child(1) {
		top: 10px;
	}
	.nav-icon span:nth-child(2), 
	.nav-icon span:nth-child(3) {
		top: 16px;
	}
	.nav-icon.open span:nth-child(2), 
	.nav-icon.open span:nth-child(3) {
        left: auto;
	}
	.nav-icon span:nth-child(4) {
        top: 22px;
        width: 0.5rem;
        right: 0.49rem;
    }
	.nav-icon.open span:nth-child(1) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	.nav-icon.open span:nth-child(2) {
		transform: rotate(45deg);
	}
	.nav-icon.open span:nth-child(3) {
		transform: rotate(-45deg);
	}
	.nav-icon.open span:nth-child(4) {
		top: 18px;
		width: 0%;
		left: 50%;
	}
	
	.navbar-top-wrap {
		/* height: 3.2rem; */
		position: relative;
	}
	body .navbar-top .nav-menu {
		position: fixed;
		position: absolute;
		top: 63px;
	}
	body.admin-bar .navbar-top .nav-menu {
		/* top: 6.8rem; */
	}
	.navbar-top .nav-menu {
		left: 0;
		transition: 1s;
		background-color: var(--gray-color);
		z-index: 100;
	}
	.navbar-top .nav-menu .navbar-nav-collapse {
		max-height:0;
		height: 0;
		overflow: hidden;
		transition:max-height 0.75s ease-out; 
	}
	.navbar-top .nav-menu.open .navbar-nav-collapse {
		transition: max-height 0.75s ease-out;
		height:auto;
		padding-bottom: 0rem;
		overflow-y: scroll;
		width: 100%;
	}
	body .navbar-top .nav-menu.open .navbar-nav-collapse {
		max-height: calc(100vh - 175px);
	}
	body.admin-bar .navbar-top .nav-menu.open .navbar-nav-collapse {
		/* max-height: calc(100vh - 112px); */
	}
	
}