body{
    background-color: #f8f8f8;
}
desktopHeader{
	display:none;
    background-color: white;
}
mobileHeader{
	display: block;
	height: 64px;
	background-color: white;
	padding-left:12px;
	padding-right:12px;
}
mobileHeader section{
	display: flex;
	height: 64px;
    justify-content: space-between;
    align-items: center;

}
mobileHeader section .logo{
	flex: 0 0 60%;
  height: 64px;
  padding-top:2px;
  padding-bottom:2px;
}
mobileHeader section .logo a{
  height: 64px;
  width:100%;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: left center;
}

mobileHeader section .functions{
	display: flex;
	justify-content: space-around;
}

mobileHeader section .functions .mobileHeaderIcon{
	/* flex:0 0 30%;
	aspect-ratio:1/1; */
  width: 42px;
  height:42px;
	background-size:70%;
	background-position: center center;
	background-repeat: no-repeat;
}
mobileHeader .functions{
	display: flex;
	justify-content: space-between;
}
mobileHeader nav{
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 100%;
	width: 100vw;
	overflow-y: auto;
	background-color: #0070DF;
	z-index: 99;
	display: block;
	color: white;

}
mobileHeader nav .functions{
	padding-top:24px;
	padding-bottom:24px;
	padding-left:24px;
	padding-right:24px;
	border-bottom:1px solid white;
}
mobileHeader nav .menu{
	border-bottom:1px solid white;
}
mobileHeader a{
	display: block;
	cursor: pointer;
}
mobileHeader .plusButton{
	background-image:url('../images/plus.svg');
	background-position: right 28px center;
	background-size: 24px;
	background-repeat: no-repeat;
}
mobileHeader nav .meta a{
	display: block;
}
mobileHeader nav .menu .t1, mobileHeader nav .menu .t2, mobileHeader nav .meta .t1{
	padding-left:24px;
	padding-right:24px;
	padding-top:24px;
	padding-bottom:24px;
}
mobileHeader nav .menu .t2_wrapper{
	display:none;
	padding-left:12px;
}
mobileHeader nav .menu .t1{
	font-family: lato-bold;
}
mobileHeader nav .menu .t2{

}

mobileHeader section .functions .mobileHeaderIconLanguage{
	background-image:url('../images/language.svg');
}
mobileHeader section .functions .mobileHeaderIconSearch{
	background-image:url('../images/search.svg');
}
mobileHeader section .functions .mobileHeaderIconMenu{
	background-image:url('../images/menu.svg');
}

mobileHeader #mobileLanguageSelector{
	display: none;
	position: absolute;
	z-index:99;
	margin-top:32px;
	width:42px;
	border-radius: 100px;
	background:#eee;
	padding:4px;
  left: 50%;
	top:62px;
  transform: translate(-50%, -50%);
}
mobileHeader .mobileLanguageButton{
	/* aspect-ratio: 1/1;
	width:90%; */
  width:32px;
  height:32px;
	margin:0 auto;
	justify-content: center;
	align-items: center;
	display:flex;
	margin-top:6px;
	margin-bottom:6px;
	background:#fff;
	border-radius: 50%;
	font-size:90%;
}


desktopHeader #heading{
	padding-top:12px;
	padding-bottom:12px;
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size:90%;

}
desktopHeader #headingFunction{
	display: flex;
	align-items: center;
}
desktopHeader #headingFunction > div{
	margin-left:24px;
    cursor: pointer;
}
#desktopNav{
	background-color:#0070DF;
}

#desktopNav nav{
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size:105%;

}
#desktopNav nav .menuBlock{
	padding-top:12px;
	padding-bottom:12px;
}
#desktopNav nav .subMenuBlock{
	position: absolute;
	left:-40px;
	display:none;
	z-index: 99999999;
}
.subMenuWrapper{
	margin-top:24px;
	background:#EAF2FF;
	border-radius: 12px;
	width:400px;
	padding-top:12px;
	padding-bottom:12px;
}
.t1menu{
	padding-left:18px;
	padding-right:18px;
}
.t0menu{
	color:white;
	text-align: center;
	text-decoration: none;
}
.subMenuWrapper a{
	display: block;
	padding-top:12px;
	padding-bottom:12px;
}
.t1menu:hover{
	background:#0070DF;
	color:white;
}

#mobileMenuOff{
	background-image:url('../images/close.svg');
	background-position: center center;
	background-size: 24px;
	background-repeat: no-repeat;
	height:24px;
	width:24px;
}
#searchButton{
	background-image:url('../images/search.svg');
	background-position: center center;
	background-size: 20px;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
}
#emailButton{
	/* background-image:url('../images/email.svg'); */
	background-position: center center;
	background-size: 20px;
	background-repeat: no-repeat;
	/* height:20px; */
	/* width:20px; */
}
#printerButton{
	background-image:url('../images/printer.svg');
	background-position: center center;
	background-size: 20px;
	background-repeat: no-repeat;
	height:20px;
	width:20px;
}
.searchBarWrapper{
	position: absolute;
	z-index:99;
	padding-top:24px;
	padding-bottom:24px;
	background-color:#0070DF;
	width: 100%;
	left:0px;
	display: none;
}
.searchBar{
	display: flex;
	align-items: center;
	width: 90%;
	max-width: 1200px;
	margin:0 auto;
}
.searchHint{
	width: 90%;
	max-width: 1200px;
	margin:0 auto;
	padding-top:12px;
	padding-bottom:0px;
	color:white;
	font-family: lato-bold;
}
.searchBarButton{
	display: flex;
margin-left:8px;
height: 42px;

	justify-content: center;

}
.searchBar button{
	background: rgba(0,0,0,0);
	border: 0px solid #ccc;
	font-size:110%;
	font-family: lato-bold;
	padding-left:18px;
	padding-right:18px;
	cursor: pointer;
	background-color:#0070DF;
	color:white;
	border-radius: 4px;
}
.searchBar input{
	height: 42px;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding-left:8px;
	padding-right:8px;

}
.searchBarInput{
	flex: 1 1 0;

}
@media (min-width: 1024px) {
	body{
	}
	desktopHeader{
		display: block;
	}
	mobileHeader{
		display: none;
	}

	#desktopNav nav{
		width:100%;
		padding-left:18px;
		padding-right:18px;
	}

 	#heading{
		width:100%;
		padding-left:18px;
		padding-right:18px;
	}
}
@media (min-width: 1200px) {
	#desktopNav nav{
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
 	#heading{
		width:100%;
		padding-left:0px;
		padding-right:0px;
	}
}


.fontsizebutton{
  height: 20px;
  width: 16px;
  background-image:url('../images/letterA.svg');
  background-repeat: no-repeat;
  background-position: center bottom 2px;
}

.fontsizebuttonMobile{
  height: 20px;
  width: 16px;
  background-image:url('../images/letterAWhite.svg');
  background-repeat: no-repeat;
  background-position: center bottom;
  margin-right:6px;
  border-bottom:1px solid rgba(1,1,1,0);
}

.mobileHeaderLogo_en{
  background-image:url('../images/logo_en.svg');
}
.mobileHeaderLogo_tc{
  background-image:url('../images/logo_tc.svg');
}
.mobileHeaderLogo_sc{
  background-image:url('../images/logo_sc.svg');
}
mobileHeader .functions .langandsizewrapper{
  display:flex;
}
mobileHeader .functions .langandsizewrapper .first_lang{
  margin-left:0px;margin-right:12px;
}
mobileHeader .functions .langandsizewrapper .second_lang{
  margin-left:0px;margin-right:6px;
}
mobileHeader .functions .langandsizewrapper .mobileheadersizewrapper{
  display:flex;align-item:flex-end;margin-left:12px;
}
mobileHeader .functions .langandsizewrapper .mobileheadersizewrapper .fontsizebuttonMobile_default{
  background-size: 14px;width:15px
}
mobileHeader .functions .langandsizewrapper .mobileheadersizewrapper .fontsizebuttonMobile_normal{
  background-size: 16px;
}
mobileHeader .functions .langandsizewrapper .mobileheadersizewrapper .fontsizebuttonMobile_large{
  background-size: 18px;
}
#otherLangBtn{position:relative;z-index:1000;}
#otherLangBtn .otherLangLayer{position:absolute;top:100%;background-color:#fff;white-space:nowrap;z-index:100;display:none;padding-top:10px;}
#otherLangBtn .otherLangLayer a{display:block;padding:10px 20px;color:#333;text-decoration:none;border:1px solid #ccc;}
#otherLangBtn .otherLangLayer a:hover{color:#fff;background-color:#124B82;}
#otherLangBtn .otherLangLayer a:not(:last-child){border-bottom:1px solid #ccc;}
#otherLang{display:block;text-decoration:none;position:relative;padding-left:10px !important;}
#otherLang:hover, #otherLangBtn:focus-within #otherLang, #otherLangBtn:hover #otherLang{ color:#fff;}
#otherLangBtn.active .otherLangLayer{display:block;}
@media (min-width: 1024px){
	#otherLangBtn:hover .otherLangLayer, #otherLangBtn:focus-within .otherLangLayer{display:block;}
	#otherLang{padding-left:0 !important;}
	#otherLang:hover, #otherLangBtn:focus-within #otherLang, #otherLangBtn:hover #otherLang{color:#bd3131;}
}