#mainMenuTop .brand-logo{
	margin: 0 10px 10px 0;
	width: 150px;
	height: auto !important;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
}

#mainMenuTop ul.mainMenuPages:not(.subheadermenu){
	display: flex;
	margin-bottom: 8px;
	margin-top:0;
	justify-content:flex-end;
	margin-left: auto;
	flex:1;
	padding-left:50px;
	align-items: flex-end;
}
#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li > a{
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	display: block;
	width: 100%;
	height: 100%;
	padding:6px 0;
	text-align: left;
	transition: all .4s;
	text-decoration: none !important;
}

#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li{
	padding: 4px;
	display: flex;
	align-items: center;
	margin-left:4px;
	height:60px;
	line-height:40px;
	text-indent:8px;
	flex:1;
	transition: all .4s;
}

#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li:hover > a,
#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li.selected > a{
	margin-top:10px;
}
#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li.selected,
#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li:hover
{
	height:70px;
	margin-top:-10px;
}
#mainMenuTop .arrow
{
	color:#fff;
	cursor:pointer;
	transition: all .4s;
	transform-origin: center center;
	text-indent:0;
}

#mainMenuTop li:first-child{
	margin-left:0;
}

#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li.open .subheadermenu
{
	display:block;
}

#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li.open .arrow
{
	transform: rotate(180deg);
	transform-origin: center center;
}

/*
#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li:hover .subheadermenu
{
width:340px;
display:block;
}
*/

#mainMenuTop > div > div
{

	display: flex;
	align-items: center;
}


.subheadermenu{
	position:absolute;
	z-index:9999;
	width: 100%;
	left: 0;
	top: 70px;
	flex-direction: column;
	list-style-type: disc;
	color:#fff !important;
	padding:10px 0;
	background:#68b6b4 !important;
	display: none;
	padding-left:0 !important;
	border-top:1px solid #fff;
}

.subheadermenu,
.subheadermenu li,
.subheadermenu li a
{

	color:#fff !important;
	font-size:18px !important;
	line-height: 35px;
	font-weight: bold !important;
	font-family:neuehaasunica;
	list-style-type: none !important;
}

.subheadermenu li
{
	color:#6c678e !important;
	background:#68b6b4 !important;	
}
.subheadermenu li:hover a,
.subheadermenu li.selected a{
	color:#6c678e !important;
	background:#b1d6d5;
}
.subheadermenu li a
{
	padding-left:10px !important;
	display:block;
	text-decoration: none !important;
}




#mainMenuTop
{
	height: 96px;
	line-height: 81px;
	align-items: center;
}



.pagesubmenu{
	position:relative;
	z-index:2;
}

.pagesubmenu ul li a
{
	color:#fff;
	text-decoration:underline;
}


.mainMenuPages .findthecounselor-ct{
	display:none !important;
}


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

	

	.subheadermenu,
	.subheadermenu li,
	.subheadermenu li a
	{

		font-size:17px !important;
	}

	#mainMenuTop li a{
		color: #fff;
		font-size: 17px;
		font-weight: 500;
		text-indent: 8px;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li > a
	{
		font-size:15px;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu)
	{
		padding-left: 15px;
	}


}

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

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li > a
	{
		font-size:16px;
	}


	#mainMenuTop{
		width:100%;
	}



}


@media only screen and (max-width: 992px) {
	.mainMenuPages .findthecounselor-ct{

		margin-top: 60px !important;
		display: block !important;
		width: 90% !important;
		margin-left: 5% !important;
	}
	
	.mainMenuPages .findthecounselor-ct a{
		
    color: #fff !important;
    font-size: 25px !important;
	}
	
	#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li:hover > a,
	#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li.selected > a{
		margin-top:0;
		color:#fff;
	}
	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li.selected,
	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li:hover
	{
		height:70px;
		margin-top:0;
		background:#6cb5b4 !important;
	}
	

	
	 .subheadermenu li.selected a
	 {
		background:#6cb5b4 !important;
		color:#fff !important;
		 
	 }

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li.open
	{
		height:auto;
	}

	#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li .subheadermenu{

		position: relative;
		width: 100%;
		top: 0;
		text-align: left;
		background:none !important;
		margin:0;
		padding:0 !important;
	}
	#mainMenuTop .arrow
	{
		position: absolute;
		right: 7px;
		top: 22px;
		font-size: 33px;
	}

	.subheadermenu, .subheadermenu li, .subheadermenu li a
	{
		background:#f9f9f9 !important;
		color: #fff !important;
		text-align: center;
		color: #141323 !important;
		background: #fff;
		line-height: 50px;
		font-weight:100 !important;
		font-size:19px !important;
		
	}

	.subheadermenu li a{
		border-bottom: 1px solid #909090;

	}

	#mainMenuTop  ul.mainMenuPages:not(.subheadermenu) > li:hover .subheadermenu{

	}

	.hamburger{
		display: block;
		float: right;
		margin: 0;
		padding: 0;
		margin-left:auto;
		margin-right:20px;
		margin-top:10px;
		z-index:11;
	}

	#mainMenuTop
	{
		padding-top:0;
		margin-bottom: 0 !important;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		z-index: 2;
		box-shadow:0 0 25px rgba(0,0,0,.05);
		padding-bottom:0;

		height: auto;
		line-height: unset;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu)
	{

		position: fixed;
		width: 100%;
		margin: 0;
		padding: 0;
		left: 0;
		flex-direction: column;
		top: -100%;
		z-index:9;
		transition: top .4s;
		align-items:flex-start;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu).open{

		top: 85px;
		height: calc(100% - 85px);
		z-index: 9;
		display:block;
		background:#fff;
	}

	.page-footer
	{
		z-index:1;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li > a
	{
		padding: 0;
		margin: 0;
		line-height: 70px !important;
		color: #141323;
		font-size: 21px !important;
		font-weight: 100;
		text-align: center;
		border-bottom: 1px solid #ccc;
	}

	#mainMenuTop .arrow{
		color:#141323;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li:first-child
	{
		border-top:1px solid #ccc;
	}

	#mainMenuTop ul.mainMenuPages:not(.subheadermenu) > li{

		text-indent: 4px;
		padding: 0;
		margin: 0;
		text-align: center;
		justify-content: center;
		flex-direction: column;
		width:100%;
		background:#fff !important;
		height:70px;
	}

	#mainMenuTop > div > div{
		display:flex; 
		align-items: center;
		height:85px;
	}

	#mainMenuTop > div > div .bgheader{
		background:#fff;
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		z-index:10;

	}

	#mainMenuTop > div {
		margin:0;
	}

	#mainContainer
	{
		padding-top:90px;
	}


	#mainMenuTop .brand-logo{
		margin:0;
		z-index:11;
	}
}