.topheader{
	background-color: var(--bg_color1);
}
header .siteLOGO img{
	max-height:80px;
}
header .siteLOGO{
	Z-INDEX: 2;
}
.returnmsg{
	color: var(--theme_color1);
	background-color:unset;
	font-size: 1em;
	margin: 20px;
	display:none;
}
.returnmsg.error{
    background-color: #55e9e0;
    color: var(--text_color_msg);
    font-size: 1em;
}
.header{
	position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    margin: 0px;
}
.header:before{
	content: '';
   background-color: #ffffff;
    opacity: 0.95;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
	/*
        background-image: linear-gradient(to bottom,rgba(255,255,255,1),rgba(255,255,255,0.9),rgba(255,255,255,0.8), rgba(255,255,255,0.3));

		background-image: linear-gradient(to bottom,rgba(255,255,255,0.9),rgba(255,255,255,0.9));
		*/
		}

nav{
	text-align:left;
	margin-top: 20px;
}
nav .closenav{
	display:none;
}
nav ul:first-child{
	float:left;
}
nav ul.divmember{
	float:right;
}
.mmenuicon {
        background-image: url(/images/icon/icon_menu.svg);
    height: 30px;
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    height: 100%;
    top: 0px;
    right: 10px;
	display:none;
}
body{
	
	max-width: var(--hf_standard_width);
    margin: auto;
	background:unset;
	/*
	min-width:1000px;*/
}
body > center{
	background: var(--bg_image);
	background-size:var(--hf_standard_width) auto;
	 background-attachment: scroll;
}
.maxw{
	width:100%;
}
#btnBack2top{
	bottom:70px;
}
.menu-LOGIN a:before,.menu-LOGOUT a:before{
	content: '';
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
    /* border: 2px solid #000000; */
    /* border-radius: 25%; */
    width: 20px;
    height: 20px;
}	
.menu-LOGIN a,.menu-LOGOUT a{
	vertical-align: top;
    display: flex;
    align-content: center;
    align-items: center;
    font-size: 0.8em;
}
.menu-LOGIN a:before{
	 background-image: url(/images/icon/icon_people.png);
}
.menu-LOGIN a:hover:before{
	background-image: url(/images/icon/icon_people_on.png);
}
.menu-LOGOUT a:before{
	 background-image: url(/images/icon/icon_logout.png);
}
.menu-LOGOUT a:hover:before{
	background-image: url(/images/icon/icon_logout_on.png);
}
footer{
	padding:0px;
	border-top: 10px solid var(--theme_color1);
}
body.fixFooter footer{
	position:static;
}
.footerLOGO{
	float: left;
    height: 64px;
    margin-right: 10px;
}
.footer{
	padding-top: 20px;
	padding-bottom: 20px;
	font-size:14px;
	line-height:1.4em;
	color:#ffffff;
}
footer .maxw{
	    width: 900px;
}
.footer-sponsors{
	background-color:#ffffff;
	padding: 25px 10px;
}
.footer-sponsors ul{
	list-style-type:none;
	padding:0px;
}
.footer-sponsors ul li{
	display: inline-block;
    margin: 10px 10px;
    text-align: left; 
	font-size: 14px;
    line-height: 1.2em;
    color: var(--theme_color2);
    font-weight: bold;
}
.footer-sponsors ul.partnershiplogo img{ 
	    width: 180px;
    height: 40px;
    object-fit: contain;
    object-position: center;
}
.footer-sponsors ul.partnershiplogo{
	    display: grid;
    grid-template-columns: auto auto auto auto;
}
.footer-sponsors ul.partnershiplogo li{
	    display: flex;
	justify-content: flex-end;
    flex-direction: column;
}
.RHS .ICONlabel{
	display: block;
    width: fit-content;
    text-align: right;
	float:right;
	    margin-left: 50px;
}
.icon-email{
	background-image:url('/images/icon/icon_email.png');
}
.icon-ig{
	background-image:url('/images/icon/icon_instagram_w.png');
}
.icon-fb{
	background-image:url('/images/icon/icon_facebook_w.png');
}
footer .ICONlabel span{
	    display: block;
    font: var(--title-font_bold);
    font-size: 1em;
	margin-bottom: 3px;
	
}
footer .ICONlabel a{
	background-size: 30px 30px;
    background-position: left center;
    background-size: contain;
    height: 18px;
    display: inline-block;
    width: 18px;
    /* padding-left: 5px; */
    line-height: 18px;
    margin-left: 5px;
}
.copyright{
	    background-color: #ffffff;
    font-size: 12px;
    margin-bottom: 10px;
}



.page_heading{
	display:inline-block;
    color: #ffffff;
   
    position: relative;
    width: fit-content;
    font: var(--title-font_bold);
    font-size: 2.2em;
	 line-height: 1.5em;
	vertical-align: top;
	padding-top:40px;
	    margin-bottom: 40px;
}
.page_heading span{
	position:relative;
	z-index:2;
}
.page_heading:after
,.page_subheading:after{
	    content: '';
    width: 28px;
    height: 28px;
    border: 2px solid var(--theme_color1);
    display: inline-block;
    position: absolute;
    bottom: -5px;
    right: -14px;
    opacity: 0.5;
	z-index:1;
}
.page_subheading:after{
	width: 20px;
    height: 20px;
	right:-10px;
	bottom:-10px;
	opacity: 0.3;
}

.page_desc{
	display:inline-block;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0.7),rgba(0,0,0,0.7));
	color: #ffffff;
    width: 60%; 
    padding: 40px 10px;
	vertical-align: top;
	margin-left: 50px;
}
.page_desc.ety{
	background-image:unset;
}
.page_desc .title{
	font:var(--title-font_bold);
	font-size:1.4em;
	margin-bottom:15px;
}
.aboutus_class{
	background-image: linear-gradient(to bottom,rgba(255,255,255,0.9),rgba(255,255,255,0.9));
	padding:60px 10px;
}
.page_subheading{
	width: 40px;
    padding-top: 0px;
    color: var(--theme_color1);
    font: var(--title-font_bold);
    font-size: 32px; position: relative;
    line-height: 1.2em;
	display: inline-block;
    vertical-align: top;
	margin-right:40px;
}
@media only screen and (max-width:768px){
	.mmenuicon {
		display:block;
	}
	
	header .siteLOGO img{
		max-height:60px;
	}
	/*
	header .siteLOGO{
		position:relative;
	}
	*/
	nav{
		position: fixed;
		background-color:var(--theme_color1);
		width: 100%;
		height: 100%;
		z-index: 10;
		top: 0pz;
		top: 0px;
		left: 0px;
		margin: 0px;
		border-right: 100px solid #ffffff;
		 transition: all 1s;
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		left:-100%;
	}
	nav.close{
		left:-100%;
	}
	nav.open{
		left:0px;
	}
	nav .closenav{
		display:block;
		position: absolute;
		background-image:url('/images/icon/icon_close.png');
		right: 10px;
		top: 10px;
		width: 30px;
		height: 30px;
		background-size: contain;
	}

	.mlogo, .mlogin, .msocial{
		display:block;
	}
	.mlogo{
		    margin-bottom: 20px;
	}
	nav ul{
		float: unset !important;
		display: grid;
		margin-top:40px;
		font-size:16px;
		    width: calc( 100% - 60px );
	}
	nav li{
		font-size:1.5em;
	}
	nav a{
		font-size: inherit;
		color:#ffffff;
		    line-height: 2.5em;
	}
	/*
	.menu-LOGIN a:before{
		    border: 2px solid #ffffff;
			border-radius: 50%;
			width: 40px;
			height: 40px;
			background-size: 70%;
			background-color: #ffffff;
			margin-right: 10px;
			background-image: url(/images/icon/icon_people_on.png);
	}
	.menu-LOGIN a{
		    font-size: inherit;
	}
	*/
	
	header ul.divmember a{
		font-size: inherit;
	}
	header ul.divmember a:before{
		 border: 2px solid #ffffff;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		background-size: 70%;
		background-color: #ffffff;
		margin-right: 10px;
		
	}
	header ul.divmember .menu-LOGIN a:before{
		background-image: url(/images/icon/icon_people_on.png);
	}
	header ul.divmember .menu-LOGOUT a:before{
		background-image: url(/images/icon/icon_logout_on.png);
	}
	.page_desc{
		width: calc( 100% - 40px );
		margin-top: 20px;
		font-size: 16px;
		line-height: 20px;
		margin-left: 0px;
	}
	.page_desc.ety{
		display:none;
	}
	.page_heading{
		margin-bottom: 0px;
		padding-top: 0px;
	}
	.page_subheading{
		display: block;
		width: fit-content;
		text-align: left;
		margin-right: auto;
		margin-left: 5%;
		    margin-top: 10px;
	}
	
	.returnmsg{
		display: block;
		margin: 0px;
		padding: 0px 0px;
		
	}
	.aboutus_class{
		    padding: 40px 0px;
			min-height: 200px;
	}
	.aboutus_class > div{
		max-width:90%;
		
	}
	
	footer section.LHS {
		width: calc( 60% - 20px );
		float:left;
	}
	footer section.RHS {
		width: calc( 40% - 20px );
		float:right;
	}
	#btnBack2top{
		bottom:30px;
	}
	.RHS .ICONlabel{
		margin-left:30px;
	}
}

@media only screen and (max-width:560px){
	nav{
		
		border-right: 20px solid #ffffff;
		
	}
	nav ul{
		margin-top:20px;
	}
	nav li{
		font-size:1.2em;
		margin-left: 20px;
	}
	.mlogo img{
		height:60px;
		width:auto;
	}
	.maxw{
		max-width: calc( 100% - 50px );
	}
	.introVDO,.introTEXT{
		width: 100% !important;
		position: unset !important;
		height:unset  !important;
	}
	.index_part{
		padding-bottom:0px !important;
	}
	.introARTICON{
		left: 0px !important;
		width: 100px !important;
		bottom: 0px !important;
	}
	.footer-sponsors ul.partnershiplogo{
		    grid-template-columns: auto auto;
			margin-top: 20px;
	}
	.footer-sponsors ul.partnershiplogo li:first-child{
		    grid-column: 1 / 3;
	}
	body {
		min-width:unset;
	}
	.header{
		background-color:#ffffff;
	}
	.header:before{
		content:'';
		display:none;
	}
	/*
	header .siteLOGO img{
		height:40px;
	}
	nav li{
		margin:0px 5px;
		padding:0px 0px;
	}
	.siteLOGO{
		display: block;
	}
	*/
	header .maxw, footer .maxw{
		display:block;
		width: 100%;
    max-width: calc( 100% - 20px );
	}
	/*
	nav{
		display: inline-block;
    width: 100%;
    vertical-align: top;
    margin-top: 0px;
	}
	nav ul:first-child{
		float: unset;
    margin: auto;
    display: block;
    width: fit-content;
	}
	nav a{
		font-size:16px;
	}
	nav ul.divmember{
		    position: absolute;
    right: 0px;
    top: 0px;
	}
	*/
	footer section.LHS{
		width: 100%;
		margin-bottom: 50px;
	}
	footer section.RHS{
		width:100%;
	}
	.RHS .ICONlabel {
		display: inline-block;
		width: fit-content;
		text-align: left;
		float: unset;
		margin-left: 0px;
		margin-right: 20px;
	}
	.page_heading:after{
		width: 16px;
		height: 16px;
		bottom: -5px;
		right: -10px;
	}
	.page_subheading:after{
		width: 15px;
		height: 15px;
		right: -5px;
		bottom: -5px;
	}
	.page_content{
		width: 100% !important;
		margin-top: 20px;
	}
	/*
	.sbanner_intro{
		    padding-top: 0px;
			padding-bottom: 0px;
	}
	*/
	.page_subheading,.page_heading{
		font-size: 24px;
		line-height: 30px;
		letter-spacing: 2px;
	}
	.page_desc{
		font-size:14px;
	}
	.page_desc.ety {
		background-image: unset;
		padding: 0px;
		display:none;
	}
	#btnBack2top{
		    right: 10px;
    bottom: 10px;
	}
	
}