@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:200,300,400,500,600,700|Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

@import url('https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600&family=Roboto:wght@100&display=swap');

.banner-top {padding-top: 0px;}
.header {background-color: #1b59a6; width: 100%; z-index: 100000; height: 55px;}
@media (max-width: 768px) {
	.header {height: 50px; top: 0px; position: fixed}
	.banner-top {padding-top: 50px;}
}

.icon {display: inline-block; margin-top: 3px;  }

.icon img {width: 30px}

.nav {margin-top: 50px}
.banner {width: 100%; display: block }
.banner1 {width: 100%; display: none }
@media (max-width: 768px) {
.banner {width: 100%; display: none }
.banner1 {width: 100%; display: block }
}


.margintop20 {margin-top: 20px}
.margintop40 {margin-top: 40px}
.margintop60 {margin-top: 60px}
.margintop120 {margin-top: 120px}
.margintop180 {margin-top: 180px}
@media (max-width: 768px) {
.margintop180 {margin-top: 120px}
}
@media (max-width: 468px) {
.margintop180 {margin-top: 90px}
}
.navbar-nav {margin-top: 6px; background-color: #1b59a6
}
.navbar-collapse {background-color: #1b59a6}

.date {font-size:18px; line-height: 30px}

.contentpage {background-color: #ffffff; color: #1F1F1F; z-index: 9; padding-top: 180px;}
.contentpage1 {background-color: #dadad9 ; color: #1F1F1F; position:relative; z-index: 9; padding: 15px 0}
.contentpage2 {background-color: #fff ; color: #1F1F1F; padding: 0}
@media (max-width: 768px) {.contentpage {margin-top: 0px; }}
@media (max-width: 468px) {.contentpage {margin-top: 0px; font-size: 12px; line-height: 18px }}

.pagetab { background-color: #bae1e8; height: 50px;  font-size: 30px; color: #124281; margin-top: 80px; position:relative; z-index: 10; display: inline-block; padding-left: 15%;padding-right: 2%;}

.pagetab1 { background-color: #bae1e8; height: 35px;  font-size:18px; color: #124281; margin-top: 15px; position:relative; z-index: 10; display: inline-block; padding-left: 2%;padding-right: 2%;}

@media (max-width: 1024px) {
.pagetab1 { background-color: #bae1e8; height: 25px;  font-size: 14px; color: #124281; margin-top: 15px; position:relative; z-index: 10; display: inline-block; padding-left: 2%;padding-right: 2%;}
}



@media (max-width: 1366px) {
.pagetab {padding-left: 6%;}
}
@media (max-width: 1024px) {

.pagetab { font-size: 22px;}

}
@media (max-width: 768px) {
.pagetab { height: 40px;  font-size: 22px; margin-top: 60px;}
}
@media (max-width: 468px) {
.pagetab { height: 35px;  font-size: 12px; margin-top: 35px;}
}

.header1 { font-family: 'Poppins', serif;  font-style: normal; font-size: 34px; font-weight: 700; color: #000; text-align: left; line-height: 24px; padding: 36px 0 36px 0px;  }

.header2 {  font-family: 'Poppins', serif; font-weight: 600; font-style: normal; font-size: 24px; color: #004997;}
.header3 { display:inline; font-size: 20px; color:#fff; background: #077977; padding: 3px 12px 3px 12px; box-shadow: 3px 3px 0px #92b855; margin-bottom:20px; margin-top: 20px; border-radius: 20px }

@media (max-width: 580px) {
.header1 { font-size: 22px;  margin-left: 0px;}
.header2 {  font-size: 20px; color: #004997;}
.header3 { font-size: 16px; }

.header1 { text-align: left }
}




@media (max-width: 468px) {.header4 { font-size: 12px;}}

.table01 { width: 100%;   }
.table01 p {margin: 10px 0px; color: #1F1F1F}
.table01 td {padding: 3px; border: thin dotted #999; text-align:left; background: #fff}
.table01 td.td01 {background: #DCF6FF}
.table01 td.td02  {background: #003874; color: #fff}
.table01 td.td02 p  {color: #fff}
.table01 td.td03  {background: #D4F5FB;}
.table02 { width: 100% ; min-width: 600px }
.table02 td {padding: 2px; border: thin solid #999; text-align:left; vertical-align: text-top; }
.table02 tr:first-child td {background: #007e7c; color: #fff; font-weight:600;vertical-align: text-top; }
.table02 td p {padding: 0px; margin: 0px}
.table02 td ul  {margin-left: 20px; padding-left: 0px}
.table02 td ul li {margin-left: 0px; padding-left: 0px}

.table03 { width: 100% ; max-width: 900px }
.table03 td {padding: 2px; border: thin solid #999; text-align:left; vertical-align: middle; }
.table03 td p {padding: 0px; margin: 0px; }
.table03 td ul  {margin-left: 20px; padding-left: 0px}
.table03 td ul li {margin-left: 0px; padding-left: 0px}


.table-main { width: 100%; min-width: 600px  }

.table-main tr:first-child td { text-align: center; border-bottom: solid 1px #fff }
.table-main td {padding: 5px; border: thin solid #e66b28; text-align:left; vertical-align: text-top; color:#000 }
.table-main tr td:first-child {text-align: center; width: 18% }
.table-main td p {padding: 0px; margin: 0px; color:#000; font-family: Arial}
.table-main tr:first-child td {background: #e66b28; color: #fff; font-weight: bold; }

td.session { background: #ffb400; color:#fff; text-align: center;  }

.table-main2 { width: 80%; min-width: 600px  }

.table-main2 tr:first-child td { text-align: center; border-bottom: solid 1px #fff }
.table-main2 td {padding: 5px; border: thin solid #2779bf; text-align:left; vertical-align: text-top;color:#000 }
.table-main2 tr td:first-child {text-align: center; width: 35% }
.table-main2 td p {padding: 0px; margin: 0px;color:#000; ; font-family: Arial}
.table-main2 tr:first-child td {background: #2779bf; color: #fff; font-weight: bold; }


td.table-time {color: #fff; text-align: center}

.grid-trans {width: 31%; display: inline-block; padding: 2%; margin-top: 15px; vertical-align:text-top; border: thin solid #78B5C4}
@media (max-width: 768px) {.grid-trans {width: 95%;}}
.widthimg25h { height: 250px;  }
@media (max-width: 768px) {.widthimg25h { height: auto; width: 90% }}


.counterbar { margin-top: 0px;margin-bottom: 25px;  padding: 60px 0 60px 0; background-color: #0084af; position: relative; }
.notice-bar-title { width: 100%; display: inline-block; margin-left: 1%; text-align: center}
.notice-bar-title1 {font-weight: bold; font-size: 18px; margin-bottom: 10px; }
.counter { width: 100%; display: inline-block;}
@media (max-width: 480px) {
	.notice-bar-title { width: 90%; margin-left: 1%}
	.counter { width: 90%;margin-left: 5% }
	}
.notice-bar-title-icon{
	display:inline-block;
	float:left;
	margin-right:15px;
}
.notice-bar-title .title-note{
	font-size: 14px;
	margin-top:4px;
}
.notice-bar-title strong{
	font-family: 'Open Sans', sans-serif;
	font-size:16px;
	color:#333;
	font-weight:700;
	letter-spacing:2px;
	display:block;
}
.notice-bar-event-title h5, .notice-bar-event-title .date{
	margin-bottom:0;
}
.counter .timer-col{
	display:inline-block;
	margin:0 3px;
	text-align:center;
	border-radius:50%;
	text-align: center;
	width: 140px;
	height: 140px;

	box-shadow: 0 0 15px 3px #ececec ;
	position: relative;
	overflow: hidden;
}
.timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{
	display: inline-block;
	font-size:52px;
	line-height: 14px;
	font-family: "Audiowide", sans-serif;
    font-weight: 400;
	color: #000;
	padding-top: 53px;


}

.timer-col .timer-type{

	display: inline-block;
	font-size:14px;
    color: #000;
	margin-top:-60px;
	line-height: 8px;


	
}
@media(max-width:991px) {
.counter .timer-col{
	margin:0 1%;
	width: 130px;
	height: 130px;
	border-radius:120px;
}
.timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{
	font-size:50px;
	line-height: 15px;
	padding-top: 45px;
}
}
	@media(max-width:580px) {
.counter .timer-col{
	margin:0 0.5%;
	width: 120px;
	height: 120px;
	border-radius:120px;
}
.timer-col #days, .timer-col #hours, .timer-col #minutes, .timer-col #seconds{
	font-size:46px;
	line-height: 10px;
	padding-top: 45px;
}
.timer-col .timer-type{
	display: inline-block;
	font-size:13px;
	margin-top:-10px;
}
}

	
	.time-color1 { background: #0b9dca}
.time-color2 { background: #e41622}
.time-color3 { background: #1d1d1b}
.time-color4 { background: #fff; border: thin solid #8A8A8A}
.btn-reg { color: #000}
.forminput { color: #363636; height: 28px; border: thin solid #BCBCBC; margin-top: 4px; width: 60%}
.forminput1 { color: #363636; height: 28px; border: thin solid #BCBCBC; margin-top: 4px; width: 15%}
.forminput2 { color: #363636; height: 28px; border: thin solid #BCBCBC; margin-top: 4px; width: 25%}
.forminput3 { color: #363636; height: 28px; border: thin solid #BCBCBC; margin-top: 4px; width: 100%}
.forminput-textarea { color: #363636; border: thin solid #BCBCBC; margin-top: 4px; width: 60%; height: 100px}
.forminput-textarea1 { color: #363636; border: thin solid #BCBCBC; margin-top: 4px; width: 100%; height: 100px}
@media(max-width:767px){.forminput, .forminput1, .forminput2, .forminput-textarea {width: 100%}}


select { color: #363636; height: 23px; border: thin solid #BCBCBC}

textarea {border: thin solid #BCBCBC;}


.call-to-action-box{position:relative; width: 95%; margin-top: 15px;}.grid-layout .call-to-action-box{margin-bottom:20px}.call-to-action-box img{position:relative;z-index:1}
.call-to-action-box .text-overlay{position:absolute;z-index:2;right:-10px;top:0;width:100%;height:100%;padding:0;transition:background .25s ease}
.call-to-action-box .text-overlay:hover,.call-to-action-box .text-overlay:focus{transition:background .45s ease;background:rgba(255,255,255,0.3);right:0}.call-to-action-box .text-overlay:hover .btn-default,.call-to-action-box .text-overlay:focus .btn-default{background:#fff;color:#9b6f95;transition:all .25s ease}.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{color:#fff;margin:140px 0 0 20px;font-size:26px;text-align:right;padding:8px 12px 8px;}

@media(max-width:1500px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:24px}}
@media(max-width:1320px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:22px}}
@media(max-width:1200px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:17px}}
@media(max-width:1199px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:14px;margin-top:100px}}
@media(max-width:800px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:10px;margin-top:120px}}
@media(max-width:767px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:22px;margin-top:180px}}
@media(max-width:420px){.call-to-action-box h2,.content-main-bodytext .call-to-action-box h2{font-size:12px;margin-top:120px}}
.content-main-sidebar .call-to-action-box h2{font-size:24px}
@media(max-width:1500px){.content-main-sidebar .call-to-action-box h2{font-size:20px;margin-top:0}}
@media(max-width:1400px){.content-main-sidebar .call-to-action-box h2{font-size:18px}}
@media(max-width:767px){.content-main-sidebar .call-to-action-box h2{font-size:28px;margin-top:20px}}
@media(max-width:420px){.content-main-sidebar .call-to-action-box h2{font-size:18px;margin-top:0}}.call-to-action-box .btn-default{border-radius:0;border:0;position:absolute;left:30px;bottom:0;margin:0;transition:all .15s ease}@media(max-width:1200px){.call-to-action-box .btn-default{left:25px}}
@media(max-width:1199px){.call-to-action-box .btn-default{left:20px;padding:5px 10px;font-size:16px}}
@media(max-width:991px){.call-to-action-box .btn-default{left:15px;padding:4px 8px;font-size:14px}}
@media(max-width:767px){.call-to-action-box .btn-default{left:25px}}
@media(max-width:420px){.call-to-action-box .btn-default{left:15px}}
@media(max-width:991px){.grid-layout [class^=col-md] .call-to-action-box h2{font-size:28px;margin-top:20px}}
@media(max-width:420px){.grid-layout [class^=col-md] .call-to-action-box h2{font-size:18px;margin-top:0}}

.speakername {font-weight: 700;}

#back-to-top{
	position:fixed;
	right:17px;
	bottom:17px;
	display: none;
	padding:5px 12px;
	-webkit-border-radius:3px;
	border-radius:3px;
	background:rgba(0,0,0,.7);
	color:#ffffff;
}
#back-to-top{
	
	}
.partnerbg { background:rgba(255,255,255,1.00); padding: 15px; border-radius: 20px; -webkit-border-radius:20px; }
.partnerbg .plogo, .partnerbg .plogo2 { display:inline-block; vertical-align:middle; margin: 24px; width: auto}
@media(max-width:468px){
	.partnerbg .plogo{ width: 90%; height: auto}
	.partnerbg .plogo2{ width: 45%; height: auto} }
	
	
	.btn-reg2{

	height: 30px;
	z-index: 999;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	padding: 8px 22px 8px 22px;
	text-align:center;

    background-color: #996BBC;
	display:inline-block;
	border:rgba(255,255,255,1.00) solid thin;
	 border-top-right-radius: 7px; border-bottom-left-radius: 7px;

}
a.btn-reg2{color: #FFF;}
a.btn-reg2:hover{color: #FF9;}

.btn-reg3{

	height: 22px;
	z-index: 999;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
	color: #FFF;
	padding: 4px 12px 4px 12px;
	text-align:center;

    background-color: #735F2D;
	display:inline-block;
	 border-radius: 15px;
	 display:inline-block;
	 margin-top:2px;

}
a.btn-reg3{color: #FFF;}
a.btn-reg3:hover{color: #fff; background-color:  #4F380D;; text-decoration: none;}






.pop1 {padding: 10px;  display:none;}








.texttop { vertical-align: baseline; }


.circlebox { padding: 0px; width: 200px; height: 200px;  background-color: #81bbcf; border-radius: 100px; text-align: center; margin: 50px; display: inline-block}
.circletext { color: #fff; font-size: 22px; font-weight: bold;  line-height:24px; margin-top: 80px;}
.circlebox:hover { background-color: #43A7CB;}

@media(max-width:767px){
	.circlebox { width: 150px; height: 150px;   border-radius: 75px; margin: 25px; }
.circletext { color: #fff; font-size: 18px; font-weight: bold;  line-height:18px; margin-top: 60px;}
}

body {background-color: #ffffff;}
@media(max-width:767px){
body {	
  font-size: 14px;
  line-height: 1.76;
	}
}

img {
  image-rendering: -webkit-optimize-contrast;
 
}
.img100 {width:100%}
.img80 {width:80%}
.img60 {width:60%}
.img40 {width:40%}
@media(max-width:768px){
.img80 {width:80%}
.img60 {width:100%}	
.img40 {width:100%}		
}






.popclose { position:absolute; margin-left: 350px; margin-top: 5px; z-index:2;}
#blackbg {position:absolute; z-index: 1000; display: none;}
.uploadbtn1 {width: 120px; height: 40px; background-color: #f39800; font-size:15px;  border-style:solid; text-align:center; cursor:pointer; color: #fff; font-weight: bold; border-radius: 5px; line-height:30px}

.upload1 { padding: 10px;}
.upload2 { padding: 10px;}

.formerror {font-size:10px; color:rgba(255,0,4,1.00)}

img {
  image-rendering: -webkit-optimize-contrast;
 
}

.jurypanel {width:24%; display: inline-block; vertical-align: text-top; padding-left: 10px; margin-right: 2%; margin-top: 35px; text-align: left;  border-left: 5px solid #E48600; height: 350px;}
@media(max-width:768px){
.jurypanel {width:46%; }
}
@media(max-width:480px){
.jurypanel {font-size: 10px; line-height:14px; height: 250px; }
}
.popjury1a, .popjury2a, .popjury3a, .popjury4a, .popjury5a, .popjury6a, .popjury7a, .popjury8a  { font-size: 1.0em; background-color:#FFF; padding: 10px; width: 980px; height: 500px ; display: none; position: fixed; z-index: 9999999; overflow-y: auto; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1);top: 10%;left: 50%;margin-left: -490px; text-align:justify;}
.popjury1close, .popjury2close, .popjury3close, .popjury4close, .popjury5close, .popjury6close, .popjury7close, .popjury8close {width: 22px;height: 22px;position: absolute;margin-left: 95%;margin-top: 3px; z-index: 1000;}
.jurorimg {width: 70%}

@media(max-width:990px){
	.jurorimg {width: 80%; margin-top: 20px;}
	.popjury1a, .popjury2a, .popjury3a, .popjury4a, .popjury5a, .popjury6a, .popjury7a, .popjury8a {width: 90%; left: 5% ;margin-left: 0; padding: 5px; height: 70%}
	
}
@media(max-width:768px){
	.jurorimg {width: 80%; margin-top: 20px;}
	.popjury1close, .popjury2close, .popjury3close, .popjury4close, .popjury5close, .popjury6close, .popjury7close, .popjury8close {margin-left: 87%;margin-top: 3px;}

}


.btn-dates1 { padding: 10px 15px; width: 92%;  text-align: center; vertical-align: middle; color: #fff; background-color: #FD8600; font-size: 20px; border-radius: 10px; line-height: 24px; font-weight: bold; margin-right: 35px;   }
@media(max-width:1180px){
.btn-dates1 {font-size: 18px;}

	
}
@media(max-width:1180px){
.btn-dates1 {font-size: 18px;}
	
}

@media(max-width:990px){
.btn-dates1 {font-size: 16px; line-height: 18px}
	
}

@media(max-width:767px){
.btn-dates1 {width: 100%;}
	
}
.textaligncenter {text-align: center}
.textalignright {text-align: right}

img {
  image-rendering: -webkit-optimize-contrast;
 
}

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

.flowarrow {font-size: 30px; color: #FD8600; display: inline-block; position: absolute; margin-left: 85%; margin-top: 20px; }
.flowarrow1 {display: none}
@media(max-width:768px){
.flowarrow {font-size: 22px;color: #FD8600; display: none; position: absolute; margin-left: 80%; margin-top: 10px; }
.flowarrow1 {font-size: 22px;color: #FD8600; display: inline-block; margin-left: 50%; margin-top: 10px; }
}


.list01 {padding-left:18px;}
.textalignleft { text-align: left}
#team1, #team2, #team3, #team4, #team5, #team6, #team7{display: none}

.media {display: inline-block; width: 48%; vertical-align:  text-top; margin-right: 1%}
@media(max-width:768px){.media {width: 48%; }}
@media(max-width:468px){.media {width: 99%; }}
.mediaphoto img { width: 100% }
.mediatitle {color: #898500;font-size: 18px; font-weight: bold; line-height: 20px; text-align: left; padding-bottom: 10px;}
.mediadate { color: #5F5F5F; font-size: 13px; margin-top:10px }




.box1 { border-radius: 15px;padding: 15px; background-color: #fff; text-align: center; color: #000}
@media(max-width:468px){
	.box1 { border-radius: 15px;padding: 10px; background-color: #fff; text-align: center; color: #000}
}
.box1 p{  color: #000}
.mediadate1 {width: 12%; padding: 3px; display: inline-block; vertical-align: text-top; }
.mediatitle1 {width: 59%; padding: 3px; display: inline-block; vertical-align: text-top;  }
.mediadwn1 {width: 12%; padding: 3px; display: inline-block; vertical-align: text-top;  }
@media(max-width:468px){
	.mediadate1 {width: 98%; border-bottom: none}
.mediatitle1 {width: 98%; }
	.mediadwn1 {width: 49%; }
}

.finalist { width: 46%; display: inline-block; vertical-align: text-top; padding: 2% }
.finalistimg img {width: 30%}
.finalisttext { text-align: left; font-size: 12px; line-height: 12px; margin-top: 5px;margin-left: 10%;    }
.finalistsep {margin-top: 10px;}
.finalisttext .text01 {  display: inline-block; padding: 3px 5px; vertical-align: text-top; background-color: #f39800; color: #fff; border-radius: 3px;  }
.finalisttext .text01a { display: inline-block; padding: 3px 5px; vertical-align: text-top; background-color: #726002; color: #fff; border-radius: 3px; }
.finalisttext .text01b { display: inline-block; padding: 3px 5px; vertical-align: text-top; background-color: #B36400; color: #fff; border-radius: 3px;   }
.finalisttext .text02 { font-size: 16px; font-weight: bold; color: #726002; line-height: 26px; }
.finalisttext .text03 { display: inline-block; vertical-align: text-top; width: 82%; padding-left: 3px; line-height: 18px }
@media(max-width:768px){
	.finalist { width: 48%;  padding: 2% }
	.finalisttext { margin-left: 0%;    }
}
@media(max-width:468px){
	.finalist { width: 98%;  padding: 2%; margin-top: 20px; }
	.finalistimg img {width: 50%}
	.finalisttext { margin-left: 0%;    }
	.finalisttext .text03 { width: 75%;  }
}
video {width: 100%}

.header-logo {display: inline-block; vertical-align: text-top; }

.sociala {display: inline-block;  vertical-align: text-top; float: right; position: relative  }
.social1 {display: inline-block; line-height: 18px; vertical-align: text-top; margin-top: 20px; }
.social2 {display: inline-block; font-size:10px; line-height: 12px; vertical-align: text-top; margin-top: 20px; margin-left:5px; text-align: center}
.social2 img{width: 22px}
.social2 a {color: #000}
.social3 {display: inline-block;  vertical-align: text-top; margin-top: 20px; }
.lang {width: 30px; height: 30px; padding: 5px; background-color: #FFF; color: #000; display: inline-block; border-radius: 20px; margin-right: 3px; text-align: center; border: solid thin #f39800; line-height:16px }
.active {background-color: #f39800}

.logo1 { height: 170px}


@media(max-width:992px){.logo1 { height: 120px} }

@media(max-width:768px){
	.logo1 { height: 120px} 

}

@media(max-width:480px){
	.logo1 { height: 120px} 

}

.pwinner {width: 28%; display: inline-block; text-align: center; vertical-align: text-top; margin-right: 2%; margin-top: 20px;}
.pwinner-img {border: 1px solid #4F4F4F}
.pwinner-img img {width: 100%}
.pwinner-award {text-align: center; font-size: 24px; font-weight: 700; color: #f39800; line-height: 26px;}
.pwinner-name {text-align: center; font-size: 18px; font-weight: 700; color: #000000;}

@media(max-width:480px){
	.pwinner {width: 100%; padding-bottom: 15px;}
	.pwinner-award {font-size: 20px; }
.pwinner-name {font-size: 14px; }
}
a.top {
position: relative;
top:-180px;
display: block;
height: 0;
width:0;
}
a.lang:hover {color: #FFF700; background-color: #FF0004;}
.btn-input1 {background: #f39800; color: #fff; padding: 6px 10px; font-size: 15px; font-weight: bold; border: none; border-radius: 5px; }
.icon-contact {width: 30px; vertical-align: bottom}
@media(max-width:480px){
.icon-contact {width: 20px;}	
}
.custom-select {background: #f39800; color: #fff; padding: 5px; font-size: 15px; font-weight: bold; border: none; border-radius: 5px; height: 38px}

.table-form {width: 70%}
.table-form td {padding: 2px}
@media(max-width:768px){
.table-form {width: 100%}	
}

@media(max-width:768px){
.footer {font-size: 12px; line-height: 18px}	
}

.juryname {font-size: 18px; line-height: 30px; color: #FF7600 }

@media(max-width:768px){
.juryname {font-size: 14px; line-height: 22px}	
}

.footer {background: #062536; padding-top: 50px;}
.footer-text {color: #fff}

.welcome-photo {width: 200px; height: auto; border: 2px solid #fff; box-shadow: 3px 3px 0 2px #2a9ee7; margin-bottom: 10px }
.oc-photo {width: 200px; height: auto; border: 2px solid #fff; box-shadow: 3px 3px 0 2px #2a9ee7; margin-bottom: 10px }
@media(max-width:1280px){
	.oc-photo {width: 90%}
}
@media(max-width:768px){
.welcome-photo {width: 40%}
	.oc-photo {width: 80%}
}

.table-program {width: 100%}
.table-program td { border: solid 1px #999999; padding: 0 3px; text-align: left; color: #000; vertical-align: text-top}
.table-program td p{  color: #000; }
.table-program ul  {margin-left: 10px;padding-left: 15px;}

.table-program .topic {color: #1E417E}
.table-program .room {color: red}

.btn4 {background-color: #f39800; padding: 3px 10px;  text-align: center; line-height: 24px; margin-top: 0px; border-radius: 5px; color: #ffffff}

.poly1:hover {background:rgba(255,255,255,0.7) }
area:hover {
    outline-color: red;
    border: 1px solid blue;
}
.box2 {padding: 15px; margin-bottom: 15px; background: #FFE5E5; border: thin solid #8F1719; border-left: solid 5px #8F1719; }
.box3 {padding: 15px; margin-bottom: 15px; background: #C8E5F9; border: thin solid #1F497B; border-left: solid 5px #1F497B; }

.btn-entrance {margin-top: 0px; padding-bottom: 0px}
.btn-entrance img {width: 100%; max-width: 330px}
@media(max-width:768px){
	.btn-entrance {margin-top: 0px; padding-bottom: 10px}
}
.btn-entrance1 {display: inline-block; position: absolute; top: 15%; right: 3%;width: 20%}
.btn-entrance1 img {width: 100%}
.box4 {padding: 20px 10px; border-radius: 40px;  background: #ab957e; color: #fff; height: 330px; margin-bottom: 10px }
.box6 {padding: 20px 10px; border-radius: 40px;  border: solid thin #ab957e; height: 330px; margin-bottom: 10px }
@media(max-width:768px){
.box4 {padding: 20px 10px; border-radius: 40px;  background: #ab957e; color: #fff; height: auto; margin-bottom: 10px }
.box6 {padding: 20px 10px; border-radius: 40px;  border: solid thin #ab957e; height: auto; margin-bottom: 10px }	
	
}
ul.listing-cont {padding-left: 0px}
.listing-cont {list-style: none}

.line01 {background: #1b59a6; height: 4px; width: 90px; position: relative; margin-top: -20px; margin-bottom: 10px}

.sticky { position: fixed; top:0; }
.right-box { width: 100%; padding: 0 15px 15px 15px; border: thin solid #999999;  margin-bottom: 15px; border-radius: 10px; box-shadow: 5px 5px 0px #92b855; background: #d8effc }

.triangle {width: 0;height: 0;border-style: solid;border-width:  4px 0 4px 8px;
border-color: transparent transparent transparent #007bff;  margin-top:10px; position: relative; display: inline-block; margin-right: 5px}
.subheader1 {font-size: 24px; font-weight: 700; color: #ea961e; margin-top: 30px; text-align: left}
.subheader2 {font-size: 20px; font-weight: 700; color: #d673a3 ; text-align: left; margin-bottom: -10px; margin-top: 20px}
.subheader3 {font-size: 19px; font-weight: 700; color: #fff ; text-align: left}
@media (max-width: 580px) {
.subheader1 {font-size: 20px; font-weight: 700; color: #007e7c; margin-top: 20px}
.subheader2 {font-size: 16px; font-weight: 500; }	
}
.archive { width: 300px; height: 200px; display: inline-block; margin: 0 20px; margin-top: 10px;}
.archive1 { width: 300px; height: 200px; overflow:hidden; position:absolute; cursor:pointer; text-align: center}
.archive1 img { width: 97%}
.archivetext{ background-color:#000; opacity: 0.7; width: 300px; height: 50px; color: #FFF; font-size: 1.1em; font-weight: 400; line-height: 40px; position:absolute; top: 300px; text-align: center;}  

.btn2 {background: #32abb9; color: #fff; padding: 6px 15px; border-radius: 30px; display: inline-block;  height: 60px; vertical-align: middle; text-align: center; line-height: 23px; margin-top: 3px; font-weight: bold}
.btn2:hover {background: #C87000; color: #F9FF18}
.btn2a {line-height: 42px}

.btn3 { display: inline-block; font-weight: bold; font-size: 1.3em; color: #fff; background-color: #f39800; padding: 10px 15px;  text-align: center; line-height: 24px; margin-top: 0px; border-radius: 5px}
.btn3:hover {  background-color: #FF9E00; color: #FCFF90; }

.btn5 { display: inline-block; font-weight: bold; font-size: 1.5em; color: #fff; background-color: #f39800; padding: 5px 5px; width: 100%;  text-align: center; line-height: 25px; margin-top: 10px; border-radius: 5px; height: 65px}
.btn5:hover {  background-color:#FFAE00; color: #fff;  }
.btn5:hover .box-pop {  display: inline-block}
.btn5a { display: inline-block; font-weight: bold; font-size: 1.2em; color: #fff; background-color: #f26c23 ; padding: 8px 5px; width: 100%;  text-align: center; line-height: 32px; margin-top: 10px; border-radius: 5px; height: 49px}
.btn5a:hover {  background-color:#f4ab22; color: #fff; }

.btn5b { display: inline-block; font-weight: bold; font-size: 1.2em; color: #fff; background-color: #7f452c ; padding: 8px 5px; width: 100%;  text-align: center; line-height: 33px; margin-top: 10px; border-radius: 5px; height: 49px}
.btn5b:hover {  background-color:#a45b3b; color: #fff; }

.btn5c { display: inline-block; font-weight: bold; font-size: 1.2em; color: #fff; background-color: #0983e5 ; padding: 8px 5px; width: 100%;  text-align: center; line-height: 32px; margin-top: 10px; border-radius: 5px; height: 49px}
.btn5c:hover {  background-color:#0371c8; color: #fff; }

.btn-red {background: red}

.btn-tag {background: #32abb9; color: #fff; padding: 4px 15px; border-radius: 30px; display: inline-block;  height: 50px; vertical-align: middle; text-align: center; line-height: 40px; margin-top: 3px; font-weight: bold}
.btn-tag a {color: #fff}
.btn-tag:hover {background: #C87000; color: #F9FF18}
.btn-tag {line-height: 42px}

@media(max-width:1280px){
	.btn2 {  font-size: 0.94em; line-height: 1.15em; width: 100% }
}
.marginbottom20 {margin-bottom: 20px;}
.anchor1 {position: absolute; margin-top: -120px}
p {margin-top: 15px; margin-bottom:10px}

.oc {color: #982F00; cursor: pointer}
.ocphoto {position: absolute; display:none; width: 150px; margin-left: 130px; z-index: 999; padding: 5px; box-shadow: 1px 1px 10px  #888888; background: #FFFFFF }
.ocphoto img {width: 100%}
.oc:hover .ocphoto {display: block;  }
@media (max-width: 480px) {
.ocphoto { width: 130px; margin-left: 100px;  }	
}

.blink{
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     background: #f39800;    }
    49%{    background: #f39800; }
    60%{    background: red; }
    99%{    background:red;  }
    100%{   background: #f39800;    }
}
.right-box ul {padding-left: 10px}
.right-box ul li {line-height: 22px; padding-bottom: 20px;padding-top: 10px; border-bottom: thin solid #ececec}

.slogo { height: 122px; display: inline-block; margin: 8px }
@media (max-width: 768px) {
	.slogo { height: 110px; display: inline-block; margin: 8px }
}
@media (max-width: 580px) {
	.slogo { height: 75px; display: inline-block; margin: 8px }
}
@media (max-width: 480px) {
	.slogo { height: 60px; display: inline-block; margin: 5px }
}
.so {width: 100%;background-color: #fff; border-radius: 15px; padding: 0px; }





.active {background: #15709C}

.faculty-box { width: 92%;  border-bottom-right-radius: 20px; margin-top: 15px; text-align: left } 
.pink {background-color: #fbe0ec}
.blue {background-color: #d1ebf6}
.brown {background-color: #fffcd9}
.green {background-color: #DAF0CF}
.orange {background-color: #fbd8b3}
.faculty-header-pink {padding: 5px 15px 5px 15px; background-color: #d35f8e; color: #fff;  font-weight: bold  }
.faculty-header-blue {padding: 5px 15px 5px 15px; background-color: #316ea2; color: #fff;  font-weight: bold  }
.faculty-header-brown {padding: 5px 15px 5px 15px; background-color: #b8722a; color: #fff;  font-weight: bold  }
.faculty-header-green {padding: 5px 15px 5px 15px; background-color: #468F28; color: #fff; font-weight: bold  }
.faculty-header-orange {padding: 5px 15px 5px 15px; background-color: #ec681b; color: #fff; font-weight: bold  }
.faculty-box-text {padding: 15px}

.faculty-image {width: 180px; margin-top: 15px}
.faculty-image img {width: 190px;}
.faculty-name { font-weight: bold; font-size: 20px; margin-top: 15px}
.faculty-title { font-style: italic}
@media (max-width: 580px) {
.faculty-image {width: 150px;}
}
 .btn-back{ font-size: 16px; color:#00356C;text-align:center;  display:inline-block;  padding:5px 30px ; margin-left:10px;margin-bottom:10px;
	 border-bottom: 2px solid #54A2DB; float: right}


.table04 {width: 100%}
.table04 tr td { border-bottom: solid thin #C8C8C8; text-align: left}
.table04 tr td:nth-child(2) {vertical-align: text-top; text-align: right}

.box-pop {position: absolute; display: none; padding: 10px; width: 250px; font-size: 18px; background: #246060; border-radius: 5px; z-index: 100; margin-left: -150px; margin-top:30px;    transition: 0.3s; }
.table-main td.borderwhite-top {border-top: thin solid #fff;padding-top: 0px}
.table-main td.borderwhite-bottom {border-bottom: thin solid #fff; padding-bottom: 0px}
.table-ctw td.borderwhite-top {border-top: thin solid #fff;padding-top: 0px}
.table-ctw td.borderwhite-bottom {border-bottom: thin solid #fff; padding-bottom: 0px}


.content-bg { background-color: #fff; position: relative; }

.footer2 {background: #dceaee }
.box-sponsor {padding:10px; border-radius: 40px; background: #FFFFFF; color: #000000; border: solid thin #000000; text-align: center}
.box-sponsor  p {color: #000000}
.sponsor-gold {display: inline-block; vertical-align: text-top; text-align: center; margin-bottom: 20px;}
.sponsor-gold img {width: auto; height: 120px}
.sponsor-bronze {display: inline-block; vertical-align: text-top; text-align: center; margin-bottom: 20px; margin-right: 30px; }
.sponsor-bronze img {width: auto; height: 100px}
.marginleft20 {margin-left: 20px}
@media (max-width: 980px) {
	.sponsor-bronze {margin-bottom: 10px; margin-right: 12px; }
	.sponsor-bronze img {width: auto; height: 78px}
}
@media (max-width: 768px) {
	.sponsor-bronze {margin-bottom: 10px; margin-right: 8px; }
	.sponsor-bronze img {width: auto; height: 70px}
}
@media (max-width: 580px) {
.sponsor-gold img { height: 100px}	
	.sponsor-bronze { margin-bottom: 10px; margin-right: 15px}
	.sponsor-bronze img {height: 80px}
	.marginleft20 {margin-left: 0px}
}
.text-black {color:#000}


.btnpos1 {float: right; margin: -50px 0 20px}
@media (max-width: 580px) {
.btnpos1 {float: right; margin: 0px 0 20px}	
}

a.pop-video { display: inline-block; margin-top: 5px}
a.pop-video img { width: auto; height: 27px }
.btn-pdf {width: 80px}
@media (max-width: 480px) {

.btn-pdf {width: 60px}	
}

.pop2a { position: fixed; width: 94%; max-width: 940px;  display: none; top: 12%;left: 50%; margin-left:-470px;   z-index: 10000; background-color: transparent; text-align: center; padding: 25px }

.pop2aclose {width: 20px;height: 20px;position: absolute;margin-left: 83%; margin-top: 0px; z-index: 999999999;}
.pop1a-inner {  font-size:16px; line-height: 22px; background-color: rgba(255, 255, 255, 0.95); padding: 25px; width: 94%; max-width: 895px;   text-align:justify; border: 1px solid #999999; }

.video1 {width: 97%; height: 422px; border:none}

@media (max-width: 980px) {
	
.pop2a { position: fixed; width: 100%; max-width: 100%;  display: none; top: 5%;left: 0%; margin-left:3px;   z-index: 10000; background-color: transparent; text-align: center; padding: 10px }
.pop1a-inner {   background-color: rgba(255, 255, 255, 0.95); padding: 15px; width: 96%; max-width: 96%;   text-align:justify; border: 1px solid #999999; }
.video1 {width: 97%; height: 320px}	
.pop2aclose {width: 20px;height: 20px ;position: absolute;margin-left: 83%; margin-top: 0px; z-index: 999999999;}
}
.popc iframe {
  height: 380px;
  /* 315/560 = .5625 */
}

@media (max-width:768px) { 
	.popc iframe {
  height: 200px;
  /* 315/560 = .5625 */
}
}
.alert-error {width: 100%; padding: 5px; border: 1px solid #D00003; background-color:#FFBABB; color: #D00003; z-index: 99999999; position: fixed }
.alert-error1 {width: 100%; padding: 5px; border: 1px solid #D00003; background-color:#FFBABB; color: #D00003; z-index: 99999999; }
.sign-up {background: #FF8600; color: #fff; font-size: 16px; border-radius: 30px; border: 0; padding: 10px 20px;}
.input-md {width: 50%; padding: 15px}
@media (max-width:768px) { 
	
	.input-md {width: 100%; padding: 10px}

}
.date01 {font-size: 18px; font-weight: bold; color: #00064E; line-height: 22px;}
.date02 {font-size: 25px; font-weight: bold; color: #e75c00; margin-top: -10px; margin-bottom: 10px}

.newsdate {width: 70px; height: 75px; display: inline-block; vertical-align: text-top; background-color: #FF7E00;text-align: center}
.newsdate1 {width: 60px; color: #FFF; font-size: 38px; margin: 0 auto;  padding: 2px; text-align:center; line-height: 42px}
.newsdate2 {width: 60px; color: #FFF; font-size: 18px; margin: -23px auto;  padding: 5px; text-align:center; line-height: 36px}
.newsdate3 {width: 60px; color: #FFF; font-size: 14px; margin: -15px auto;  padding: 5px; text-align:center; line-height: 24px}
.newscontent {width: 90%; display: inline-block; vertical-align:text-top; margin-left: 15px; color:#333;}
@media (max-width: 990px) {
.newscontent {width: 80%; display: inline-block; vertical-align:text-top; margin-left: 15px; color:#333;}
}
@media (max-width: 580px) {
.newscontent {width: 70%; display: inline-block; vertical-align:text-top; margin-left: 15px; color:#333;}
}
.iframewrapper{
    position:relative;
    z-index: 1;
    display: inline-block;
	width:100%;
	margin-top: 0px;
}

.hidelogo{
    position: absolute;
    width: 100%;
    height: 50px;
    background: #fff;

    top: 0px;
    z-index:2;
    display: block;

}

.btn-home {display : inline-block; position: absolute; z-index: 100; left: 22%; margin-top: -180px}

.btn-blue {background: #0072B1;  color: #fff;}
.btn-pink {background: #b24aac  ; color: #fff }
.btn1 {
  display: inline-block;

  padding: 12px 40px;
  border-radius: 50px;
  border: 2px solid #fff;

  font-size: 26px;
  line-height: 22px;
  font-family: 'Jost', sans-serif;
  font-weight: 600;
  transition: 0.3s;
	vertical-align: text-top;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 1);
	text-align: center;
	vertical-align: center;
}
.btn1 .text01 {font-family: 'Jost', sans-serif; font-size: 16px}
.btn1 .btn-icon {font-size: 27px; display: inline-block; vertical-align: middle;  margin-right: 5px}
.btn1 .btn-text {display: inline-block; vertical-align: middle}
.btn1:hover {
  background: #3498db;
  color: #fff;
  border: 2px solid #fff;
text-decoration: none;
}
@media (max-width:1080px) {
	.btn-home { left: 22%; margin-top: -140px }
.btn1 {
  padding: 6px 25px;
  border-radius: 50px;
  font-size: 18px;
  line-height: 18px;
}
.btn1 .text01 {font-size: 14px}
.btn1 .btn-icon {font-size: 20px; display: inline-block; vertical-align: middle;  margin-right: 5px}

}
@media (max-width:768px) {
	.btn-home { left: 22%; margin-top: -40px }
.btn1 {
  padding: 4px 20px;
  border-radius: 50px;
  font-size: 16px;
  line-height: 18px;
}
.btn1 .text01 {font-size: 12px}
.btn1 .btn-icon {font-size: 20px; display: inline-block; vertical-align: middle;  margin-right: 5px}

}

.box {
  width: 150px;
  height: 150px;
  border: 2px solid #333;
  margin: 50px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sans-serif;
  font-size: 1.2em;
  opacity: 0; /* Initially hidden */
  transition: opacity 0.5s ease-in-out; /* Smooth fade-in */
}

.box.animate-border {
  animation: roundBorder 2s 1 forwards; /* Apply animation when class is added */
  opacity: 1; /* Make visible when animated */
}

@keyframes roundBorder {
  0% {
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
  50% {
    border-radius: 50%;
    box-shadow: 0 0 15px 5px rgba(0, 0, 0, 0.5);
  }
  100% {
    border-radius: 0;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  }
}

.circle-container {
  width: 150px; /* Set desired size */
  height: 150px;
  position: relative; /* Essential for positioning the border */
  border-radius: 50%; /* Makes the container circular */
  overflow: hidden; /* Hides parts of the animated border outside the circle */
}

.animated-border {
  content: '';
  position: absolute;
  top: -5px; /* Adjust to control border thickness and overlap */
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;
  border: 6px solid transparent; /* Base transparent border */
  border-top-color: #FF5F00; /* Color for the animating part */
  animation: rotateBorder 3s linear infinite; /* Apply animation */
}

.animated-border1 {
  content: '';
  position: absolute;
  top: -5px; /* Adjust to control border thickness and overlap */
  left: -5px;
  right: -5px;
  bottom: -5px;
  border-radius: 50%;
  border: 6px solid transparent; /* Base transparent border */
  border-top-color: #007bff; /* Color for the animating part */
  animation: rotateBorder 3s linear forwards; /* Apply animation */
}

@keyframes rotateBorder {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}