@charset "utf-8";
/* CSS Document */

@font-face{font-family:'Roboto'; src:url('../fonts/Roboto-Light.ttf'); src:url('../fonts/Roboto-Light.ttf') format('truetype'); font-weight:100; font-style:normal;}
@font-face{font-family:'Roboto'; src:url('../fonts/Roboto-Regular.ttf'); src:url('../fonts/Roboto-Regular.ttf') format('truetype'); font-weight:300; font-style:normal;}
@font-face{font-family:'Roboto'; src:url('../fonts/Roboto-Medium.ttf'); src:url('../fonts/Roboto-Medium.ttf') format('truetype'); font-weight:500; font-style:normal;}
@font-face{font-family:'Roboto'; src:url('../fonts/Roboto-Bold.ttf'); src:url('../fonts/Roboto-Bold.ttf') format('truetype'); font-weight:700; font-style:normal;}
@font-face{font-family:'NotoSans'; src:url('../fonts/NotoSansHK-Light.otf'); src:url('../fonts/NotoSansHK-Light.otf') format('opentype'); font-weight:normal; font-style:normal;}
@font-face{font-family:'NotoSans'; src:url('../fonts/NotoSansHK-Regular.otf'); src:url('../fonts/NotoSansHK-Regular.otf') format('opentype'); font-weight:500; font-style:normal;}
@font-face{font-family:'NotoSans'; src:url('../fonts/NotoSansHK-Bold.otf'); src:url('../fonts/NotoSansHK-Bold.otf') format('opentype'); font-weight:900; font-style:normal;}

html, body {width:100%; min-width:320px; font-family:"Roboto"; font-weight:300; margin:0; padding:0; -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale; letter-spacing:1px; font-size:12px; line-height:1.5; background-color:#ffffff; color:#ffffff;}
*{box-sizing:border-box;}
img{border:none;}
section{position:relative;}
.Fixed{overflow:hidden;}


/* Intro ***************************************************************************************************************************************************************************************************************************************************************/
.Intro{position:relative; width:100%;}
.background_wrapper{position:relative; width:100%;}
.background_test{position:absolute; width:100%; height:150%; overflow:hidden;}
.background_test img {height:130%; margin-top:-10%; min-width:130%; margin-left:-15%;}
.background{overflow:hidden; display:flex; position:absolute; width:100vw; background-image:url("../images/KVbackgound-02.jpg"); background-size:cover; background-position:center; filter:url("#turbulence");}
body.Home .background_test{height:120%;}
body.Home .background_test img{filter: url("#turbulence3");}
body.Home .background{height:100%;}


/* Header ***************************************************************************************************************************************************************************************************************************************************************/
header{overflow:hidden; padding:20px;}
.Header_Logo{padding-top:10px; padding-left:10px; float:left; width:15vw;}
.Header_Logo img{width:100%; min-width:200px;}


/* Nav ***************************************************************************************************************************************************************************************************************************************************************/
#navmenu{padding-top:20px; float:right;}
#navmenuul{padding:0; margin:0;}
#navmenuul li{display:inline-block; padding:14px;}
body.Home #navmenuul li{padding:16px;}
#navmenuul li a{text-decoration:none; color:#ffffff; font-size:16px;}
#menu-trigger{cursor:pointer; display:none; width:56px; margin-right:0; margin-left:auto;}
#menu-trigger.show{display:block;}
.menu-icon{text-align:right; box-sizing:border-box; padding:15px 10px; cursor:pointer; color:#fff; background-color:transparent; border:0px;}
.bar1, .bar2, .bar3{width:35px; height:5px; background-color:#fff; margin:6px 0; transition:0.4s;}
.change .bar1{transform:rotate(-45deg) translate(-9px, 6px);}
.change .bar2{opacity:0;}
.change .bar3{transform:rotate(45deg) translate(-8px, -8px);}


/* Hero ***************************************************************************************************************************************************************************************************************************************************************/
.Hero{position:relative; height:400px; width:100%; display:flex; overflow:hidden; margin-top:-50px; margin-bottom:5%; user-select:none;}
.LeftBall, .RightBall{position:absolute; display:flex;}
.LeftBall{right:40%; width:200px; top:50%; z-index:99999;}
.RightBall{right:10%; width:150px; top:1vh;}
.LeftBall img, .RightBall img{width:100%; padding:10%;}
.LeftBall img{filter:url("#turbulence");}
.RightBall img{filter: url("#turbulence2");}
.Ball{position:relative; height:100%; top:10%; width:100%; display:flex;}
.BallWrap{position:absolute; width:320px; height:320px; mix-blend-mode:screen; right:20vw; display:flex;}
.ClearBall{position:absolute; width:320px; height:320px; display:flex;}
.BallWrap img{width:100%; height:auto;}
.ClearBall img{width:100%; height:auto; mix-blend-mode:screen; animation:Ballrotate 15s infinite; opacity:80%;}

body.Home .Hero{height:100vh; justify-content:center; align-content:center; min-height: 800px; margin-top:0px; margin-bottom:auto;}
body.Home .LeftBall{left:50%; right:auto; width:300px; top:50vh; transform:translateX(-180%);}
body.Home .RightBall{right:50%; width:200px; top:30vh; transform:translateX(220%);}
body.Home .Ball{position:absolute; top:auto; width:auto;}
body.Home .BallWrap{position:relative; width:500px; height:500px; top:15vh; right:auto; justify-content:center; align-items:center;}
body.Home .ClearBall{width:480px; height:480px;}

.Ballparticle1{position:absolute; height:100%; width:100%; padding:15%; transform:translateY(8%); stroke-dasharray:500px; stroke-dashoffset:500px; animation:offset 5s infinite; animation-direction:alternate; animation-timing-function:ease-in-out; z-index:99999;}
.Ballparticle_glowdot1{width:100px; height:100px; position:absolute; motion-path:path("M-27.26,284.82l0.12-1.55c8.81-42.94,75.74-82.54,184.92-142.65C300.27,62.17,386.7,12.71,369.06-14.43"); offset-path:path("M-27.26,284.82l0.12-1.55c8.81-42.94,75.74-82.54,184.92-142.65C300.27,62.17,386.7,12.71,369.06-14.43"); animation:Ballparticlemove 5s infinite; animation-timing-function:ease-in-out; animation-direction:alternate;}
.Ballparticle_glowdot img{width:100%;}
.Ballparticle2{position:absolute; height:100%; width:100%; transform:translateX(-10px); stroke-dasharray:500px; stroke-dashoffset:500px; animation:offset 3s infinite; animation-direction:alternate; animation-timing-function:ease-in-out; z-index:99999;}
.Ballparticle_glowdot2{width:100px; height:100px; position:absolute; motion-path:path("M114.12,431.68l0.06-1.43c-6.37-19.77,63.6-42.27,174.47-108.25c129.86-77.29,206.46-127.36,196.73-153.66"); offset-path:path("M114.12,431.68l0.06-1.43c-6.37-19.77,63.6-42.27,174.47-108.25c129.86-77.29,206.46-127.36,196.73-153.66"); animation:Ballparticlemove 3s infinite; animation-timing-function:ease-in-out; animation-direction:alternate;}
.Ballparticle3{position:absolute; height:100%; width:100%; transform:translate(-25px, -70px); stroke-dasharray:500px; stroke-dashoffset:500px; animation:offset 6s infinite; animation-direction:alternate; animation-timing-function:ease-in-out; z-index:99999;}
.Ballparticle_glowdot3{width:100px; height:100px; position:absolute; motion-path:path("M101.43,155.22c19.84-13.19,30.35-21.4,71.61-40.13c32.43-14.71,62.32-25.05,88.01-31.92"); offset-path:path("M101.43,155.22c19.84-13.19,30.35-21.4,71.61-40.13c32.43-14.71,62.32-25.05,88.01-31.92"); animation: Ballparticlemove 6s infinite; animation-timing-function:ease-in-out; animation-direction:alternate;}
.Ballparticle4{position:absolute; height:100%; width:100%; transform:translate(-130px, -150px); stroke-dasharray:500px; stroke-dashoffset:500px; animation:offset 8s infinite; animation-direction:alternate; animation-timing-function:ease-in-out; z-index:99999;}
.Ballparticle_glowdot4{width:100px; height:00px; position:absolute; motion-path:path("M144.08,426.17l0.14-1.06c3.09-28.69,51.23-61.1,124.67-104.8c54.53-32.45,199.46-129.12,186.19-146.47"); offset-path:path("M144.08,426.17l0.14-1.06c3.09-28.69,51.23-61.1,124.67-104.8c54.53-32.45,199.46-129.12,186.19-146.47"); animation:Ballparticlemove 8s infinite; animation-timing-function:ease-in-out; animation-direction:alternate;}

@keyframes Ballrotate{
    50%{transform: rotate(360deg);}
}

@keyframes offset{
	0% {opacity:0%;}
	25%{opacity:100%;}
	50%{opacity:100%;}
	75%{opacity:80%;}
    100%{stroke-dashoffset:1px; opacity:0%;}
}

@keyframes Ballparticlemove {
	0% {opacity:0%;}
	25%{opacity:100%;}
	50%{opacity:100%;}
	75%{opacity:80%;}
    100%{opacity:0%; motion-offset:100%; offset-distance:100%;}
}

.Slogan{position:absolute; font-family:Roboto; font-size:32px; text-align:center; color:#ffffff; z-index:9999999999; font-weight:100; top:40%; right:18vw;}
body.Home .Slogan{font-size:45px; transform:translateY(120%); z-index:9999; top:15vh; right:auto; align-content:center; justify-content:center;}

.ApplyButton{position:absolute; align-content:center; justify-content:center; transform:translateY(600%); z-index:9999; top:15vh;}
.ApplyButton a{text-decoration:none;}
.btn-glow{display:flex; width:300px; height:50px; justify-content:center; align-content:center;}
.btn-glow{color:#fff !important; cursor:pointer; border-radius:10px; background:-moz-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); background:-webkit-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); background:linear-gradient(to right, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa9f5', endColorstr='#d294ff',GradientType=1); text-align:center; justify-content:center; align-items:center; font-size:20px; text-decoration:none !important; transition:0.3s; -webkit-transition:0.3s; box-shadow:none; animation:glow 3s infinite; animation-timing-function:ease-out; position:relative;}
.btn-glow:hover{box-shadow:0 0 0 10px #3daaa200; transition:.8s; -webkit-transition:.8s;}
.btn-hover-shine{position:relative;}
.btn-hover-shine:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.btn-hover-shine:hover:after{right:2%; background-color:#ffffff; box-shadow:0 0 30px #ffd2fe, 0 0 15px #ffd2fe, 0 0 7px #ffd2fe, 0 0 3px #ffd2fe; opacity:0; transition:0.6s; -webkit-transition:0.6s;}

@keyframes glow{
    0% { box-shadow:0 0 20px #8b61f844; text-shadow: 0 0 0px #fff;}
    40% { box-shadow:0 0 100px #8b61f8ee; text-shadow: 0 0 20px #fff;}
    100% { box-shadow:0 0 20px #8b61f844; text-shadow: 0 0 1px #fff;}
}


/* Lead In ***************************************************************************************************************************************************************************************************************************************************************/
#LeadIn{width:100%; position:relative; margin-top:-20%;}
.wave_bg img{width:100%; position:relative; top:1vw;}
body.Home .wave_bg img{top:auto;}
.LeadIn_info{position:relative; width:100%; background-image:url("../images/LeadIn_bg.png"); background-position:center center; background-size:100% 100%; margin-top:-15px;}
.LeadIn_info.Judge{background-image:url("../images/judgebg-02.png"); }
.LeadIn_Title{width:100%; padding-left:5%; padding-right:5%; display:block; font-size:24px; font-weight:300; z-index:9999;}
.LeadIn_Content{width:100%; padding-top:2%; padding-left:5%; padding-right:5%;  display:block; font-size:16px; font-weight:300; z-index:9999; text-align:justify;}

.LeadIn_Content_Video{width:100%; padding-left:25%; padding-right:25%;padding-top:2%;padding-bottom:2%;display:block;border:5px;}
.LeadIn_Content_Video img{width: 100%;border-radius:30px; box-shadow:0 0 10px 1px #00e8a3; background-color:rgba(255, 255, 255, .2);padding: 2%}
.LeadIn_Content_Video img:hover{box-shadow:0 0 0 5px #00E8CE; transition:5s; -webkit-transition:5s;background-color:rgba(63,169,245,0.3)}
.LeadIn_Content_Video img:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.LeadIn_Content_Video p{font-size:16px;}

/* Award Home ***************************************************************************************************************************************************************************************************************************************************************/
#AwardCategory{width:100%; position:relative;}
.AwardCategory_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/LeadIn_bg.png"); background-size:100% 100%; background-position:center center;}
.AwardCategory_Title{width:100%; padding-left:5%; padding-right:5%; padding-top:2%; display:block; font-size:24px; color:#fff; font-weight:300;}
.AwardCategory_TitleLine{width:245px; height:2px; background:linear-gradient(to left,#3fa9f5,#004fad,#004fad); position:absolute; left:5%; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge;}
.AwardCategory_TitleLineDot{width:100px; height:100px; mix-blend-mode:color-dodge; animation:awardcategory_dotmove 10s linear infinite; animation-timing-function:ease-in-out;}
.AwardCategory_TitleLineDot img{width:100%;}
.AwardCategory_BubbleTable{width:100%; height:100%; overflow:hidden;}
.AwardCategory_Bubble p{text-align:center; font-size:14px; font-weight:100; height:10%; width:100%; transform:translateY(-30%);}
.AwardCategory_Bubble{width:35%;}
.AwardCategory_BubbleTable a{color:aliceblue; text-decoration:none; display:flex; flex-wrap:wrap; flex:0 0 20%; background-image:url("../images/awardcategory_bubble.png"); background-position:center center; mix-blend-mode:screen; background-size:contain; background-repeat:no-repeat; width:100%; height:200px; min-width:200px; align-items:center; margin-bottom:3%; justify-content:center; animation-timing-function:ease-in-out;}
.AwardCategory_BubbleTable a:hover{content:""; filter:grayscale(100%); cursor:pointer;}
.testimonial{position:relative; text-align:justify; font-size:16px; font-weight:300; width:80%; transform:translateX(10%); color:#fff; margin-top:5%;}
body.Home .AwardCategory_Title{font-weight:100;}
body.Home .AwardCategory_TitleLine{width:240px;}
body.Home .AwardCategory_BubbleTable{display:flex; padding:4%; flex-wrap:wrap;}
body.Home .AwardCategory_TitleLineDot{animation: home_dotmove 10s linear infinite;}


/* Judge ***************************************************************************************************************************************************************************************************************************************************************/
#Judges{width:100%; position:relative;}
.Judges_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/judgebg-02.png"); background-size:100% 100%; background-position:center center; height:100%;}
.Judges_Title{width:100%; padding-left:5%; padding-right:5%; padding-top:2%; display:block; font-size:24px; color:#fff; font-weight:300;}
.Judges_TitleLine{width:100px; height:2px; background:linear-gradient(to left,#00E8CE,#00E8A3); position: absolute; left:5%; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge;}
.Judges_TitleLineDot{width:100px; height:100px; mix-blend-mode: color-dodge; animation:judge_dotmove 5s linear infinite; animation-timing-function:ease-in-out;}
.Judges_TitleLineDot img{width:100%;}

.Judges_HeadofJudge{display:flex; padding:5%; width:100%; flex-wrap:wrap; flex:0 0 50%; align-items:center; justify-content:center;}
.Judges_HeadofJudge_Image{display:flex; flex-wrap:wrap; flex:0 0 50%; background-image:url("../images/judge_head_image.png"); padding:5%; background-size:90%; background-repeat:no-repeat; background-position:center; background-origin:content-box; max-width:600px;}
.Judges_HeadofJudge_Image img{width:100%; mix-blend-mode:screen;}
.Judges_HeadofJudge_info{display:flex; flex-wrap:wrap; flex:0 0 50%; width:50px ;height:100%;}
.Judges_HeadofJudge_Title{font-size:24px; width:100%;}
.Judges_HeadofJudge_Name{font-size:24px; color:#06E2FE; width:100%;}
.Judges_HeadofJudge_Reputation{width:100%; font-size:16px;}
.Judges_HeadofJudge_Details{width:100%; text-align:justify; font-size:16px;}

.Judges_PanelofJudge_Table{display:flex; padding:5%; width:100%; flex-wrap:wrap; flex:0 0 33.3%; align-items:center; margin-top:-5%;}
.Judges_PanelofJudge_Judge{display:flex; width:100%; flex-wrap:wrap; flex:0 0 33.3%; align-items:center;}
.Judges_PanelofJudge_Image{display:flex; width:100%; flex-wrap:wrap; flex:0 0 40%; padding:2%; align-content:center; justify-content:center;}
.Judges_PanelofJudge_Image_bg{mix-blend-mode:screen; transform: translateY(50%);}
.Judges_PanelofJudge_Image_judge{transform:translateY(-50%); padding:5%;}
.Judges_PanelofJudge_Image_bg img, .Judges_PanelofJudge_Image_judge img{width:100%;}
.clip-circle{clip-path:circle(50% at center);}
.Judges_PanelofJudge_Info{display:flex; width:100%; flex-wrap:wrap; flex:0 0 60%; align-items:center;}
.Judges_PanelofJudge_Name{font-size:24px; width:100%;}
.Judges_PanelofJudge_Reputation{font-size:14px;}


/* Swipter  ***************************************************************************************************************************************************************************************************************************************************************/
.swiper{width:90%; height:100%; mix-blend-mode:screen; margin-left:auto; margin-right:auto; margin-bottom:2%; margin-top:2%;}
.swiper-slide{text-align:center; align-items:center; justify-content:center; align-content:center; background-size:cover; background-position:center; mix-blend-mode:screen;}
.swiper-slide-image{display:block; width:100%; position:relative;}
.swiper-slide-image img{align-content:center; justify-content:center; align-self:center; width:700px;}
.mySwiper2{width:90%; margin-bottom:2%;}
.mySwiper{height:100%; box-sizing:border-box; padding:10px 0;}
.mySwiper .swiper-slide{width:33.3%; height:100%; opacity:0.4;}
.mySwiper .swiper-slide-thumb-active{opacity:1; border-radius:10px; background:-moz-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); background:-webkit-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); background:linear-gradient(to right, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); font-size:18px;}
.mySwiper .swiper-slide-title{display:block; width:100%; height:100%; cursor:pointer;}
.swiper-button-next{width:30px;}


/* Important Date */
#ImportantDate{width:100%; position:relative;}
.ImportantDate_info{width:100%; position:relative; background-image:url("../images/Importantdate.png"); background-position:top center; margin-top:-5%; background-size:cover; background-repeat:no-repeat; min-width:100%; padding-bottom:3%;}
.ImportantDate_Title{width:100%; padding-left:7%; padding-top:3%; padding-bottom:3%; display:block; font-size:24px; font-weight:100;}
.ImportantDate_Date_Wrapper{display:flex; flex-wrap:nowrap; justify-content:center;}
.ImportantDate_Date_WrapperA{display:flex; flex-wrap:wrap; flex:0 0 50%;}
.ImportantDate_Date_WrapperB{display:flex; flex-wrap:wrap; flex:0 0 25%;}
.ImportantDate_Date{position:relative; display:flex; flex-wrap:wrap; justify-content:center; width:20%;}
.ImportantDate_DateTable{width:100%; position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; padding-left:1vw; padding-right:1vw;}
.ImportantDate_Day{width:100%; font-size:60px; font-weight:100;}
.ImportantDate_Month{width:100%; font-size:20px; font-weight:100; align-self:flex-end;}
.ImportantDate_Year{width:100%; font-size:18px; font-weight:100; align-self:flex-start;}
.ImportantDate_Line{width:14%; height:2px; background:linear-gradient(to left,#00e8ce,#00e8a3); box-shadow:0 0 10px 0px #00e8a3;}
.ImportantDate_LineDot{width:80px; height:80px; mix-blend-mode:color-dodge; animation:dotmove2 5s linear infinite; animation-timing-function:ease-in-out; transform:translate(-50%,-50%);}
.ImportantDate_LineDot img{width:100%;}
.ImportantDate_DetailTable{width:100%; position:relative; display:flex; flex-wrap:wrap; align-items:center; padding-bottom:50px; justify-content:space-around;}
.ImportantDate_Detail{width:20%; height:auto; border-radius:20px ;border:10px; box-shadow:0 0 10px 2px #00e8a3; padding:1%; background-color:rgba(255, 255, 255, .2); min-width:200px;}
.ImportantDate_Detail a{text-decoration: none}
.ImportantDate_Description{text-align:center; font-size:20px; font-weight:100; top:10%; display:block; position:relative; padding:5%;}
.ImportantDate_Description p{font-size: 15px;}
.ImportantDate_Button{width:100%; top:25%; display:block; position:relative; padding:2%; color:#fff !important; cursor:pointer; border-radius:20px; background:-moz-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); background:-webkit-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); background:linear-gradient(to right, rgba(63,169,245,1) 0%, rgba(210,148,255,1) 100%); text-align:center; font-size:20px; font-weight:100; transition:0.3s; -webkit-transition:0.3s; animation:glow 3s infinite; animation-timing-function:ease-out;}


/* footer  ***************************************************************************************************************************************************************************************************************************************************************/
.footer_container{position:relative; width:80%; display:flex; left:10%; margin-top:30px; height:100%;}
.footer_container_left{position:relative; display:flex; flex:0 0 40%; flex-wrap:wrap ;height:400px;}
.footer_smartliving_logo{width:100%;}
.footer_smartliving_logo img{width: 300px;}
.footer_contactUs{width:100%; position:relative;}
.footer_contactUs_title{font-family:'Roboto'; font-size:16px; color:#000000; margin-top:30px;}
.footer_contactUs_icon{display:block; margin-right:50px; width:100%;}
.footer_contactUs_icon img{width:50px; margin-right:30px; margin-top:10px;}
.footer_shareTo_title{font-family:'Roboto'; font-size:16px; color:#000000; margin-top:30px;}
.footer_shareTo_icon{display:block; margin-right:50px; width:100%;}
.footer_shareTo_icon img{width:50px; margin-right:30px; margin-top:10px;}
.footer_container_right{display:flex; flex:0 0 60%; flex-wrap:wrap;}
.footer_organiser{width:50%;}
.footer_organiser_title{font-family:'Roboto'; font-size:18px; color:#000000;}
.footer_organiser_logo{width:150px;}
.footer_organiser_logo img{width:100%; margin-top:15px;}
.footer_co_organiser{width:50%;}
.footer_co_organiser_title{font-family:'Roboto'; font-size:18px; color:#000000;}
.footer_co_organiser_logo{width:150px;}
.footer_co_organiser_logo img{width:100%; margin-top:30px;}
.footer_strategic_partners{width:50%;}
.footer_strategic_partners_title{font-family:'Roboto'; font-size:18px; color:#000000; margin-top:2%; margin-bottom:2%}
.footer_strategic_partners_logo{height:70px;}
.footer_strategic_partners_logo img{height:100%; margin-right:20px;}
.footer_sponsor{width:50%;}
.footer_sponsor_title{font-family:'Roboto'; font-size:18px; color:#000000; margin-top:2%; margin-bottom:2%}
.footer_sponsor_logo{height:30px;margin-top:30px;}
.footer_sponsor_logo img{height:100%; margin-right:20px;}
.footer_supporting_organiser{width:100%;}
.footer_supporting_organiser_title{font-family:'Roboto'; font-size:18px; color:#000000; margin-top:2%;}
.footer_supporting_organiser_logo{height:60px;}
.footer_supporting_organiser_logo img{height:100%; margin-top:30px; margin-right:20px;}
.footer_supporting_organiser_remarks {font-family:'Roboto'; font-size:12px; color:#000000; margin-top:20px; padding-bottom:20px;}
.disclaimer{display:block; margin-right:50px; width:100%;bottom:0;}
.disclaimer{font-family:'Roboto'; font-size:12px; color:#000000;}


/* AwardBenifit  ***************************************************************************************************************************************************************************************************************************************************************/
#AwardBenifit{width:100%; position:relative;}
.AwardBenifit_info{position:relative; width:100%; background-image:url("../images/Awardbenefit_bg.jpg"); background-size:100% 100%; background-position:center center; height:100%;}
.AwardBenifit_Title{width:100%; padding-top:5%; display:block; font-size:24px; color:#fff; font-weight:300;padding-left:5%; padding-right:5%;}
.AwardBenifit_TitleLine{width:300px; height:2px; background:linear-gradient(to left,#3fa9f5,#004fad,#004fad); position:absolute; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge; left:5%;}
.AwardBenifit_TitleLineDot{width:100px; height:100px; mix-blend-mode:color-dodge; animation:awardbenifit_dotmove 10s linear infinite; animation-timing-function:ease-in-out;}
.AwardBenifit_TitleLineDot img{width:100%;}
.AwardBenifit_Table{width:100%; height:100%;justify-content:center;padding:5%;}
.AwardBenifit_Benifit p{width:100%; text-align:center; font-size:16px; justify-content:center; padding:1%;}
.AwardBenifit_Benifit{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}


/* Winners  ***************************************************************************************************************************************************************************************************************************************************************/
#Winners{width:100%; position:relative;}
.Winners_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/LeadIn_bg.png"); background-size:100% 100%; background-position:center center; height:100%;}
.Winners_Title{width:100%; padding-top:5%; display:block; font-size:24px; color:#fff; font-weight:300;padding-left:5%; padding-right:5%;}
.Winners_TitleLine{width:100px; height:2px; background:linear-gradient(to left,#3fa9f5,#004fad,#004fad); position:absolute; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge; left:5%;}
.Winners_TitleLineDot{width:100px; height:100px; mix-blend-mode:color-dodge; animation:winners_dotmove 10s linear infinite; animation-timing-function:ease-in-out;}
.Winners_TitleLineDot img{width:100%;}
.Winners_Table{width:100%; height:100%;justify-content:center;padding:5%;cursor:pointer;}
.Winners_Table p{width:100%; text-align:center; font-size:16px; justify-content:center; padding:1%;cursor:pointer;}
.Winners_ArtsandCulture{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_ArtsandCulture:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_ArtsandCulture:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_ArtsandCulture_Details{display: none;padding:2%;}
.Winners_EdTech{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_EdTech:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_EdTech:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_EdTech_Details{display: none;padding:2%;}
.Winners_GeronTech{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_GeronTech:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_GeronTech:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_GeronTech_Details{display: none;padding:2%;}
.Winners_HealthTech{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_HealthTech:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_HealthTech:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_HealthTech_Details{display: none;padding:2%;}
.Winners_MarTech{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_MarTech:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_MarTech:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_MarTech_Details{display: none;padding:2%;}
.Winners_Metaverse{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_Metaverse:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_Metaverse:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_Metaverse_Details{display: none;padding:2%;}
.Winners_PropTech{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_PropTech:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_PropTech:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_PropTech_Details{display: none;padding:2%;}
.Winners_SmallBusiness{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_SmallBusiness:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_SmallBusiness:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_SmallBusiness_Details{display: none;padding:2%;}
.Winners_SmartBuilding{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_SmartBuilding:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_SmartBuilding:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_SmartBuilding_Details{display: none;padding:2%;}
.Winners_SmartGovernment{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_SmartGovernment:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_SmartGovernment:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_SmartGovernment_Details{display: none;padding:2%;}
.Winners_SmartMobility{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_SmartMobility:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_SmartMobility:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_SmartMobility_Details{display: none;padding:2%;}
.Winners_SmartWorkforce{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_SmartWorkforce:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_SmartWorkforce:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_SmartWorkforce_Details{display: none;padding:2%;}
.Winners_Wearable{width:100%; justify-content:center; margin-bottom:3%; background-color:rgba(255, 255, 255, 0.1); box-shadow:0 0 5px 0.1px #00E8CE; border-radius:50px; border:1px;}
.Winners_Wearable:hover{box-shadow:0 0 0 10px #3daaa200; transition:3s; -webkit-transition:3s;}
.Winners_Wearable:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Winners_Wearable_Details{display: none;padding:2%;}
.Winners_Name{font-size:14px;}
.Winners_AwardName{font-size:20px; width:100%;}

/* Judges Criteria  ***************************************************************************************************************************************************************************************************************************************************************/
#JudgesCriteria{width:100%; position:relative;}
.JudgesCriteria_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/judgebg-02.png"); background-size:100% 100%; background-position:center center; height:100%;}
.JudgesCriteria_Title{width:100%; padding-left:5%; padding-right:5%; padding-top:2%; display:block; font-size:24px; color:#fff; font-weight:300;}
.JudgesCriteria_TitleLine{width:210px; height:2px; background:linear-gradient(to left,#00E8CE,#00E8A3); position:absolute; left:5%; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge;}
.JudgesCriteria_TitleLineDot{width:100px; height:100px; mix-blend-mode:color-dodge; animation:judgecriteria_dotmove 5s linear infinite; animation-timing-function: ease-in-out;}
.JudgesCriteria_TitleLineDot img{width:100%;}

.Judges_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/judgebg-02.png"); background-size:100% 100%; background-position:center center; height:100%;}
.Judges_Title{width:100%; padding-left:5%; padding-right:5%; padding-top:2%; display:block; font-size:24px; color:#fff; font-weight:300;}
.Judges_TitleLine{width:100px; height:2px; background:linear-gradient(to left,#00E8CE,#00E8A3); position: absolute; left:5%; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge;}
.Judges_TitleLineDot{width:100px; height:100px; mix-blend-mode: color-dodge; animation:judge_dotmove 5s linear infinite; animation-timing-function:ease-in-out;}
.Judges_TitleLineDot img{width:100%;}

.AwardCriteria_Table{width:100%; height:100%; justify-content:center; padding:5%; display:block;}
.AwardCriteria_Details{display:flex;}
.AwardCriteria_Details p{width:80%; font-size:18px; padding-left:5%;}
.AwardCriteria_Details p:nth-of-type(2){width:10%; text-align:right; padding-left:1%; padding-right:5%;}
.AwardCriteria_Details{width:100%; justify-content:center; margin-bottom:3%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.3); border-radius:50px;}


/* Highlights
***************************************************************************************************************************************************************************************************************************************************************/
#Highlights{width:100%; position:relative;}
.Highlights_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/judgebg-02.png"); background-size:100% 100%; background-position:center center; height:100%;}
.Highlights_Title{width:100%; padding-left:5%; padding-right:5%; padding-top:2%; display:block; font-size:24px; color:#fff; font-weight:300;}
.Highlights_TitleLine{width:150px; height:2px; background:linear-gradient(to left,#00E8CE,#00E8A3); position:absolute; left:5%; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge;}
.Highlights_TitleLineDot{width:100px; height:100px; mix-blend-mode:color-dodge; animation:highlights_dotmove 5s linear infinite; animation-timing-function: ease-in-out;}
.Highlights_TitleLineDot img{width:100%;}

.Highlights_Table{width:100%; justify-content:center; padding:2%; display:flex;}

.Highlights_Photos{display:flex;margin-right: 2%;cursor:pointer;}
.Highlights_Photos p{width:80%; font-size:18px;}
.Highlights_Photos{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.3); border-radius:50px;}
.Highlights_Photos:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Photos:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Videos{display:flex;cursor:pointer;}
.Highlights_Videos a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Videos{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;}
.Highlights_Videos:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Videos:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Articles{display:flex;margin-left: 2%;cursor:pointer;}
.Highlights_Articles a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Articles{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;}
.Highlights_Articles:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Articles:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Photo_Table{display:flex; width:100%; position:relative; flex-wrap:wrap; justify-content:center;padding-bottom: 10%}
.Highlights_Photo_Table_Photo{display:flex; flex:0 0 45%;padding:0.5%; position:relative; flex-wrap:wrap;}
.Highlights_Photo_Table_Photo img{width:100%;height: 100%; border-radius:20px;}



/* Highlights-Video***/
.Highlights_Table_Video{width:100%; justify-content:center; padding:2%; display:flex;}

.Highlights_Video_Photos{display:flex;margin-right: 2%;cursor:pointer;}
.Highlights_Video_Photos a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Video_Photos{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;}
.Highlights_Video_Photos:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Video_Photos:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Video_Videos{display:flex;cursor:pointer;}
.Highlights_Video_Videos a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Video_Videos{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.3); border-radius:50px;}
.Highlights_Video_Videos:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Video_Videos:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}


.Highlights_Video_Articles{display:flex;margin-left: 2%;cursor:pointer;}
.Highlights_Video_Articles a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Video_Articles{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;}
.Highlights_Video_Articles:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Video_Articles:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Video_Table{display:flex; width:100%; position:relative; flex-wrap:wrap; justify-content:center;padding-bottom: 10%}
.Highlights_Video_VideoBox{display:flex; flex:0 0 45%; border-radius:20px; border:5px; box-shadow:0 0 10px 1px #00e8a3; background-color:rgba(255, 255, 255, .2); padding:2%; margin:1%; position:relative; flex-wrap:wrap; max-width:800px;}
.Highlights_Video_VideoBox_blank{display:flex; flex:0 0 45%;  position:relative; flex-wrap:wrap; max-width:800px;}
.Highlights_Video_VideoBox:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.3)}
.Highlights_Video_VideoBox:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Highlights_Video_VideoBox_Video {width: 100%;height: 100%;}
.Highlights_Video_VideoBox_Video img{width:100%;height:auto; user-select:none;border-radius:20px;}
.Highlights_Video_VideoBox_Video p{width:100%; font-size:18px;}

/* Highlights-Articles***/
.Highlights_Table_Articles{width:100%; justify-content:center; padding:2%; display:flex;}

.Highlights_Articles_Photos{display:flex;margin-right: 2%;cursor:pointer;}
.Highlights_Articles_Photos a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Articles_Photos{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;}
.Highlights_Articles_Photos:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Articles_Photos:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Articles_Videos{display:flex;cursor:pointer;}
.Highlights_Articles_Videos a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Articles_Videos{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;}
.Highlights_Articles_Videos:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Articles_Videos:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}


.Highlights_Articles_Articles{display:flex;margin-left: 2%;cursor:pointer;}
.Highlights_Articles_Articles a{width:80%; font-size:18px;color: #FFFFFF;text-decoration: none;}
.Highlights_Articles_Articles{width:20%;justify-content:center; margin-bottom:1%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.3); border-radius:50px;}
.Highlights_Articles_Articles:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.5)}
.Highlights_Articles_Articles:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}

.Highlights_Articles_Table{display:flex; width:100%; position:relative; flex-wrap:wrap; justify-content:center;padding: 2%}
.Highlights_Articles_Details{width:80%; justify-content:center; margin-bottom:2%; border:10px; box-shadow:0 0 5px 2px #00E8CE; background-color:rgba(63,169,245,.1); border-radius:50px;display: flex;cursor:pointer;}
.Highlights_Articles_Details:hover{box-shadow:0 0 0 5px #00E8CE; transition:1s; -webkit-transition:1s;background-color:rgba(63,169,245,0.3)}
.Highlights_Articles_Details:after{content:''; position:absolute; display:block; top:0; height:100%; right:80%; width:1px; background-color:transparent; box-shadow:0 0 20px transparent, 0 0 10px transparent, 0 0 5px transparent, 0 0 2px transparent; opacity:1;}
.Highlights_Articles_Details a{width:60%; font-size:18px; padding-left:2%;text-decoration: none;color: #FFFFFF}
.Highlights_Articles_Details a:nth-of-type(2){width:30%; text-align:right; padding-right:2%;text-decoration: none;color:#FFFFFF;}

/* Related Events  ***************************************************************************************************************************************************************************************************************************************************************/
#RelatedEvents{width:100%; position:relative;}
.RelatedEvents_info{position:relative; width:100%; margin-top:-15px; background-image:url("../images/LeadIn_bg.png"); background-size:100% 100%; background-position:center center; height:100%;}
.RelatedEvents_Title{width:100%; padding-left:5%; padding-right:5%; padding-top:2%; display:block; font-size:24px; color:#fff; font-weight:300;}
.RelatedEvents_TitleLine{width:205px; height:2px; background:linear-gradient(to left,#00E8CE,#00E8A3); position:absolute; left:5%; box-shadow:0 0 5px 0px #0ff; mix-blend-mode:color-dodge;}
.RelatedEvents_TitleLineDot{width:100px; height:100px; mix-blend-mode:color-dodge; animation:relatedevents_dotmove 10s linear infinite; animation-timing-function:ease-in-out;}
.RelatedEvents_TitleLineDot img{width:100%;}
.RelatedEvents{display:flex; padding:2%; width:100%; position:relative; flex-wrap:wrap; align-items:center; justify-content:center;}
.RelatedEvents_Table{display:flex; width:100%; position:relative; flex-wrap:wrap; justify-content:center; margin-bottom:5%;}
.RelatedEvents_box{display:flex; flex:0 0 45%; border-radius:20px; border:10px; box-shadow:0 0 10px 2px #00e8a3; background-color:rgba(255, 255, 255, .2); padding:2%; margin:1%; position:relative; flex-wrap:wrap; margin-top:5%; max-width:800px;}
.RelatedEvents_box img{width:100%; border-radius:10px;}
.RelatedEvents_Details{font-size:16px; padding-bottom:2%; width:100%;}
.RelatedEvents_Details img{width: 100%;}
#LightboxWrapper{width:100%; height:100vh; position:fixed; inset:0; overflow-x:hidden; overflow-y:scroll; z-index:999999; background-color:rgba(22,47,78,0.8); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); display:flex; justify-content:center; align-items:flex-start;  opacity:0; transition:opacity 0.3s ease-out;}
#LightboxWrapper, #LightboxWrapper *{box-sizing:border-box;}
#LightboxContainer{opacity:1; flex:1 1 100%; width:100%; max-width:1200px; background-color:#e9fce9; box-shadow:rgba(6, 22, 22, 0.7) 0px 13px 27px -5px, rgba(6, 22, 22, 0.85) 0px 8px 16px -8px;}
#LightboxHeader{width:100%; height:auto; position:relative; padding:30px 0; background: rgba(63,169,245,1); background:-moz-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:-webkit-gradient(left top, right top, color-stop(0%, rgba(63,169,245,1)), color-stop(50%, rgba(0,232,205,1)), color-stop(100%, rgba(0,232,162,1))); background:-webkit-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:-o-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:-ms-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:linear-gradient(to right, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa9f5', endColorstr='#00e8a2', GradientType=1 );}
#LightboxLogo{width:400px; max-width:70vw; position:relative; margin:0 auto; display:flex; justify-content:center;}
#LightboxLogo img{width:100%; margin:auto; display:block;}
#LightboxContent{width:100%; height:auto; position:relative; padding:calc(10px + 2vw) calc(30px + 3vw); background-color:#FFFFFF;}
#LightboxContent h2{font-size:19px; text-align:center; color:#004fad; font-family:'poppins', "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#LightboxContent p{font-size:14px; text-align:justify; font-weight:normal; color:#3c3c3b; font-family:'poppins', "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#LightboxButtonWrapper{width:100%; display:flex; justify-content:center; padding:20px 0px;}
#LightboxButtonWrapper a{display:block; width:auto; padding:20px 30px; border:0; border-radius:300px; box-shadow:rgba(0,232,205, 0.4) 0px 13px 32px -5px, rgba(0,232,162, 0.7) 0px 8px 22px -8px, rgba(8,55,75, 0.7) 0px 12px 12px -6px; color:#FFFFFF; font-size:20px; text-decoration:none; position:relative; overflow:hidden; z-index:2; transition:0.2s ease-in; white-space:nowrap; font-family:'poppins', "Helvetica Neue", Helvetica, Arial, "sans-serif";}
#LightboxButtonWrapper a::before{content:""; position:absolute; inset:-1%; width:102%; height:102%; background:#004fad; z-index:-2;}
#LightboxButtonWrapper a::after{content:""; position:absolute; inset:-1%; width:102%; height:102%; background: rgba(63,169,245,1); background:-moz-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:-webkit-gradient(left top, right top, color-stop(0%, rgba(63,169,245,1)), color-stop(50%, rgba(0,232,205,1)), color-stop(100%, rgba(0,232,162,1))); background:-webkit-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:-o-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:-ms-linear-gradient(left, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); background:linear-gradient(to right, rgba(63,169,245,1) 0%, rgba(0,232,205,1) 50%, rgba(0,232,162,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3fa9f5', endColorstr='#00e8a2', GradientType=1 ); z-index:-1; opacity:0; transition:0.2s ease-in;}
#LightboxButtonWrapper a:hover::after{opacity:1; transition:0.2s ease-out;}
#LightboxButtonWrapper a:hover{box-shadow:rgba(0,232,205, 0.7) 0px 6px 12px -5px, rgba(0,232,162, 0.9) 0px 4px 8px -4px, rgba(8,55,75, 0.7) 0px 6px 6px -3px; color:#FFFFFF; transition:0.2s ease-out;}
#LightboxContent p.Remark{text-align:center; margin:0;}
#LightboxContent p.Remark span{margin:0 4px;}
#LightboxClose{width:50px; height:50px; position:absolute; top:0px; right:0px; overflow:hidden; z-index:100; display:block; font-size:50px; line-height:100%; color:#FFFFFF; font-weight:normal; text-align:center; cursor:pointer; user-select:none;}

#LightboxWrapper.Show{opacity:1; transition:opacity 0.3s ease-in;}
#LightboxWrapper.Hide{opacity:0; transition:opacity 0.3s ease-out;}




/* Keyframe Animation for Section Title ***************************************************************************************************************************************************************************************************************************************************************/
@keyframes home_dotmove {
	  0% {transform:translate(-50%, -50%);}
	 50% {transform:translate(185%, -50%);}
	100% {transform:translate(-50%, -50%);}
}

@keyframes awardcategory_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(190%, -50%);}
	 100% {transform: translate(-50%, -50%);}
}

@keyframes judge_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(50%, -50%);}
	100% {transform: translate(-50%, -50%);}
}

@keyframes awardbenifit_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(250%, -50%);}
	 100% {transform: translate(-50%, -50%);}
}

@keyframes judgecriteria_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(160%, -50%);}
	100% {transform: translate(-50%, -50%);}
}

@keyframes relatedevents_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(155%, -50%);}
	100% {transform: translate(-50%, -50%);}
}

@keyframes winners_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(50%, -50%);}
	100% {transform: translate(-50%, -50%);}
}

@keyframes highlights_dotmove {
	  0% {transform: translate(-50%, -50%);}
	 50% {transform: translate(100%, -50%);}
	100% {transform: translate(-50%, -50%);}
}

/* Media Queries  ***************************************************************************************************************************************************************************************************************************************************************/
@media (max-width: 1220px) {
    .LeftBall{right:60%;}
    .wave_bg img{top:0vh;}
    body.Home .wave_bg img{top:auto;}
    #navmenu{float:none; padding-top:15px;}
    #navmenuul{transition:0.5s ease-in-out; display:none;}
    #navmenuul li{box-sizing:border-box; width:100%; padding:15px; text-align:center; max-height:500px;}
    .showing{max-height:500px;}
    /*.menu-icon{padding:5px; display:inline; float:right;}*/
    .hero{padding-top:50px;}
    .slider_flex{flex-direction:column-reverse;}
    .AwardCategory_BubbleTable a{flex:0 0 33%; height:220px; min-width:220px;}
    .Judges_PanelofJudge_Judge{flex:0 0 50%;}
    .footer_container{height:1500px; display:block;}
    .footer_container_left{width:100%;}
    .footer_container_right{width:100%;}
    .footer_organiser{width:100%; margin-top:2%;}
    .footer_co_organiser{width:100%; margin-top:2%;}
    .footer_strategic_partners{width:100%; margin-top:2%;}
	.footer_sponsor{width:100%; margin-top:2%;}
    .footer_supporting_organiser{width:100%; margin-top:2%;}
    .ImportantDate_Line{width:8%; min-width:5%;}
    .ImportantDate_Date{width:25%;}
    .RelatedEvents_box{flex:0 0 70%;}
}


@media (max-width: 768px) {
    .wave_bg img{top:0vh;}
    body.Home .wave_bg img{top:auto;}
    .AwardCategory_BubbleTable a{flex:0 0 50%;}
	.ImportantDate_info{display:flex; flex-wrap:wrap; justify-content:center;}
	.ImportantDate_DateTable{width:30%;}
	.ImportantDate_Date{width:100%; margin-left:-5%;}
	.ImportantDate_Line{display:none;}
	.ImportantDate_DetailTable{width:60%; position:relative; display:flex; height:100%;}
	.ImportantDate_Detail{width:100%; margin-top:15%;}
    .Slogan{align-content:center; align-items:center; font-size:28px; left:5%; right:0px;}
	body.Home .Slogan{font-size:28px; transform:translateY(200%); z-index:9999; top:15vh; left:auto; align-content:center; justify-content:center;}
    .BallWrap{position:absolute; width:320px; height:320px; mix-blend-mode:screen; right:10vw; display:flex;}
    .ClearBall{position:absolute; width:320px; height:320px; display:flex;}
    .LeftBall{right:60%;}
    .mySwiper2{width:99%; margin-bottom:5%;}
    .swiper-slide-image img{width:90%;}
	.AwardBenifit_Benifit p{padding:2%}
	.Winners_Categories p{padding:2%}
    .Judges_HeadofJudge_info{flex:0 0 100%;}
    .Judges_PanelofJudge_Judge{flex:0 0 100%; margin-top:-10%; margin-bottom:-20%;}
	.footer_organiser_logo img{width:100%; margin-top:15px;margin-bottom:15px;}
	.footer_sponsor_logo{height:30px;margin-top:30px;margin-bottom:30px;}
	.Highlights_Articles_Details{width: 100%}
}

@media (max-width: 500px) {
	.AwardCategory_BubbleTable a{flex:0 0 100%; height:230px; min-width:230px;}
	.Highlights_Photo_Table_Photo{flex:0 0 100%;padding:0.5%; position:relative; flex-wrap:wrap;}
	.Highlights_Table{padding:5%;}
	.Highlights_Video_VideoBox{flex:0 0 90%;padding:2%; position:relative; flex-wrap:wrap;}
	.Highlights_Articles_Details a:nth-of-type(2){width:30%; text-align:right; padding-right:1%;font-size: 12px;padding-top: 5%}
    .LeadIn_Content_Video{width:100%; padding-left:5%; padding-right:5%;padding-top:2%;padding-bottom:2%;display:block;border:5px;}
}