/*
#933048; HILIGHT_BG:;
#fff; HILIGHT_TXT:;
#eee; Sub_LEVEL_BG:;

#524656; DARK_GREY:;
*/
/* ALL NAVIGATION STYLES IN THIS FILE (TOPMENU, SIDEMENU, MOBILE) */
/* THIS FILE PROVIDES TOUCHSCREEN SUPPORT WITHOUT SPRY AND MENUS FOR GRANDCHILDREN */

.topMenuBG {
	width: 100%;
	height: 130px;
	/* border-bottom: 1px solid #cccccc; */
}

.topMenuBG.opacity-none,
.topMenuBG.opacity-none #headerRight {
	height: 100px;
}

#topNav,
#sideNav {
	display:block;
	position:relative;
	vertical-align:bottom;
}

#topNav *,
#sideNav * { ALL_UNDER:;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#topNav ul,
#sideNav ul { ALL_UL_UNDER:;
	list-style-type: none;
}


.topSubA, .topGchildA {
	cursor: pointer;
}

/* prevent initial display of submenus */
.topSubUL,
.topSubLI,
#sideNav {
	display:none;
}







/* ***************************************** */
/* ***************************************** */
/* ****************   TOP   **************** */
/* **************** DESKTOP **************** */
/* ****************         **************** */
/* ***************************************** */
/* ***************************************** */

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

	#topNav { WBTM_SPECIFIC_USUALLY_NOT_NEEDED:;
		padding:0;
		xbackground:transparent;
		float: right;
		width: 100%;
		text-align: right;
		margin-top: 0;
		top: unset;
		
	}
	#mobileMenu {
		display:none;
	}
	#topMenu {
		display: block;
	}

	#XXXXXXXXXXXXXXXX_topRow_XXXXXXXXXXXXXXXX{}
	.topRowUL {
		position:relative;
		ppfloat:left;
		width:100%;
		
		margin: 0 0 0 0;
		padding: 0;
		
	}
	.topRowLI { BG_OK_BUT_USE_FONT_STYLING_MARGIN_PADDING_WITH_topRowA_INSTEAD:;
		display:inline-block;
		position:relative;
		vertical-align:bottom;
		margin: 0;
		padding: 0;
		
		
	}
	.topRowLI.markedGroup{
		/*background:#933048; HILIGHT_BG:; */
		color: #e3e3e3;
		
		
	}
	.topRowLI.thisIsThePage{}

	.topRowA,
	  .topRowA:visited,
	  .isMobile .topArrow {
		display: block;
		text-align: center;
		color: #231f20;
		font-weight: 500;
		font-size: .9rem;
		white-space: nowrap;
		margin:0;
		padding: .2em .5em;
		text-decoration:none;
		line-height: 1em;
	}
	.isMobile .topRowA,
	  .isMobile .topRowA:visited,
	  .isMobile .topArrow 	{
		font-size: .95rem; TABLET_NEED_SMALLER_FONT_TO_FIT_ARROWS:;
		padding: .2em .5em;
	}
	.topRowA.markedGroup {
		color:#346a8d; HILIGHT_TXT:;
	}
	.topRowA.thisIsThePage {}



	.notMobile .topArrow  { ACTIVATE_isMobile_IN_inc-top-menu_php_TO_CHECK:;
		display:none;
	}
	.isMobile .topRowLI.withArrow { REMEMBER_THIS_IS_THE_LI_NOT_THE_A:;
		padding-right:1em; SPACE_FOR_topArrow:;
	}
	.isMobile .topRowA.withArrow {
		padding-right:0;
	}
	.isMobile .topArrow { OVERRIDES_topRowA_SHARED_SETTINGS:;
		text-align:center;
		padding-left:0 !important;
		padding-right:0 !important;

		position:absolute;
		right:0;
		top:0;
		width:1em;
	}
	.isMobile .topArrow.markedGroup {
		color:#fff; HILIGHT_TXT:;
	}


	.topRowLI:hover,
	  .topRowLI.arrowClicked {
		
		color: #346a8d;
		
	}
	.topRowLI:hover .topSubUL {
		SHOW_HIDE_TOGGLE_ALSO_THROUGH_JQ_TO_STORE_VALUE:;
		display:block; FASTER_THAN_JQ:;
	}
	.topRowLI:hover .topRowA,
	  .topRowLI:hover .topArrow,
	  .topRowLI.arrowClicked .topRowA,
	  .topRowLI.arrowClicked .topArrow { ALSO_SHOWS_WHILE_HOVER_topSub:;
		HILIGHT_COLOR_SET_IN_LI:;
		color:#346a8d; HILIGHT_TXT:;
	}
	.topRowA:hover {}
	.topRowA.markedGroup:hover  {}
	.topRowA.thisIsThePage:hover  {}
}


@media (min-width:900px) and (max-width:990px) {

	/* .topRowLI {
		margin: 0 .4em 0 .4em;
	}

	.topRowLI:last-child {
		margin-right: 1.2em;
	}

	.topRowA,
	  .topRowA:visited,
	  .isMobile .topArrow 	{
		font-size: .94em;
		padding: .7em .4em .7em .4em;
		
	}

	.topSubA,
	  .topSubA:visited,
	  .subArrow {
		font-size: 1em;
	}

	.topGchildA,
	  .topGchildA:visited 	{
		font-size:.78em;
	} */
}








/* **************************************** */
/* **************************************** */
/* ****************  TOP   **************** */
/* **************** MOBILE **************** */
/* ****************        **************** */
/* **************************************** */
/* **************************************** */

@media screen and (max-width:899px){
	#topNav {
		position:relative;
		margin-top: 27px;
		clear: both;
	}
	#mobileMenu {
		clear: both;
		display: block;
		/* width: 100%; */
		width: 30px;
		float: right;
		position: relative;
		right: 0;
		background: transparent;
		cursor: pointer;
		font-size: 1.2em;
		font-weight: 700;
		color: #346a8d;
		text-align: right;
		text-transform: uppercase;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		margin: 0 1.2em 0 0;
		padding: .4em 0 .4em 0;
		line-height: 34px;
	}

	/* .hamburger {
		display:inline-block;
		width:33px;
		margin-right: 0;
		float: right;
		margin-left: .7em;
	}
	.hamburger i {
		display:block;
		width:100%;
		height:6px;
		background: #346a8d;
		margin-top:4px;
		
	} */

	.hamburger {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 30px;
		height: 30px;
		cursor: pointer;
		transition: all .2s ease-in-out;
	}

	.hamburger-line {
		width: 100%;
		height: 3px;
		background: #346a8d;
		transition: all .2s ease-in-out;
	}

	.hamburger .hamburger-line::before,
	.hamburger .hamburger-line::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 3px;
		left: 0;
		background: #346a8d;
		transition: all .2s ease-in-out;
	}

	.hamburger .hamburger-line::before {
		transform: translateY(-7px);
	}

	.hamburger .hamburger-line::after {
		transform: translateY(7px);
	}

	/*  ANIMATION for Hamburger Menu  */
	.hamburger.openHamburgerMenu .hamburger-line {
		transform: translateX(-50px);
		background: transparent;
	}
	.hamburger.openHamburgerMenu .hamburger-line::before {
		transform: rotate(45deg) translate(35px, -35px);
	}
	.hamburger.openHamburgerMenu .hamburger-line::after {
		transform: rotate(-45deg) translate(35px, 35px);
	}


	.relative_topMenu {
		display:block;
		position:relative;
		clear:both;
	}
	#topMenu {
		display: none;
		border: 1px solid #346a8d;
	}

	#XXXXXXXXXXXXXXXX_Mobile_XXXXXXXXXXXXXXXX{}
	#XXXXXXXXXXXXXXXX_topRow_XXXXXXXXXXXXXXXX{}
	.topRowUL {
		position:absolute;
		/* width: 100%; */
		width: calc(260px + 100% - 1rem);
		ppfloat:left;
		ppborder-top:1px solid #ddd;
		ppborder-bottom:1px solid #ddd;
		background:#eeedf0; M_Top_LEVEL_BG:;
		
		margin: 0 0 0 0;
		padding:0;
		text-align:left;
		z-index:12345; HAS_TO_OVERLAP_GALLERY:;
		top: 28px;
		right: .7rem;
	}
	.topRowLI {
		display:block;
		position:relative;
		vertical-align:bottom;
		margin:0;
		padding:0;
		border-bottom: 1px solid #e2e2e7;
	}
	.topRowLI.markedGroup{
		background:#346a8d; HILIGHT_BG:;
		ppcolor:#fff; HILIGHT_TXT:;
	}
	.topRowLI.thisIsThePage{}

	.topRowA,
	  .topRowA:visited,
	  .topArrow{
		display:block;
		text-align:left;
		color:#000000; DARK_GREY:;
		text-transform:capitalize;
		font-weight:400;
		font-size:1em;
		ppwhite-space:nowrap;
		ppline-height:inherit; USUALLY_SET_IN_body:;

		margin:0;
		padding:1em;
		text-decoration:none;
	}
	.topRowA.markedGroup {
		color:#ffffff; HILIGHT_TXT:;
	}
	.topRowA.thisIsThePage {}



	.topRowLI.withArrow {}
	.topRowA.withArrow {
		padding-right:3em; SPACE_FOR_topArrow:;
	}
	.topArrow {
		text-align:center;
		position:absolute;
		right:0;
		top:0;
		width:3em;
		padding-left:0;
		padding-right:0;
		ppheight:100%;
		cursor:pointer; THIS_IS_NOT_A_LINK:;
		ppborder-left:1px solid #000000;
		ppborder-top-left-radius: 1.5em;

		ppbackground:#f1ebe5; M_Top_LEVEL_BG:;
		
	}
	.topRowLI.markedGroup .topArrow {
		color:#ffffff; HILIGHT_TXT:;
		ppborder-left:1px solid #fff;

		ppbackground:#f1ebe5; HILIGHT_BG:;
		
	}
	.topRowLI.thisIsThePage .topArrow {
		ppbackground:#f1ebe5; M_Top_LEVEL_BG:; OVERRIDE_MARKEDGROUP:;
	}



	.topRowLI.arrowClicked{
		background:#346a8d; HILIGHT_BG:;
	}
	.topRowLI.arrowClicked .topRowA,
	  .topRowLI.arrowClicked .topArrow {
		color:#ffffff; HILIGHT_TXT:; 
	}
	.topRowLI:hover .topSubUL {ONLY_JQ_CLICK_ACTION:;}
	.topRowLI:hover .topRowA,
	  .topRowLI:hover .topArrow { ALSO_WHILE_HOVER_topSub:;
		background:#346a8d; HILIGHT_BG:;
		color:#ffffff; HILIGHT_TXT:;
		ppborder-left:1px solid #fff;
	}
	.topRowLI:hover .topArrow {
		
	}
	.topRowA:hover {}
	.topRowA.markedGroup:hover  {}
	.topRowA.thisIsThePage:hover  {}
	.topArrow:hover,
	  .topRowLI.arrowClicked .topArrow { TOPARROW_GETS_arrowClicked_IN_LI:;
		ppbackground:#ddd !important; M_Sub_LEVEL_BG:; OVERRIDE_ALL:;
	}
	.topRowLI.arrowClicked .topArrow {
		PICTURE-background: url('../images/uparrow_dark.png') center no-repeat;
	}
	.topRowLI.markedGroup.arrowClicked .topArrow {
		PICTURE-background: url('../images/uparrow_light.png') center no-repeat;
	}
	.topRowLI.arrowClicked:hover .topArrow {
		PICTURE-background: url('../images/uparrow_light.png') center no-repeat;
	}



	#XXXXXXXXXXXXXXXX_Mobile_XXXXXXXXXXXXXXXX{}
	#XXXXXXXXXXXXXXXX_topSub_XXXXXXXXXXXXXXXX{}
	.topSubUL {
		display:none;

		position:relative;
		width:100%;
		background:#dedee0; M_Sub_LEVEL_BG:;

		border-top:none;
		border-right:none;
		border-bottom:none;
		border-left:none;
		margin:0;
		padding:0;
	}
	.topSubUL.rightAlign { JQ_CALCULATED:;
		NOT_USED_IN_MOBILE:;
	}

	.topSubLI {
		margin:0;
		padding:0;
		position:relative; FOR_ARROW_POSITIONING:;
	}
	.topSubLI.markedGroup{
		background:#dedee0; HILIGHT_BG:;
	}
	.topSubLI.thisIsThePage{}


	.topSubA,
	  .topSubA:visited,
	  .subArrow {
		display:block;
		text-align:left;
		color:#000000; DARK_GREY:;
		font-weight:400;
		font-size:.9em;
		ppwhite-space:nowrap;
		text-transform:capitalize;

		margin:0;
		padding:.9em 1em;
		text-decoration:none;
	}
	.topSubA  {
		padding-left:2em;
	}
	.topSubA.markedGroup  {
		color:#000000; HILIGHT_TXT:;
	}
	.topSubA.thisIsThePage{}




	.topSubLI.withArrow {}
	.topSubA.withArrow {
		padding-right:3em; SAME_AS_subArrow_WIDTH:;
	}
	.subArrow {
		text-align:center;
		white-space:nowrap;
		padding-left:0;
		padding-right:0;

		position:absolute;
		right:0;
		top:0;
		width:3em; SAME_AS_topSubA_withArrow_PADDING_RIGHT:;
		background:#e3e1df;
		cursor:pointer; THIS_IS_NOT_A_LINK:;
	}
	.topSubLI.markedGroup .subArrow {
		ppbackground:#f1ebe5; HILIGHT_BG:;
		color:#000000; HILIGHT_TXT:;
	}
	.topSubLI.thisIsThePage .subArrow {
		ppbackground:#ddd; M_Sub_LEVEL_BG:; OVERRIDE_MARKEDGROUP:;
	}



	.topSubLI.arrowClicked{
		background:#000000; HILIGHT_BG:;
	}
	.topSubLI.arrowClicked .topSubA,
	  .topSubLI.arrowClicked .subArrow {
		color:#000000; HILIGHT_TXT:;
	}
	.topSubLI:hover{
		background:#d8d8d9; HILIGHT_BG:;
	}
	.topSubLI:hover .topSubA,
	  .topSubLI:hover .subArrow {
		color:#000000; HILIGHT_TXT:;
	}
	.topSubA:hover{}
	.topSubA.markedGroup:hover  {}
	.topSubA.thisIsThePage:hover  {}
	.subArrow:hover,
	  .subArrow.arrowClicked {
		ppbackground:#ccc !important; M_Gchild_LEVEL_BG:; OVERRIDE_ALL:;
	}


	#XXXXXXXXXXXXXXXX_Mobile_XXXXXXXXXXXXXXXX{}
	#XXXXXXXXXXXXXXXX_topGchild_XXXXXXXXXXXXXXXX{}
	.topGchildUL {
		display:none; SHOW_BY_JQ_slideDown:;
		background:#f1ebe5; M_Gchild_LEVEL_BG:;
		position:relative;

		width:100%;
		margin:0;
		padding:0;
	}

	.topGchildLI {
		margin:0;
		padding:0;
	}
	.topGchildLI.markedGroup{}
	.topGchildLI.thisIsThePage{}

	.topGchildA,
	.topGchildA:visited {
		display:block;
		text-align:left;
		color:#4e4e4e; DARK_GREY:;
		font-weight:600;
		font-size:.9em;
		ppwhite-space:nowrap;
		text-transform: capitalize;
		margin:0;
		padding:.9em 1em .9em 3em;
		text-decoration:none;
	}
	.topGchildA.markedGroup  {
		background:#f1ebe5; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.topGchildA.thisIsThePage{}




	.topGchildLI:hover {}
	.topGchildA:hover {
		background:#f1ebe5; HILIGHT_BG:;
		color:#fff; HILIGHT_TXT:;
	}
	.topGchildA.markedGroup:hover  {}
	.topGchildA.thisIsThePage:hover  {}



	.topMenuBG {
		height: 100px;
	}
}

@media (min-width: 1px) and (max-width: 549px) {
	
	/* #topNav {
	clear: both;
    position: relative;
    margin-top: 0;
	}
	
	#mobileMenu {
    margin: 0 0 0 0;
    padding: .2em 0 .3em 0;
	
	width: 98.5%;
	}
	
	.hamburger {
    margin-right: .6em;
    } */

}

@media only screen and (max-width: 479px) {
	#mobileMenu {
		margin-right: .3rem;
	}

	.topHeaderContact {
		right: 3rem;
	}

	.topRowUL {
		width: calc(260px + 100%);
		right: 0;
		top: 28px;
	}
}

@media only screen and (max-width: 360px) {
	.topRowUL {
		width: calc(230px + 100%);
	}

	#mobileMenu {
		margin-right: .5rem;
	}
}