body {font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#252525; }
h1 {text-transform:uppercase; text-align:center; font-size:27px; font-weight:600; margin-bottom:1.5rem;}
h2 {font-size:27px; font-weight:500; color:#182d8b; margin-bottom:1.25rem;}
h3 {font-size:18px; font-weight:600; text-transform:uppercase; color:#fff; margin-bottom:1.25rem;}

.menu_ls {display:block;}
.menu_ss {display:none;}

/** Row Equal Heights **/
.row.equal-cols {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row.equal-cols:before, .row.equal-cols:after {display: block;}
.row.equal-cols > [class*='col-'] {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.row.equal-cols > [class*='col-'] > * {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}

/** Header **/
.header_sec {padding:9px 0;}
.location {float:right; text-align:right; font-size:22px; font-weight:600; text-transform:uppercase; color:#933e63; padding:12px 0; margin-top:30px; border-top:#fcd500 3px solid; border-bottom:#fcd500 3px solid;}

.navbar_top {background:#202c63; color:#fff; padding:15px 0;}
.navbar_top ul {margin:0 auto; padding:0; width:fit-content}
.navbar_top ul li {margin:0; padding:0 18px; float:left; list-style:none; font-weight:500;}
.navbar_top ul li a {color:#fff; text-decoration:none;}
.navbar_top ul li a:hover {color:#fbe101; text-decoration:none;}

/** Home Page **/
.home_white {padding:60px 0; background:#fff;}
.sub_white {padding:60px 0 35px 0; background:#fff;}
.home_white p, .sub_white p {text-align:justify;}
.yellow_brd {border-left:#fcd500 7px solid; padding:0 0 0 15px;}

.home_blue {padding:60px 0; background:#202c63; color:#fff;}
.home_blue h1 {color:#fff;}

.home_grey {padding:60px 0; background:#e2e5e8;}
.home_grey h1 {color:#202c63;}
.speaker_block {background:#fff; padding:24px 24px 18px 24px; text-align:center;}
.speaker_block p {margin:12px 0 0 0;}

.sponsor_block {text-align:center;}

/** Footer **/
.footer {padding:45px 0 30px 0; background:#040b28; color:#fff;}
.footer a {color:#fff; text-decoration:underline;}
.footer a:hover {color:#fff; text-decoration:none;}
.footer ul {margin:0; padding:0; float:left; width:33%;}
.footer ul li {list-style:none; margin:0; padding:0 0 9px 0;}
.copyright {color:#acacac; border-top:#505569 1px solid; margin-top:30px; padding-top:18px; text-align:center;}

/** Slide in Nav **/
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; text-align:center;}
.sidenav a {padding: 12px; text-decoration: none; color: #fff; display: block; transition: 0.3s;}
.sidenav a:hover{color: #2d54ff;}
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px;}

/** Sub Pages **/
.sub_banner {background:url(../images/banner_subpage.jpg) center center no-repeat; padding:45px 0; text-align:center; font-size:33px; font-weight:600; text-transform:uppercase; color:#071348;}
.spons_block {padding:30px; text-align:center; margin-bottom:1.5rem;}
.spons_title {color:#182d8b; font-size:25px; font-weight:500; margin-top:9px; line-height:1;}
.spons_title span {color:#252525; font-size:15px;}
.spons_block ul {margin:0; padding:18px 0; border-top:#b5b5b5 1px solid; border-bottom:#b5b5b5 1px solid;}
.spons_block ul li {list-style:none; text-align:left; background:url(../images/icon_tick.png) left 5px no-repeat; padding:0 0 15px 21px;}
.spons_diamond {background:#ccf7f7;}
.spons_gold {background:#fef7a5;}
.spons_grey {background:#ececec;}
.price_tag {color:#ff6000; text-align:center; margin:15px 0 0 0; font-size:30px;}
.fee_table {margin-bottom:1rem;}
.sponsor_title {font-size:24px; margin-bottom:24px;}
.donate_block {text-align:right;}
.bt_donate {width:fit-content; padding:12px 21px; margin:0; background:#ff4800; border:#ff4800 2px solid; color: #fff; text-align: center;  text-decoration: none;  display: inline-block; transition-duration: 0.4s;  cursor: pointer; font-weight:500; text-transform:uppercase;}
.bt_donate:hover {background:#202c63; color:#fff;  border:#202c63 2px solid; font-weight:700; }

/** Registration **/
.reg_form {margin-bottom:18px; padding:0;}
.reg_form .inp_reg {width:100%; background:#fff; padding:6px 9px; border:#aeaeae 1px solid;}
.custom-file-label {border:#aeaeae 1px solid !important;}

.bt_register {width:fit-content; padding:12px 21px; margin:0; background:#b81047; border:#b81047 2px solid; color: #fff; text-align: center;  text-decoration: none;  display: inline-block; transition-duration: 0.4s;  cursor: pointer; font-weight:500; text-transform:uppercase;}
.bt_register:hover {background:#202c63; color:#fff;  border:#202c63 2px solid; font-weight:700; }

/** Accordion Menu **/
.card-header {background: #343a40 !important;}
.accord_menu {color:#fff !important; font-weight:600 !important; text-transform:uppercase;}
.tab_head {background:#e3e5e8 !important; border-color: #cdd1d6 !important; color:#000 !important;}
.table-responsive {display:table !important;}
.orange_box {color:#F30; font-weight:500;}
.black_box {width:40%; float:left;} 
.yellow_box {background:#fffb8e;}
.blue_box {background:#73fed8; }
.grey_box {background:#ececec;}
.rt_td_block {overflow:hidden;}

/** Organaiser **/
.org_block {background:#ececec; padding:24px 24px 18px 24px; text-align:center; margin-bottom:27px;}
.org_block p {margin:12px 0 0 0; text-align:center;}
.hide_org {display:block;}


@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

@media (min-width:992px) and (max-width:1199px) {
.navbar_top ul li {padding: 0 6px; font-size: 14px;}	
}
@media (min-width:1200px) and (max-width:1410px) {
.navbar_top ul li {padding: 0 12px;}	
}
@media (max-width:991px) {
.menu_ls {display:none;}
.menu_ss {display:block;}
.table-responsive {display:block !important;}
.black_box {width:100%; margin-top:12px;}
.hide_org {display:none !important;}
}
@media (max-width:767px) {
.footer_logo {margin-bottom:21px;}
.sponsor_block, .speaker_block {margin-bottom:15px;}	
.footer ul {width:50%;}
.logo_head img {width:240px;}
.sponsor_title, .donate_block {text-align:center; margin-bottom:15px;}
}
@media (max-width:575px) {	
.location {float:none; text-align:center; margin-top: 12px;}
.logo_head {text-align:center;}
}
@media (max-width:420px) {	
.footer ul {width:100%;}
}
@media (max-width:991px) {
.rt_td_block {overflow: inherit;}
}

/******************************************************
********* Day 2 - Responsive Table ********
*******************************************************/
.day2 table { width: 100%; border-collapse: collapse; }
/* Zebra striping */
.day2 table tr:nth-of-type(odd) {background: #eee;}
.day2 table th { background: #fff;  font-weight: bold; }
.day2 table td, .day2 table th { padding: 6px; border: 1px solid #ccc; text-align: left; }
/*******************
screen smaller than 760px and also iPads specifically
*******************/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
.day2 table, .day2 table thead, .day2 table tbody, .day2 table th, .day2 table td, .day2 table tr { display: block; }

/* Hide table headers (but not display: none;, for accessibility) */
.day2 table thead tr { position: absolute; top: -9999px; left: -9999px;}
.day2 table tr { border: 1px solid #ccc; }
.day2 table td { /* Behave  like a "row" */	border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
.day2 table td:before { position: absolute;	top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
	
/*Label the data*/
.day2 table td:nth-of-type(1):before { content: "Ballroom"; }
.day2 table td:nth-of-type(2):before { content: "Breakout Room 1"; }
.day2 table td:nth-of-type(3):before { content: "Breakout Room 2"; }
}

/******************************************************
********* Day 3 - Responsive Table ********
*******************************************************/
.day3 table { width: 100%; border-collapse: collapse; }
/* Zebra striping */
.day3 table tr:nth-of-type(odd) {background: #eee;}
.day3 table th { background: #fff;  font-weight: bold; }
.day3 table td, .day3 table th { padding: 6px; border: 1px solid #ccc; text-align: left; }
/*******************
screen smaller than 760px and also iPads specifically
*******************/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
.day3 table, .day3 table thead, .day3 table tbody, .day3 table th, .day3 table td, .day3 table tr { display: block; }

/* Hide table headers (but not display: none;, for accessibility) */
.day3 table thead tr { position: absolute; top: -9999px; left: -9999px;}
.day3 table tr { border: 1px solid #ccc; }
.day3 table td { /* Behave  like a "row" */	border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
.day3 table td:before { position: absolute;	top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
	
/*Label the data*/
.day3 table td:nth-of-type(1):before { content: "Ballroom"; }
.day3 table td:nth-of-type(2):before { content: "Breakout Room 1"; }
.day3 table td:nth-of-type(3):before { content: "Breakout Room 2"; }
}

/******************************************************
********* Day 4 - Responsive Table ********
*******************************************************/
.day4 table { width: 100%; border-collapse: collapse; }
/* Zebra striping */
.day4 table tr:nth-of-type(odd) {background: #eee;}
.day4 table th { background: #fff;  font-weight: bold; }
.day4 table td, .day4 table th { padding: 6px; border: 1px solid #ccc; text-align: left; }
/*******************
screen smaller than 760px and also iPads specifically
*******************/
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px)  {

/* Force table to not be like tables anymore */
.day4 table, .day4 table thead, .day4 table tbody, .day4 table th, .day4 table td, .day4 table tr { display: block; }

/* Hide table headers (but not display: none;, for accessibility) */
.day4 table thead tr { position: absolute; top: -9999px; left: -9999px;}
.day4 table tr { border: 1px solid #ccc; }
.day4 table td { /* Behave  like a "row" */	border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; }
.day4 table td:before { position: absolute;	top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap;}
	
/*Label the data*/
.day4 table td:nth-of-type(1):before { content: "Ballroom"; }
}

/**************************/
.regis_list {margin:0; padding:0;}
.regis_list li {background:url(../images/icon_tick.png) left 3px no-repeat; padding:0 0 9px 21px; margin:0; list-style:none;}


/*************************************************************
**************************** Hand on Workshop ****************
**************************************************************/
.plans {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.plans .plan input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.plans .plan {
  cursor: pointer;
  width: 100%;
}

.plans .plan .plan-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #e1e2e7;
  border-radius: 10px;
  -webkit-transition: -webkit-box-shadow 0.4s;
  transition: -webkit-box-shadow 0.4s;
  -o-transition: box-shadow 0.4s;
  transition: box-shadow 0.4s;
  transition: box-shadow 0.4s, -webkit-box-shadow 0.4s;
  position: relative;
}

.plans .plan .plan-content img {
  margin-right: 30px;
  height: 72px;
}

.plans .plan .plan-details span {
  margin: 9px 0;
  display: block;
  font-size: 21px; font-weight:600;
  line-height: 24px;
  color: #202c63;
}

.container .title {
  font-size: 16px;
  font-weight: 500;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  color: #252f42;
  margin-bottom: 20px;
}

.plans .plan .plan-details p {
  color: #646a79;
  font-size: 18px; padding-top:6px; text-align:left;
}

.plans .plan .plan-content:hover {
  -webkit-box-shadow: 0px 3px 5px 0px #e8e8e8;
  box-shadow: 0px 3px 5px 0px #e8e8e8;
}

.plans .plan input[type="radio"]:checked + .plan-content:after {
  content: "";
  position: absolute;
  height: 8px;
  width: 8px;
  background: #216fe0;
  right: 20px;
  top: 20px;
  border-radius: 100%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 2px #0066ff;
  box-shadow: 0px 0px 0px 2px #0066ff;
}

.plans .plan input[type="radio"]:checked + .plan-content {
  border: 2px solid #216ee0;
  background: #eaf1fe;
  -webkit-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

@media screen and (max-width: 991px) {
  .plans {
    margin: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0;
  }

  .plans .plan {
    width: 100%;
  }

  .plan.complete-plan {
    margin-top: 20px;
  }

  .plans .plan .plan-content .plan-details {
    width: 70%;
    display: inline-block;
  }

  .plans .plan input[type="radio"]:checked + .plan-content:after {
    top: 45%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

@media screen and (max-width: 767px) {
  .plans .plan .plan-content .plan-details {
    width: 60%;
    display: inline-block;
  }
}

@media screen and (max-width: 540px) {
  .plans .plan .plan-content img {
    margin-bottom: 20px;
    height: 56px;
    -webkit-transition: height 0.4s;
    -o-transition: height 0.4s;
    transition: height 0.4s;
  }

  .plans .plan input[type="radio"]:checked + .plan-content:after {
    top: 20px;
    right: 10px;
  }

  .plans .plan .plan-content .plan-details {
    width: 100%;
  }

  .plans .plan .plan-content {
    padding: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
}

/* inspiration */
.inspiration {
  font-size: 12px;
  margin-top: 50px;
  position: absolute;
  bottom: 10px;
  font-weight: 300;
}

.inspiration a {
  color: #666;
}
@media screen and (max-width: 767px) {

  /* inspiration */
  .inspiration {
    display: none;
  }
}


/** Blinking Text **/
.blink-hard {animation: blinker 1s step-end infinite;}
.blink-soft {
    animation: blinker 1.5s linear infinite;
    background: #fff;
    color: #182d8b;
    padding: 6px 15px;
    font-size: 30px;
    font-weight: 600;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
    width: fit-content;
}
.blink-soft a {color:#fff;}
@keyframes blinker {50% {opacity: 0.3;}}

.other_sponsor {width:85%; margin-bottom:30px;}

.table {
    border-collapse: collapse;
    width: 90%;
    border: 1px solid #ccc;
    left: 40%;
}
a.disabled{
	 pointer-events: none;
  cursor: default;
}
.blue{
	color:#007bff;
}
.tag{
	font-size: 20px;
    font-weight: 500;
    color:#007bff;
    margin-bottom: 1.25rem;
}
.added{
	font-size: 27px;
    font-weight: 500;
    color: #182d8b;
    
}