body > header.nav-in-banner {min-height:160px; background: #fff;}
body > header.nav-in-banner .wrapBanner {min-height:160px;}
body > header.nav-in-banner .wrapBanner .banner {}
body > header.nav-in-banner .wrapBanner .banner img {width:100%; height: 700px; max-height: 54vh; object-fit: cover; }
body > header.nav-in-banner .wrapBanner .logo {top:40px; width:18%; height:75px; left: 10%; z-index: 201;}
body > header.nav-in-banner .wrapBanner .logo img {width:100%; height: 100%; object-fit: contain; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3)); }
body > header.nav-in-banner .wrapBanner .logo a {display: block;
height: 100%;
width: 100%;
 }
body > header.nav-in-banner .wrapBanner .logo > a::before {
	content: '';
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
	background-position: center; background-image: var(--logo-alt);
	background-size: contain; background-repeat: no-repeat;
	z-index: 1;
	opacity: 0;
	transition: opacity 0.4s ease;
}
body > header.nav-in-banner .wrapBanner .logo > a:hover::before {
	opacity: 1;
}
body > header.nav-in-banner .wrapBanner .event-dates { position: absolute; top: 130px; left: 15%; width: 9%; }
body > header.nav-in-banner .wrapBanner .event-dates img { width: 100%; filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3)); }
body > header.nav-in-banner .wrapBanner .page-title { position: absolute; bottom: 20px; width: 100%; }
body > header.nav-in-banner .wrapBanner .page-title > h1 { color: #fff; text-align: center; font-size: 42px; text-shadow: 5px 5px 8px rgba(0, 0, 0, 0.5); }

body > header.nav-in-banner .wrapTitle {display: none;}

body > header.nav-in-banner nav.mainNav {position:absolute; top:100px; left:35%; right: 0;}
body > header.nav-in-banner nav.mainNav .wrapNav {align-self:center;}
body > header.nav-in-banner nav.mainNav .smallLogo { display: none; }
body > header.nav-in-banner nav.mainNav > div > ul { display: flex; flex-direction: row; width:100%; }
body > header.nav-in-banner nav.mainNav > div > ul > li { position: relative; background: none; color:#000; }
body > header.nav-in-banner nav.mainNav > div > ul > li:not(:last-child)::after { position: absolute; right: 0; top: 6px; bottom: 6px; content: ''; border-right: 2px solid #fff; }
body > header.nav-in-banner nav.mainNav > div > ul > li > a,
body > header.nav-in-banner nav.mainNav > div > ul > li > span { color:white; font-size:16px; text-align: center; font-weight: bold; padding:6px 24px; text-transform: uppercase; cursor: pointer; }


body > header.nav-in-banner nav.mainNav.scroll > div > ul > li,
body > header.nav-in-banner nav.mainNav.scroll > div > ul > li { display: flex; align-items: center; }
body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > a,
body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > span { text-align: center; }


@media all and (max-width: 1720px) {
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > a,
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > span {
		font-size: 13px;
		padding: 6px 10px;
	}
}

body > header.nav-in-banner nav.mainNav > div > ul > li.selected > a,
body > header.nav-in-banner nav.mainNav > div > ul > li.selected > span,
body > header.nav-in-banner nav.mainNav > div > ul > li:hover > a,
body > header.nav-in-banner nav.mainNav > div > ul > li:hover > span { color: var(--nav-selected-txt-color); }

body > header.nav-in-banner .wrapButtons li a {padding:6px 10px; font-size:15px;}

body > header.nav-in-banner .overHead {background: transparent; top:0; width:100%; position:absolute; padding: 20px; }
body > header.nav-in-banner .overHead > div {display: flex; flex-direction: row; justify-content: flex-end; }
body > header.nav-in-banner .overHead .areas {flex-direction: row; margin-left: unset; }
body > header.nav-in-banner .overHead .areas li { position: relative; font-size:0; padding:0 10px; text-align: center; height: 100%;}
body > header.nav-in-banner .overHead .areas li i {font-size:18px;}
body > header.nav-in-banner .overHead .areas li > a { font-weight: bold; }
body > header.nav-in-banner .overHead .areas li.become-exhibitor > a { padding: 8px; background-color: var(--alt-color); }
body > header.nav-in-banner .overHead .areas li:not(:first-child)::before { position: absolute; left: 0; top: 8px; bottom: 8px; content: ''; border-left: 2px solid #fff; }
body > header.nav-in-banner .overHead .flags li.select { background: rgba(255, 255 , 255, 0.3); border-radius: 3px;}

body.header-alt > header.nav-in-banner .wrapBanner .banner img { height: 300px; }
body.header-alt > header.nav-in-banner .wrapBanner .page-title { display: none; }

@media all and (min-width: 1201px) {
	body > header.nav-in-banner nav.mainNav.scroll { position: fixed; top: 0; left: 0; right: 36%; width: unset; height: 60px; background-color: #f5f9ed; z-index: 202;  }
	body > header.nav-in-banner nav.mainNav.scroll > div > ul{ justify-content: center; }
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > a,
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > span { color: #000; }
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li:not(:last-child)::after { content: none; }

	body > header.nav-in-banner nav.mainNav.scroll .smallLogo { display: block; height: 100%; }
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a { display: flex; flex-direction: row; align-items: center; height: 100%; }
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a img { height: 100%; object-fit: contain; }
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a h2 { color: #000; font-weight: normal; font-size: 22px; white-space: nowrap; margin: 0; }
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a p { font-size: 14px; font-weight: normal; white-space: nowrap; margin: 0; }

	body > header.nav-in-banner .overHead.scroll { position: fixed; top: 0; left: 64%; right: 0; width: unset; padding: 0; height: 60px; background-color: #f5f9ed; display: flex; align-items: center;  }
	body > header.nav-in-banner .overHead.scroll > div { position: relative; height: 100%; width: 100%; }
	body > header.nav-in-banner .overHead.scroll .areas {
		display: grid;
		grid-template-rows: 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		height: 100%;
		width: 100%;
	}
	body > header.nav-in-banner .overHead.scroll .flags {
		position: absolute;
		right: 0;
		width: 33%;
		display: flex;
		justify-content: center;
	}
	body > header.nav-in-banner .overHead.scroll .flags li,
	body > header.nav-in-banner .overHead.scroll .flags li a { color: #000; }

	body > header.nav-in-banner .overHead.scroll .areas li.become-exhibitor {
		grid-column: 2;
		grid-row: 1 / span 2;
		padding: 0;
	}
	body > header.nav-in-banner .overHead.scroll .areas li.become-exhibitor > a {
		height: 100%;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: center;
		padding: 8px;
	}
	body > header.nav-in-banner .overHead.scroll .areas li.ticketing {
		grid-column: 1;
		grid-row: 1 / span 2;
		padding: 0;
	}
	body > header.nav-in-banner .overHead.scroll .areas li.ticketing > a {
		background-color: #1d563e;
		height: 100%;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: center;
		padding: 8px;
	}
	body > header.nav-in-banner .overHead.scroll .areas li.social {
		grid-column: 3;
		grid-row: 2;
		justify-content: center;
		background-color: #ff723d;
	}
	body > header.nav-in-banner .overHead.scroll .areas li:not(:first-child)::before {
		content: none;
	}

}


@media all and (max-width: 1720px) {
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a h2 {
		font-size: 15px;
	}
	body > header.nav-in-banner .overHead.scroll .areas li.become-exhibitor > a {
		font-size: 13px;
		padding: 8px;
	}
	body > header.nav-in-banner .overHead.scroll .areas li.ticketing > a {
		font-size: 13px;
		padding: 8px;
	}
}

@media all and (max-width: 1600px) {
	body > header.nav-in-banner nav.mainNav.scroll { right: 32%; }
	body > header.nav-in-banner .overHead.scroll { left: 68%; }
}


@media all and (min-width: 1201px) and (max-width: 1600px) {
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a h2 { font-size: 15px;}
	body > header.nav-in-banner nav.mainNav.scroll .smallLogo > a p { font-size: 12px;}
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > a,
	body > header.nav-in-banner nav.mainNav.scroll > div > ul > li > span {
		font-size: 13px;
		padding: 6px 14px;
	}
}

@media all and (max-width: 1200px) {
	body > header.nav-in-banner nav.mainNav { left: 0; top: 0; right: 0; max-width: 100%; width: 100%; }
	body > header.nav-in-banner nav.mainNav > div > ul { background-color: rgba(29, 86, 62, 0.95);; visibility: hidden; opacity: 0; transition: opacity 0.3s ease; }
	body > header.nav-in-banner nav.mainNav > div > ul.responsiveNav { display: flex; flex-direction: column; }
	body > header.nav-in-banner .wrapBanner .event-dates { display: none; }

	body > header.nav-in-banner .wrapBanner .banner img { height: 200px; max-height: 30vh; }

	body > header.nav-in-banner nav.mainNav > div > ul > li:not(:last-child)::after { content: none; }

	body > header.nav-in-banner nav.mainNav > div > ul > li { display: none; }
	body > header.nav-in-banner nav.mainNav > div > ul.responsiveNav > li { display: block; }

	body > header.nav-in-banner nav.mainNav > div > ul > li > a,
	body > header.nav-in-banner nav.mainNav > div > ul > li > span { color:white; font-size:14px; font-weight: bold; padding: 18px 24px; text-transform: uppercase; cursor: pointer; }

	body > header.nav-in-banner .overHead { padding: 0;right: 60px; left: 0; width: calc(100% - 60px); }
	body > header.nav-in-banner .overHead > div { min-height: unset; padding: 0; justify-content: center; }

	body > header.nav-in-banner .overHead ul { display: none; }
	body > header.nav-in-banner.menu-opened .overHead ul { display: flex; padding: 10px 0; }

	body > header.nav-in-banner .overHead ul.btns { position: fixed; top: 0; left: 0; margin-left: 0; border-bottom-left-radius: 0; }
	body > header.nav-in-banner .overHead ul.flags { position: fixed; top: 50px; left: 0; flex-direction: column; border-radius: 0 3px 3px 0; }
	body > header.nav-in-banner .overHead ul.flags li:first-child { border-radius: 0 3px 0 0; }
	body > header.nav-in-banner .overHead ul.flags li:last-child { border-radius: 0 0 3px 0; }
	body > header.nav-in-banner .overHead ul > li > a { padding: 10px 5px; font-size: 10px; }
	body > header.nav-in-banner .overHead .areas > .social { position: fixed; top: 135px; left: 0; height: auto; flex-direction: column; display: flex; }
	body > header.nav-in-banner .overHead .areas > .social::before { content: none !important; }
	body > header.nav-in-banner .overHead .areas > .social > a { padding: 3px; width: 22px; }

	body > header.nav-in-banner .wrapBanner .banner img { height: 160px; }
	body > header.nav-in-banner .wrapBanner .logo { height: 60%; top: 5%; left: 5%; width: 50%; }

	body > header.nav-in-banner.menu-opened .wrapBanner .logo { top: 60px; left: 50%; transform: translateX(-50%); }

	body > header.nav-in-banner .wrapBanner .page-title { bottom: 0; }
	body > header.nav-in-banner .wrapBanner .page-title > h1  { font-size: 22px; padding: 10px; line-height: 1.2; }
}