.table-agenda {

  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}


.table-agenda tr {

  border-bottom: 1px solid #ddd;
  padding: .35em;
}

.table-agenda tr th:first-child {
  width: 20%;
}
.table-agenda tr th:nth-child(2) {
  width: 70%;
}
.table-agenda tr td:first-child {
  width: 20%;
}
.table-agenda tr td:nth-child(2) {
  width: 70%;
}
.table-agenda tr th:nth-child(3) {
  width: 25%;
}
.table-agenda tr th:nth-child(4) {
  width: 5%; 
}
.table-agenda tr td:nth-child(4) {
  color: var(--Red, #DA291C);
}

.table-agenda th,
.table-agenda td {
  padding: .425em;
  text-align: left;
}

.table-agenda th {
  font-size: .85em;
  letter-spacing: .1em;
  text-transform: uppercase;
}

@media screen and (max-width: 990px) {
 .table-agenda {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }
  
  .table-agenda thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
.table-agenda tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .table-agenda td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .9em;
    text-align: left;

  }
	
	.table-agenda tr td:first-child {
  width: 100%;
		font-weight: bold;
}
.table-agenda tr td:nth-child(2) {
  width: 100%;
}
  
 .table-agenda td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .table-agenda td:last-child {
    border-bottom: 0;
  }
}




.tab {
  float: left;

  background-color: #ebebeb;
  width: 100%;
  height: auto;
}
@media (max-width: 991px)
{
.tab {
  float: none;
  width: 100%;

}
}

/* Style the buttons inside the tab */
.tab button {
  display: inline-block;
  background-color: inherit;
  color: #000;
  padding: 12px 16px;
	border: none;
  border-bottom: 3px solid #DA291C;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
	margin-top: 2px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #FF6700;
}

/* Create an active/current "tab button" class */
.tab button.active {
  background-color:red;
	color:#fff;
}

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 30px;
  width: 100%;
  border-left: none;
  height: auto;
}

@media (max-width: 991px)
{
.tab button { display: block; width: 100%}
.tabcontent {
  float: none;
  padding: 15px;
  width: 100%;
  border-left: none;
  height: auto;
}	
.tabcontent h3 { font-size: 30px	}
}



.tab1 {
  float: left;

  background-color: #ebebeb;
  width: 100%;
  height: auto;
}
@media (max-width: 991px)
{
.tab1 {
  float: none;
  width: 100%;

}
}

/* Style the buttons inside the tab */
.tab1 button {
  display: inline-block;
  background-color: inherit;
  color: #000;
  padding: 12px 16px;
	border: none;
  border-bottom: 3px solid #DA291C;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 18px;
	margin-top: 2px;
}

/* Change background color of buttons on hover */
.tab1 button:hover {
  background-color: #FF6700;
}

/* Create an active/current "tab button" class */
.tab1 button.active {
  background-color:red;
	color:#fff;
}

/* Style the tab content */
.tabcontent1 {
  float: left;
  padding: 30px;
  width: 100%;
  border-left: none;
  height: auto;
}

@media (max-width: 991px)
{
.tab1 button { display: block; width: 100%}
.tabcontent1 {
  float: none;
  padding: 15px;
  width: 100%;
  border-left: none;
  height: auto;
}	
	.tabcontent1 h3 { font-size: 30px	}
}



.grey-bg {background: #ebebeb; padding: 20px; border: solid 1px #cccccc; border-radius: 15px }

 .custom-sponsor-5 {display: flex; flex-flow: row wrap;}
    .custom-sponsor-5 .sponsor-el {align-items: center; display: flex; flex: 0 0 20%; justify-content: center; margin: 38px 0; padding: 0 30px;}


    @media (max-width: 1199px) {
        .custom-sponsor-5 .sponsor-el {flex: 0 0 33%;}
    }


 .custom-sponsor-6 {display: flex; flex-flow: row wrap;}
    .custom-sponsor-6 .sponsor-el {align-items: center; display: flex; flex: 0 0 16.66%; justify-content: center; margin: 38px 0; padding: 0 30px;}


    @media (max-width: 1199px) {
        .custom-sponsor-6 .sponsor-el {flex: 0 0 33%;}
    }

.btn1 {padding: 13px 23px; background: #db3328; color: #fff; border-radius: 50px; }
    @media (max-width: 1399px) {
	.btn1 {padding: 10px 16px; background: #db3328; color: #fff; border-radius: 50px; font-size: 13px }	
}
h3.subheader1 {
    color: var(--Red, #DA291C);
    font-family: 'Inter';
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;

}
.subheader2 {font-size: 28px}
    @media (max-width: 768px) {
		h3.subheader1 { font-size: 20px;}
		.subheader2 {font-size: 18px}
}
.line01 {width: 100px; height: 5px; background:var(--Red, #DA291C); margin-bottom: 20px }
.anchor1 {position: absolute; margin-top: -50px }

.speaker-box {display: inline-block; width:18.2%; vertical-align: text-top; background: #fff; border-radius: 10px; margin: 10px 0.6%; text-align: center; padding: 10px; height: 380px; }
.speaker-img {background: #ececec; width: 180px; height: 180px; border-radius: 50%; overflow: hidden; display: inline-block}
.speaker-name { color: var(--Red, #DA291C); margin-top: 10px; font-family: 'Inter';}
.speaker-title { font-size: 14px; color: #000; margin-top: 5px; font-family: 'Inter';}
    @media (max-width: 1280px) {
	.speaker-box { width:23.2%; margin: 10px 0.6%; padding: 10px; height: 380px; }	
}
    @media (max-width: 980px) {
	.speaker-box { width:31.2%; margin: 10px 0.6%; padding: 10px; height: 380px; }	
}
    @media (max-width: 768px) {
	.speaker-box { width:47.2%; margin: 10px 0.6%; padding: 10px; height: 380px; }	
}
    @media (max-width: 580px) {
	.speaker-box { width:100%; margin: 10px 0.6%; padding: 10px; height: 380px; }	
}



.logo-sponsor  {height: 95px; display: inline-block; margin: 20px}
@media (max-width: 768px) {
	.logo-sponsor  {height: 70px; display: inline-block; margin: 15px}
}
@media (max-width: 580px) {
	.logo-sponsor  {height: 55px; display: inline-block; margin: 10px}
}


.popup { font-size: 0.95em; background-color:#FFF; padding: 35px; width: 800px; max-height: 80vh; display: none; position: fixed; z-index: 999999; overflow-y: auto; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1);top:15vh;left: 50%; margin-left: -400px; text-align:justify; border-radius: 8px; text-align: left}
.popup p {font-size: 1.05em; line-height: 24px; text-align: left}
.popclose {width: 22px;height: 22px;position: absolute;margin-left: 91.5%;margin-top: -25px; z-index: 9999999; background-color: #fff; border-radius: 22px; color: red }
.popclose i {color: red}
@media (max-width: 991px) {
	
.popup { font-size: 0.9em; background-color:#FFF; padding: 20px; width: 80%; max-height: 70vh; display: none; position: fixed; z-index: 999999; overflow-y: scroll; box-shadow:0px 0px 5px 5px rgba(0, 0, 0, 0.1);top: 20%;left: 10%;margin-left:0; text-align:left;}	
	
.popclose {margin-left: 90.5%;margin-top: -15px; }	
	
}

@media (max-width: 680px) {
	
.popup { font-size: 0.9em; background-color:#FFF; padding: 40px 10px; width: 96%; max-height: 80vh; left:2%}	
.popclose {margin-left: 89.0%;margin-top: -15px; }	
}



.pop-height {height: auto; max-height: 70vh; }
.social-media-links {margin-top: -50px;}
@media (max-width: 980px) {
.social-media-links {margin-top: 0px; text-align: center}	
}
.social-media-links ul li a:after {
    content: '';
	 color: #fff;}

.logo1 {display: block}
.logo2 {display: none}
@media (max-width: 980px) {
.logo1 {display: none}
.logo2 {display: block}	
}
.mobile-logo-img {display: none}
@media (max-width: 991px) {
.mobile-logo-img {display: block}
}
.form-info1 {text-align: left; font-weight: bold}
.form-info2 {text-align: left; }
.showbtn {display: none}
@media (max-width: 991px) {
.showbtn {display: inline-block}	
}

a:hover {text-decoration: none}
ol.list01, ol.list01 li {list-style: decimal; line-height: 30px;}
ol.list01 li {padding-left: 10px; margin-left: 20px; margin-top:10px}
ol.list03, ol.list03 li {list-style: decimal; margin-top: 0px }
ol.list03 li {padding-left: 10px; margin-left: 20px; margin-top:0px; font-size: 12px;line-height: 18px;}
.pop-photo {max-height: 200px; float: right; padding: 5px; border: thin solid #999; margin-bottom: 0px}
.icon01 {height: 120px; width: auto}
@media (max-width: 768px) {
	.pop-photo {max-height: 200px; float: none; padding: 5px;  margin-bottom: 10px}
	.icon01 {height: 80px; width: auto; margin-bottom: 10px}
}
ul.list02, ul.list02 li {list-style: disc; line-height: 24px;font-size: 18px}
ul.list02 li { margin-left: 15px; margin-bottom: 10px}
.popup ul.list02, .popup ul.list02 li {line-height: 22px;font-size: 1.05em}
.popup ul.list02 li { margin-left: 15px; margin-bottom: 5px}
.box-prog {width: 42%; margin:20px 3%; display: inline-block; vertical-align: text-top; text-align: center}
.box-brochure {width: 20%; margin:20px 3%; display: inline-block; vertical-align: text-top; text-align: center}
.brochure-name {font-size: 22px; font-weight: bold; text-align: center; margin-top: 5px; color: red}
.brochure-desc {font-size: 16px;  text-align: center; margin-top: 3px; }
.br01 {display: none}
@media (max-width: 580px) {
	.box-prog {width: 91%; margin:20px 3%; display: inline-block}
	.box-brochure {width: 47%; margin:20px 1%; display: inline-block}
	.brochure-name {font-size: 17px; font-weight: bold; text-align: center; margin-top: 3px; color: red}
.brochure-desc {font-size: 13px;  text-align: center; margin-top: 2px; }
	.br01 {display: block}
}
   .rating {
          width: 220px;
          unicode-bidi: bidi-override;
          direction: rtl;
          text-align: center;
          position: relative;
      }

      .rating > label {
          float: right;
          display: inline;
          padding: 0;
          margin: 0;
          position: relative;
          width: 1.1em;
          cursor: pointer;
          color: #000;
		  font-size: 40px;
      }

      .rating > label:hover,
      .rating > label:hover ~ label,
      .rating > input.radio-btn:checked ~ label {
          color: transparent;
      }

      .rating > label:hover:before,
      .rating > label:hover ~ label:before,
      .rating > input.radio-btn:checked ~ label:before,
      .rating > input.radio-btn:checked ~ label:before {
          content: "\2605";
          position: absolute;
          left: 0;
          color: #FFD700;
      }
.formerror {font-size:15px; color:red; margin-top: 0px; font-weight: bold}
.form-col {margin-left:25px}
textarea
{
  width:100%;
}