html, body {
				margin: 0;
				padding: 0;
				font-family: "Montserrat", sans-serif;
				overflow-x: hidden;
}

div {
				box-sizing: border-box;
}

a {
				text-decoration: none;
				color: inherit;
}

.hidden {
				display: none;
}

.header {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 100;
				background: rgba(255, 255, 255, 0.9);
				backdrop-filter: blur(10px);
}
@media (min-width: 840px) {
				.header {
								padding-left: 32px;
								padding-right: 32px;
				}
}
@media (max-width: 840px) {
				.header {
								padding-left: 16px;
								padding-right: 16px;
				}
}
.header .nav {
				margin: auto;
				max-width: 1200px;
				display: flex;
				flex-direction: row;
				justify-items: space-between;
				align-items: center;
				font-size: 13px;
				font-weight: 600;
}
@media (min-width: 840px) {
				.header .nav {
								height: 90px;
				}
}
@media (max-width: 840px) {
				.header .nav {
								height: 60px;
				}
}
.header .nav .logo {
				flex: 1 0 auto;
}
.header .nav .logo img {
				margin-top: 4px;
}
@media (min-width: 840px) {
				.header .nav .logo img {
								width: 230px;
				}
}
@media (max-width: 840px) {
				.header .nav .logo img {
								width: 180px;
				}
}
@media (min-width: 840px) {
				.header .nav .menu {
								flex: 1 0 auto;
								display: flex;
								flex-direction: row;
								justify-content: space-evenly;
								align-items: center;
								color: black;
				}
				.header .nav .menu a {
								display: block;
								padding: 36px 6px;
								border-bottom: 3px solid transparent;
				}
				.header .nav .menu a:hover {
								border-bottom: 3px solid black;
				}
				.header .nav .register {
								flex: 0 0 auto;
				}
				.header .nav .register a {
								background: black;
								padding: 5px 10px;
								color: white;
				}
				.header .nav .mobile-menu {
								display: none;
				}
}
@media (max-width: 840px) {
				.header .nav .menu {
								display: none;
				}
				.header .nav .register {
								display: none;
				}
				.header .nav .mobile-menu {
								flex: 0 0 auto;
								display: block;
				}
				.header .nav .mobile-menu .menu-icon {
								display: block;
								padding: 4px 4px;
								font-size: 16px;
								color: #fc5144;
				}
}

.menu-content {
				position: fixed;
				z-index: 200;
				top: 60px;
				right: 0;
				padding: 30px 20px 10px 20px;
				height: auto;
				border-radius: 0 0 0 14px;
				width: 150px;
				z-index: 100;
				background: rgba(255, 255, 255, 0.6);
				-webkit-backdrop-filter: blur(5px);
				backdrop-filter: blur(8px);
}
.menu-content a {
				display: block;
				font-size: 16px;
				margin-bottom: 32px;
				text-align: right;
				font-weight: 600;
				color: #4b4b4b;
}

img.circle_profile {
				border-radius: 50%;
}

.section {
				width: 100%;
				box-sizing: border-box;
}
@media (min-width: 840px) {
				.section {
								padding: 0 32px;
				}
}
@media (max-width: 840px) {
				.section {
								padding: 0 12px;
				}
}
.section .content {
				width: 100%;
				max-width: 1200px;
				margin: auto;
}

.poster {
				background: #fff;
				display: flex;
}
@media (min-width: 840px) {
				.poster {
								height: 100vh;
								background-image: url("images/bg-large.jpg");
								background-attachment: fixed;
								background-position: center center;
								background-repeat: no-repeat;
								background-size: cover;
				}
}
@media (max-width: 840px) {
				.poster {
								height: 100vh;
								background-image: url("images/bg-large.jpg");
								background-attachment: scroll;
								background-position: 30% 70%;
								background-repeat: no-repeat;
								background-size: cover;
				}
}
.poster .content {
				position: relative;
				height: 100%;
}
.poster .content .title {
				position: absolute;
				top: 150px;
				left: 0;
				font-family: "Helvetica Bold", sans-serif;
				font-weight: 700;
				color: #fff;
				text-transform: uppercase;
}
@media (min-width: 840px) {
				.poster .content .title {
								font-size: 140px;
				}
}
@media (max-width: 840px) {
				.poster .content .title {
								font-size: 60px;
				}
}
.poster .content .title .year {
				font-weight: 500;
}
.poster .content .sponsors {
				position: absolute;
				display: flex;
				flex-direction: row;
				align-items: center;
}
@media (min-width: 840px) {
				.poster .content .sponsors {
								top: 150px;
								right: 0px;
				}
}
@media (max-width: 840px) {
				.poster .content .sponsors {
								bottom: 25px;
								right: 0px;
				}
}
.poster .content .sponsors img {
				display: inline-block;
				margin-left: 20px;
}
@media (min-width: 840px) {
				.poster .content .sponsors img {
								width: 700px;
				}
}
@media (max-width: 840px) {
				.poster .content .sponsors img {
								width: 90%;
				}
}
.poster .content .details {
				font-family: "Roboto", sans-serif;
				position: absolute;
				text-align: right;
				bottom: 120px;
				right: 0px;
				margin-top: 40px;
				color: #fff;
}
@media (min-width: 840px) {
				.poster .content .details {
								font-size: 32px;
				}
}
@media (max-width: 840px) {
				.poster .content .details {
								font-size: 18px;
				}
}
.poster .content .details .date {
				font-size: 1.5em;
				font-weight: 300;
}
.poster .content .details .time {
				font-size: 1.2em;
				font-weight: 300;
}
.poster .content .details .location {
				margin-top: 24px;
				font-size: 1.2em;
				font-weight: 300;
}

.about {
				min-height: 100vh;
				display: flex;
				flex-direction: column;
				justify-content: center;
}
@media (max-width: 840px) {
				.about .content {
								padding: 100px 20px;
				}
}
@media (min-width: 840px) {
				.about .content {
								padding: 240px 20px;
				}
}
.about .content .title {
				font-weight: 700;
				font-size: 48px;
				color: #000;
}
@media (max-width: 840px) {
				.about .content .two-column .first-column p {
								font-family: "Roboto", sans-serif;
								font-weight: 300;
								font-size: 13px;
								line-height: 1.5em;
				}
				.about .content .two-column .second-column {
								margin-top: 48px;
				}
				.about .content .two-column .second-column img {
								width: 300px;
				}
}
@media (min-width: 840px) {
				.about .content .two-column {
								display: flex;
								flex-direction: row;
								align-items: flex-start;
				}
				.about .content .two-column .first-column {
								flex: 1 1 50%;
				}
				.about .content .two-column .first-column p {
								font-family: "Roboto", sans-serif;
								font-weight: 300;
								font-size: 16px;
								line-height: 1.5em;
				}
				.about .content .two-column .second-column {
								flex: 1 1 50%;
								display: flex;
								justify-content: center;
								align-items: center;
				}
				.about .content .two-column .second-column img {
								margin-top: 20px;
								width: 300px;
				}
}

.keynote {
				min-height: 100vh;
				display: flex;
				flex-direction: column;
				justify-content: center;
}
@media (min-width: 840px) {
				.keynote {
								height: 100vh;
								background-image: url("images/bg-large.jpg");
								background-attachment: fixed;
								background-position: 30% 70%;
								background-repeat: no-repeat;
								background-size: cover;
				}
}
@media (max-width: 840px) {
				.keynote {
								height: 100vh;
								background-image: url("images/bg-large.jpg");
								background-attachment: scroll;
								background-position: 30% 70%;
								background-repeat: no-repeat;
								background-size: cover;
				}
}
.keynote .content {
				width: 100vw;
				max-width: 1200px;
				padding: 0 20px;
}
@media (max-width: 840px) {
				.keynote .content {
								padding: 80px 20px;
				}
}
@media (min-width: 840px) {
				.keynote .content {
								padding: 240px 20px;
				}
}
.keynote .content .title {
				font-weight: 700;
				font-size: 48px;
				color: white;
}
@media (min-width: 840px) {
				.keynote .content .speaker_info {
								margin-top: 60px;
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: center;
				}
				.keynote .content .speaker_info .circle_profile {
								flex: 0 0 300px;
								width: 300px;
				}
				.keynote .content .speaker_info .speaker {
								flex: 1 1 auto;
								padding-left: 60px;
								color: white;
				}
				.keynote .content .speaker_info .speaker .name {
								font-weight: 500;
								font-size: 42px;
				}
				.keynote .content .speaker_info .speaker .affiliation {
								font-size: 26px;
								font-weight: 500;
				}
				.keynote .content .speaker_info .speaker .abstract {
								margin-top: 24px;
								font-size: 20px;
								font-weight: 400;
				}
}
@media (max-width: 840px) {
				.keynote .content .speaker_info {
								margin-top: 60px;
								display: flex;
								flex-direction: column;
								align-items: center;
				}
				.keynote .content .speaker_info .circle_profile {
								flex: 0 0 200px;
								width: 200px;
								margin-bottom: 30px;
				}
				.keynote .content .speaker_info .speaker {
								flex: 1 1 auto;
								color: white;
				}
				.keynote .content .speaker_info .speaker .name {
								font-weight: 500;
								font-size: 30px;
				}
				.keynote .content .speaker_info .speaker .affiliation {
								font-size: 18px;
								font-weight: 500;
				}
				.keynote .content .speaker_info .speaker .abstract {
								margin-top: 24px;
								font-size: 14px;
								font-weight: 400;
				}
}

.panelists .session {
				width: 100%;
				max-width: 1200px;
				margin: auto;
				box-sizing: border-box;
}
@media (min-width: 840px) {
				.panelists .session:first-of-type {
								padding: 240px 20px;
				}
}
@media (max-width: 840px) {
				.panelists .session:first-of-type {
								padding: 80px 5px;
				}
}
@media (min-width: 840px) {
				.panelists .session {
								padding: 0px 20px;
				}
}
@media (max-width: 840px) {
				.panelists .session {
								padding: 0px 5px;
				}
}
.panelists .session .sessionTitle {
				font-weight: 700;
				font-size: 48px;
				color: #000;
}
.panelists .session .location {
				margin-bottom: 120px;
}
.panelists .session .location .locationInfo {
				font-weight: 300;
				color: black;
}
@media (min-width: 840px) {
				.panelists .session .location .locationInfo {
								font-size: 28px;
				}
}
@media (max-width: 840px) {
				.panelists .session .location .locationInfo {
								font-size: 20px;
				}
}
.panelists .session table.talk {
				margin: 0;
				padding: 0;
				margin-top: 56px;
}
@media (min-width: 840px) {
				.panelists .session table.talk td.gap {
								width: 30px;
								border-bottom: none;
				}
}
@media (max-width: 840px) {
				.panelists .session table.talk td.gap {
								width: 10px;
								border-bottom: none;
				}
}
.panelists .session table.talk thead tr th {
				font-size: 24px;
				font-weight: 700;
				border-bottom: 1px solid black;
				text-align: left;
				padding-bottom: 8px;
				vertical-align: bottom;
}
@media (min-width: 840px) {
				.panelists .session table.talk thead tr th {
								width: 300px;
				}
}
@media (max-width: 840px) {
				.panelists .session table.talk thead tr th {
								width: 30vw;
				}
}
.panelists .session table.talk thead tr td {
				font-weight: 700;
				border-bottom: 1px solid black;
				padding-bottom: 8px;
}
@media (min-width: 840px) {
				.panelists .session table.talk thead tr td {
								font-size: 24px;
				}
}
@media (max-width: 840px) {
				.panelists .session table.talk thead tr td {
								font-size: 18px;
				}
}
.panelists .session table.talk tbody tr th {
				padding-top: 8px;
				text-align: left;
				font-weight: 700;
				vertical-align: top;
}
@media (min-width: 840px) {
				.panelists .session table.talk tbody tr th {
								font-size: 24px;
				}
}
@media (max-width: 840px) {
				.panelists .session table.talk tbody tr th {
								font-size: 14px;
				}
}
.panelists .session table.talk tbody tr th.presenter {
				text-transform: uppercase;
}
.panelists .session table.talk tbody tr th.presenter img.circle_profile {
				display: block;
				margin-top: 24px;
}
@media (min-width: 840px) {
				.panelists .session table.talk tbody tr th.presenter img.circle_profile {
								width: 180px;
				}
}
@media (max-width: 840px) {
				.panelists .session table.talk tbody tr th.presenter img.circle_profile {
								width: 80px;
				}
}
.panelists .session table.talk tbody tr td {
				vertical-align: top;
				padding-top: 8px;
				font-family: "Roboto";
				line-height: 1.5em;
}
@media (min-width: 840px) {
				.panelists .session table.talk tbody tr td {
								font-size: 15px;
				}
}
@media (max-width: 840px) {
				.panelists .session table.talk tbody tr td {
								font-size: 13px;
				}
}
.panelists .session table.talk tbody tr td .bio {
				font-weight: 500;
}
.panelists .session table.talk tbody tr td .abstract {
				margin-top: 24px;
				font-weight: 300;
}

@media (min-width: 840px) {
				.organizers .content {
								padding: 240px 20px 50px;
				}
}
@media (max-width: 840px) {
				.organizers .content {
								padding: 100px 20px 50px;
				}
}
.organizers .content .title {
				font-weight: 700;
				font-size: 48px;
				color: #000;
}
.organizers .content .committee {
				margin-bottom: 50px;
}
.organizers .content .committee .committeeTitle {
				font-weight: 300;
				color: black;
}
@media (min-width: 840px) {
				.organizers .content .committee .committeeTitle {
								font-size: 28px;
				}
}
@media (max-width: 840px) {
				.organizers .content .committee .committeeTitle {
								font-size: 20px;
				}
}
.organizers .content .committee .members {
				display: flex;
				flex-direction: row;
				justify-content: center;
				flex-wrap: wrap;
				gap: 50px;
}
.organizers .content .committee .members .member {
				margin-top: 50px;
				margin-bottom: 50px;
}
@media (min-width: 840px) {
				.organizers .content .committee .members .member {
								flex: 0 0 500px;
				}
}
@media (max-width: 840px) {
				.organizers .content .committee .members .member {
								flex: 0 0 300px;
				}
}
.organizers .content .committee .members .member img {
				display: block;
				margin: auto;
}
@media (min-width: 840px) {
				.organizers .content .committee .members .member img {
								width: 180px;
				}
}
@media (max-width: 840px) {
				.organizers .content .committee .members .member img {
								width: 120px;
				}
}
.organizers .content .committee .members .member p {
				padding-top: 8px;
				font-family: "Roboto";
				line-height: 1.5em;
				font-size: 15px;
				font-weight: 300;
}
.organizers .content .committee .members_tight {
				display: flex;
				flex-direction: row;
				justify-content: center;
				flex-wrap: wrap;
				gap: 50px;
}
.organizers .content .committee .members_tight .member {
				flex: 0 0 300px;
				margin-top: 40px;
				margin-bottom: 20px;
				width: 300px;
}
.organizers .content .committee .members_tight .member img {
				display: block;
				width: 160px;
				margin: auto;
}
.organizers .content .committee .members_tight .member p {
				padding-top: 8px;
				font-family: "Roboto";
				line-height: 1.5em;
				font-size: 15px;
				font-weight: 300;
}

.schedule {
				min-height: 100vh;
				display: flex;
				flex-direction: column;
				justify-content: center;
				background: #f1f1f1;
}
.schedule .content {
				padding: 120px 20px;
}
.schedule .content .title {
				font-weight: 700;
				font-size: 48px;
				color: #000;
}
.schedule .content .timetable {
				margin-top: 40px;
				display: flex;
				flex-direction: row;
				justify-content: center;
}
.schedule .content .timetable table {
				width: 100%;
				box-sizing: border-box;
				border-collapse: collapse;
}
.schedule .content .timetable table td {
				padding: 16px;
				border-bottom: 1px solid #ddd;
}
.schedule .content .timetable table thead td {
				border-bottom: 1px solid #888;
				padding-bottom: 12px;
				font-family: "Roboto";
}
.schedule .content .timetable table tbody td.time {
				font-weight: 700;
}
@media (min-width: 840px) {
				.schedule .content .timetable table tbody td.time {
								font-size: 20px;
								width: 50px;
				}
}
@media (max-width: 840px) {
				.schedule .content .timetable table tbody td.time {
								font-size: 12px;
								width: auto;
				}
}
.schedule .content .timetable table tbody td.event {
				font-weight: 300;
}
@media (min-width: 840px) {
				.schedule .content .timetable table tbody td.event {
								font-size: 20px;
								width: 50%;
				}
}
@media (max-width: 840px) {
				.schedule .content .timetable table tbody td.event {
								font-size: 14px;
								width: auto;
				}
}
.schedule .content .timetable table tbody td.venue {
				font-weight: 300;
}
@media (min-width: 840px) {
				.schedule .content .timetable table tbody td.venue {
								width: 20%;
								font-size: 16px;
				}
}
@media (max-width: 840px) {
				.schedule .content .timetable table tbody td.venue {
								font-size: 12px;
				}
}

.venue {
				padding: 0;
}
.venue .venueItems .venueItem {
				position: relative;
				height: 400px;
				width: 100vw;
				background-size: contain;
				background-position: center;
				border: none;
}
.venue .venueItems .venueItem .bg {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				z-index: -1;
				filter: brightness(0.5);
				background-repeat: norepeat;
}
.venue .venueItems .venueItem.n4 .bg {
				background-image: url("images/n4.png");
}
.venue .venueItems .venueItem.n25 .bg {
				background-image: url("images/n25.png");
}
.venue .venueItems .venueItem .content {
				width: 100vw;
				max-width: 1200px;
				height: 100%;
				margin: auto;
				color: #fff;
				display: flex;
				flex-direction: column;
				justify-content: center;
}
.venue .venueItems .venueItem .content .title {
				font-weight: 700;
				font-size: 48px;
				z-index: 10;
				margin-left: 20px;
}
.venue .venueItems .venueItem .content .venueTitle {
				font-size: 24px;
				font-weight: 600;
				margin-top: 24px;
				margin-left: 60px;
				text-transform: uppercase;
}
.venue .venueItems .venueItem .content .venueLocation {
				font-size: 20px;
				font-weight: 300;
				margin-left: 60px;
}

.map {
				padding-left: 0 !important;
				padding-right: 0 !important;
}
.map iframe {
				width: 100vw;
				border: none;
}
@media (min-width: 840px) {
				.map iframe {
								height: 800px;
				}
}
@media (max-width: 840px) {
				.map iframe {
								height: 300px;
				}
}

.registration {
				height: 100vh;
				width: 100%;
				position: relative;
				display: flex;
				flex-direction: column;
				justify-content: center;
}
@media (min-width: 840px) {
				.registration {
								height: 100vh;
								background-image: url("images/bg-large.jpg");
								background-attachment: fixed;
								background-position: 30% 70%;
								background-repeat: no-repeat;
								background-size: cover;
				}
}
@media (max-width: 840px) {
				.registration {
								height: 100vh;
								background-image: url("images/bg-large.jpg");
								background-attachment: scroll;
								background-position: 30% 70%;
								background-repeat: no-repeat;
								background-size: cover;
				}
}
.registration .sponsors {
				position: absolute;
				top: 100px;
				left: 50%;
}
.registration .sponsors img {
				width: 700px;
				transform: translateX(-50%);
}
.registration .content {
				padding: 180px 20px;
}
.registration .content .title {
				font-weight: 700;
				font-size: 48px;
				text-transform: uppercase;
				color: white;
}
@media (min-width: 840px) {
				.registration .content .two-column {
								margin-top: 40px;
								display: flex;
								flex-direction: row;
				}
				.registration .content .two-column .eventInfo {
								flex: 1 1 50%;
								color: white;
				}
				.registration .content .two-column .eventInfo .eventSubtitle {
								font-family: "Roboto" sans-serif;
								font-size: 20px;
								font-weight: 300;
				}
				.registration .content .two-column .eventInfo .eventTitle {
								font-size: 28px;
								font-weight: 700;
								text-transform: uppercase;
				}
				.registration .content .two-column .eventInfo .eventDetail {
								margin-top: 18px;
								font-size: 18px;
								font-weight: 300;
								line-height: 2em;
								font-family: "Roboto", sans-serif;
				}
				.registration .content .two-column .registrationButton {
								flex: 1 1 50%;
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: center;
				}
				.registration .content .two-column .registrationButton a.register {
								background: white;
								color: black;
								padding: 16px 32px;
								margin-bottom: 16px;
								font-size: 20px;
								font-weight: 600;
								border: none;
				}
}
@media (max-width: 840px) {
				.registration .content .two-column {
								margin-top: 40px;
								display: flex;
								flex-direction: column;
				}
				.registration .content .two-column .eventInfo {
								flex: 1 1 50%;
								color: white;
				}
				.registration .content .two-column .eventInfo .eventSubtitle {
								font-family: "Roboto" sans-serif;
								font-size: 17px;
								font-weight: 300;
				}
				.registration .content .two-column .eventInfo .eventTitle {
								font-size: 24px;
								font-weight: 700;
								text-transform: uppercase;
				}
				.registration .content .two-column .eventInfo .eventDetail {
								margin-top: 18px;
								font-size: 15px;
								font-weight: 300;
								line-height: 2em;
								font-family: "Roboto", sans-serif;
				}
				.registration .content .two-column .registrationButton {
								flex: 1 1 50%;
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: center;
				}
				.registration .content .two-column .registrationButton a.register {
								background: black;
								color: white;
								padding: 16px 32px;
								margin-top: 32px;
								font-size: 15px;
								font-weight: 600;
								border: none;
				}
}

/*# sourceMappingURL=style.css.map */