.navbar-top .nav-wrap ul {
	margin: 0px;
	padding: 0px;
}
.navbar-top .nav-wrap ul li {
	margin: 0px;
	padding: 0.5rem 1.25rem;
}
.nav-wrap ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.nav-wrap ul li a {
	text-decoration: none;
}
.navbar-top .nav-wrap ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.navbar-top .nav-wrap ul li a {
	text-decoration: none;
}
.topbar-wrap {
    padding: 0.64rem 0;
}
.topbar-wrap a.button.regular {
    width: 9rem;
    padding: 0 0rem;
}

/* nav */
body .navbar-top {
	width: 100%;
}
body .navbar-top .container {
    position: relative;
}
body .navbar-top .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: 0rem 0;
	border-top: 1px solid #242424;
}
.navbar-top .nav-logo {
    width: 11rem;
}
.navbar-top .nav-logo a {
    display: block;
}
.navbar-top .nav-logo a img {
	display: block;	
	max-width: initial;
	width: 100%;
}
.navbar-top .button-wrap {
    margin-top: 0;
    margin-left: 2.5rem;
}
.navbar-top .nav-menu.nav-wrap {
    align-items: center;
}

.navbar-top ul.navbar-nav {
    display: flex;
    justify-content: center;
    align-items: center;
}
.navbar-top ul.navbar-nav li {
	position: relative;
}
.navbar-top ul.navbar-nav li a {
	color: var(--gray);
    font-size: 0.8rem;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}

.navbar-top ul.navbar-nav li.current-menu-item a[href*="#"] {
    color: var(--gray);
}

.navbar-top ul.navbar-nav > li > a {
    padding: 0rem 0.25rem 0.45rem;
	position: relative;
}
.navbar-top ul.navbar-nav .menu-btn {
    margin-left: 1.3rem;
}
.navbar-top ul.navbar-nav .menu-btn a {
    color: var(--white-color);
	height: 2.3rem;
    line-height: 2.3rem;
    font-weight: 400;
	letter-spacing: 0;
	padding: 0rem 1.5rem;
}
.navbar-top ul.navbar-nav li.current-menu-item > a,
.navbar-top ul.navbar-nav .sub-menu li.current-menu-item > a {
    color: var(--main-color);
}
.navbar-top ul.navbar-nav > li > a:hover , .navbar-top ul.navbar-nav .sub-menu li a:hover, .navbar-top-wrap .nav-wrap ul.sub-menu li a:hover{
	/* color: var(--main-color); */
}
body .navbar-top-wrap ul.navbar-nav > li.menu-item-has-children.col-three > ul.sub-menu > li:last-child a:hover{

}
.navbar-top ul.sub-menu li a {
    /* color: var(--black-color); */
    /* text-align: left; */
}
.navbar-top ul.navbar-nav li.about-menu .sub-menu li a{
	/* text-align: center; */
}

.navbar-top ul.navbar-nav .sub-menu li a {
    /* color: var(--black-color); */
    margin: 0;
    background-color: transparent;
    padding: 0rem;
    width: 100%;
    display: grid;
    margin-bottom: 0rem;
}


/*middle menu*/
body .section-middle-menu {
	height: 5.1rem;
}
body .section-middle-menu .inner {
	background-color: #fff;
}
body .section-middle-menu.fixed .inner {
    position: fixed;
	z-index: 20;	
    left: 0;
    width: 100%;
    top: 4.4vw;
	box-shadow: 0px 0px 0.3vw rgba(0,0,0,0.3);
}
body.admin-bar .section-middle-menu.fixed .inner {
    top: calc(4.4vw + 32px);
}
body .section-middle-menu .row {
	width: 80%
}
body .section-middle-menu .button {
	margin: 0.5vw 0.66vw 0.5vw 0;
    padding: 0.25vw 0.85vw;	
	border-radius: 1.5vw;
}


.navbar-top-wrap .nav-wrap ul.sub-menu li {
    padding: 0rem 1rem;
    /* width: fit-content; */
    /* margin: 0 auto; */
}
.navbar-top-wrap .nav-wrap ul.sub-menu li a {
    padding: 1rem 0rem 0.45rem;
	/* text-align: center; */
    font-size: 0.85rem;
	position: relative;
}




/**navbar-left-wrap**/
.navbar-left-wrap {
    display: flex;
    align-items: center;
	justify-content: start;	
    /* width: 25.35%; */
}




@media (min-width: 992px){	

	body:not(.page-template-default) .navbar-top-wrap {
		height: 5.2rem;
	}
	.navbar-top  {
		padding-top: 1rem;
		/* background-color: var(--white); */
	}
	body .navbar-top.animated-initial {
        background: var(--white);
        padding-top: 0;
    }
	.navbar-top .inner {
		padding: 0.75rem 1rem;
        border-radius: var(--border-radius);
        background-color: rgba(255, 255, 255, 0.5);
	}
	.navbar-nav-collapse {
		display: flex;
		align-items: center;
	}
	.navbar-nav .menu-item-has-children .sub-menu {
		max-height:0;
		height: 0;
		display: none;
		transition:max-height 0.75s ease-out; 
	}

	.navbar-nav .menu-item-has-children.open .sub-menu,
	.navbar-nav .menu-item-has-children:hover .sub-menu {
        transition: max-height 0.75s ease-out;
        height: auto;
        max-height: fit-content;
        max-width: 15rem;
        min-width: 15rem;
        display: block;
        box-shadow: 0px 4px 4px #0000005D;
    }

	.navbar-top ul.navbar-nav li ul.sub-menu {
		display: none;
		position: absolute;
		z-index: 102;
		top: 100%;
		top: 100%;
		left: 50%;
		padding-top: 0.6rem;
		padding-bottom: 0.6rem;
		background-color: var(--white);
		transform: translateX(-50%);
	}

	.navbar-top ul.navbar-nav li.col-list-wrap ul.sub-menu {
		left: -2.5rem;
	}
	.navbar-top.animated-initial.animated-passed.animated ul.navbar-nav ul.sub-menu {
		/* background-color: #fff; */
	}

	.navbar-top ul.navbar-nav li.current-menu-ancestor > a,
	.navbar-top ul.navbar-nav li.current-menu-item > a,
	.navbar-top ul.navbar-nav li > a:hover {
		color: var(--main-color);
	}
	.navbar-top ul.navbar-nav li.current-menu-item a[href*="#"]:hover {
		color: var(--main-color);
	}
}
@media (max-width: 991px){
	.navbar-top .nav-logo {
	  width: 7rem;
	}
}
@media (max-width: 991px){
	.navbar-top .desktop-lg {
		display: none;
	}
	.navbar-top .mobile-lg {
		display: block;
	}
	.header-social-icon .social-icons {
		padding: 0 2rem 3rem;
	}
	.header-social-icon .social-icons {
		justify-content: center;
	}
	.navbar-top .nav-logo {
		z-index: 991;
		position: relative;
		width: 7rem;
	}
	.navbar-toggle {
		
		background-position: center center;
		background-repeat: no-repeat;
		display: flex;
        align-items: center;
        justify-content: center;
	}
	body .navbar-top .nav-menu {
		position: fixed;
		top: 5rem;
		background-color: var(--white);
		width: 100%;
	}
	body .navbar-top .nav-menu.nav-wrap.open {
		left: 0;
	}
	body.admin-bar .navbar-top .nav-menu {
		top: 6rem;
	}
	body .navbar-top .row {
		padding-top: 1rem;
		padding-bottom: 0.6rem;
	}
	body .navbar-top .row .nav-logo {
		position: relative;
		z-index: 102;
	}
	body .navbar-top.no-header.full-header.no-header.animated.animated-initial.animated-passed {
		/* position: fixed; */
	}
	body .navbar-top  {
		width: 100%;
		z-index: 10;
		padding: 0.8rem 0 0.8rem;
		background-color: var(--white);
	}	 
	body .navbar-top .nav-menu.open .navbar-nav-collapse {
		max-height: calc(100vh - 80px);
	} 
	body.admin-bar .navbar-top .nav-menu.open .navbar-nav-collapse {
		max-height: calc(100vh - 80px);
		overflow: auto;
		z-index: 99999;
		position: relative;
	}
	body .navbar-top .button-wrap {
		position: unset;
		margin: 0 0 2rem;
		justify-content: left;
        padding-left: 1.6rem;
	}
	.navbar-top a.button:first-child {
		margin: 0rem;
	}
	.navbar-top ul.navbar-nav {
		flex-wrap: wrap;
		align-items: start;
		margin-left: 0rem;
	}	
	.navbar-top ul.navbar-nav li {
		width: 100%;
		padding: 0 0 1.85rem;
	}
	.navbar-top ul.navbar-nav>li:first-child {
		border-top: 0px solid var(--main-color);
		padding-top: 1.25rem;
	}
	.navbar-top .navbar-nav > li a {
		padding: 0;
	}
	.navbar-top ul.navbar-nav > li.button-nav a {
		margin-left: 0.6rem;
		margin-top: 1rem;
	}
	.navbar-top ul.navbar-nav .sub-menu {
		margin-right: 0;
		border-right: unset;
	}
	.navbar-top-wrap .nav-wrap ul.sub-menu li:first-child {
		padding-top: 0rem;
	}
	.navbar-top ul.navbar-nav .sub-menu li {
		display: block;
		padding: 0;
		margin: 0.75rem 0 0 !important;
	}
	.navbar-top ul.navbar-nav .sub-menu li a {
		display: inline-block;
		min-width: initial;
		padding:0rem;
		border: 0;
		font-size:0.89rem;
		text-align: left;
	}
	.navbar-top ul.navbar-nav .menu-item-has-children.open-mobile {
		background-color: #336B83;
		padding-bottom: 1.25rem;
	}
	.navbar-top ul.navbar-nav .menu-item-has-children .sub-menu {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.75s ease-out;
		display: block;
		padding-left: 0;
	}

	.navbar-top .nav-wrap ul > li:last-child {
		margin-bottom: 0.5rem;
	}
	.navbar-top ul.navbar-nav .menu-item-has-children .sub-menu.open-mobile {
		transition: max-height 0.75s ease-out;
		max-height: 30rem;
		overflow-y: auto;
		visibility: unset;
	}


	.navbar-top ul.navbar-nav .sub-menu {
		position: initial;
		left: 0;
		transform: none;
		box-shadow: initial;
	}
	.arrowdown {
		display: inline-block;
		/* position: absolute; */
		/* top: 1rem; */
		width: 1rem;
		height: 1rem;
		font-size: 0.2em;
		color: var(--main-color);
		border-radius: 50%;
		cursor: pointer;
		transition: 0.75s;
		transform: translate(1px, 2px) rotate(-90deg);
		/* right: 1rem; */
	}
	.arrowdown svg {  
		width: 1rem;
		height: 1rem;
	}
	.arrowdown.close-arrow {
		transform: translate(1px,2px) rotate(0deg);
	}
	.arrowdown.open-arrow {
		transform: rotate(0deg);
	}


	
	/*middle-menu*/
	body .section-middle-menu {
		min-height: 99px;
	}
	body .section-middle-menu .inner {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	body .section-middle-menu.fixed .inner {
		top: 61px;
	}
	body.admin-bar .section-middle-menu.fixed .inner {
		top: 93px;
	}
	body .section-middle-menu .inner .container.vw {
		overflow: auto;
	}
	body .section-middle-menu .row {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	body .section-middle-menu .button {
		margin: 5px 5px 5px 0;
		padding: 3px 21px;
		border-radius: 20px;
	}
	.navbar-top ul.navbar-nav .menu-btn {
		margin-left: 0.5rem;
		width: auto;
		margin-right: auto;
	}
	/*********/
	.navbar-top .nav-wrap ul  li {
		margin-top: 10px;
	}

	.navbar-top .nav-wrap ul.nav.navbar-nav > li {
		margin: 0 1.6rem;
	}
	.navbar-top ul.navbar-nav > li > a {
        display: inline-block;
        padding: 0rem 0rem;
        /* width: 100%; */
        font-size:1rem;
		text-transform: uppercase;
    }

	.navbar-top ul.navbar-nav .menu-item-has-children .sub-menu.open-mobile span.arrowdown {
		display: none;
	}

	.mobile-lg .navbar-nav-collapse {
		position: unset !important;
	}
	body.html-overlay{
		overflow:hidden;
	}
	.navbar-top .nav-menu .button-wrap a.button.regular {
		width: 100%;
		max-width: 17rem;
		margin-bottom: 1rem;
	}


	/****navbar-left-wrap*****/
	.nav-search-wrapper {
		margin-right: 0;
	}
	.navbar-top .app-store-wrap {
		padding: 0 1.6rem 3rem;
	}
	.navbar-top .nav-menu .nav-wrap-button a.button.regular {
		padding: 0.7rem 1.2rem;
		margin: 0.5rem 0 1.5rem;
		max-width: fit-content;
	}

	
}
@media (max-width: 767px){
	
	.navbar-left-wrap a.button.regular {
		font-size: 0.8rem;
	}
	.nav-search-wrapper {
        margin-right: 0;
    }
	 body .navbar-top .nav-menu {
        top: 80px;
        top: 3.5rem;
    }
	 body.admin-bar .navbar-top .nav-menu {
        top: 129px;
        top: 5.5rem;
    }
	.navbar-top .nav-menu .nav-wrap-button a.button.regular {
        padding: 0.7rem 2.5rem;
    }
	.navbar-top-wrap .nav-wrap ul li.col-image a .a-section .image img {
		height: auto;
		width: auto;
		max-width: 14rem;
		margin: 0 auto 1rem;
	}
	.navbar-nav-collapse .app-store-wrap .icon a {
        width: 80%;
		height: auto;
    }
	.navbar-top .nav-menu.open .navbar-nav-collapse ul {
		/* height: 115vw; */
		/* overflow: auto; */
		/* z-index: 99999; */
		/* position: relative; */
	}

}
@media (max-width: 480px){


	.navbar-left-wrap a.button.regular {
		margin-bottom: 0;
		padding: 6px 12px;
		font-size: 12px;
	}	

}

