@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');


* {box-sizing:border-box; outline:none}
html {/* height: 100%; */min-height: 100%;}
img {max-width:100%}
body {
	font-family: Inter;
	background: #000001;
	margin: 0;
	color: #fff;
	height: 100%;
	min-height: 100%;
	position: relative;
	--c-main:#7afbb5;
	--c-secondary:#7b71f9;
	--c-bgcolor-1: #8939b3;
	--c-bgcolor-2: #0c3a8d;
	--c-bgcolor-3: #2dc9ac;
	overflow-x: hidden;
}

.no-scroll {overflow: hidden;}
.page {width: 100%;margin: 0 auto;padding: 0;}
.page::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 700px; background: #242830; background: linear-gradient(80deg, rgba(36, 40, 48, 2) 0%, rgba(36, 40, 48, 0) 100%); transform-origin: 0; transform: skewY(-12deg); opacity: 0.5; mix-blend-mode: overlay; z-index: 100; display: none; }


.btn {background: var(--c-secondary);padding: 0;color: #fff !important;margin: 0 0 0 auto;font-size: 15px !important;padding: 16px 25px;text-decoration: none;/* background: #eee; */font-weight: 700;border-radius: 10px;display: inline-flex;align-items: center;}
.btn.large.black {background:#000 !important; color:#fff !important;}
.btn:hover {background:var(--c-main); color:#000 !important;} 
.btn.large {font-size: 19px !important;padding: 18px 36px;margin: 0;background: var(--c-main);color: #000 !important;}
.btn.outline {
    border: solid 1px #fff;
    color: #fff !important;
    background: none;
    margin: 0px 0 0 0;
}
.btn.outline:hover {
    border: solid 1px var(--c-secondary);
    color: #000 !important;
    background: var(--c-secondary);
    
}
.btn.large:hover {background:var(--c-secondary);}
.btn.large.register {
    margin: 25px 0;
}

input.progress { cursor: ew-resize; }
input.progress[value] { position: relative; width: 100%; height: 27px; -webkit-appearance: none; background-color: transparent; color: #0270D7; }
input.progress[value]:focus { outline: none; }
input.progress[value]:after { content: ""; position: absolute; top: 13px; left: 0; width: 100%; height: 1px; background-color: currentColor; }
input.progress[value]::-webkit-slider-thumb { -webkit-appearance: none; background-color: currentColor; border-radius: 50%; width: 16px; height: 16px; }


.header-bg { animation: fastPulse 0.2s ease-in-out 3; /* Fast pulse effect, 3 times */ }
.header-bg {position: absolute;top: -190px;left: 50%;transform: translateX(-50%);opacity: 0.5;max-width: 2150px;text-align: center;mix-blend-mode: color-dodge;width: 100%;}
.header-bg img { width: 100%; }
.header-bg.show { animation: none; /* Stop animation after pulsing */ }
@keyframes fastPulse { 
    0%, 100% { opacity: 0.5; } 
    33% { opacity: 0.5; } 
    66% { opacity: 0.8; } 
}



#header {display: flex;align-items: center;margin: 40px 0 0 0;max-width: 1540px;margin: 0 auto 0 auto;z-index: 1100;position: relative;padding: 20px 20px 40px 20px;}
#header .logo {}
#header .logo img { /* filter: invert(1) brightness(100); */ max-width: 388px; top: 12px; position: relative; }
#header .menuWrap {margin: 0 0 0 75px;flex: 1;}
#header .menuWrap > ul {list-style: none;padding: 0;margin: 0;background: var(--c-secondary);padding: 0 30px;border-radius: 10px;}
#header .menuWrap > ul > li {display: inline-block;position: relative;}
#header .menuWrap > ul > li > a {color: #000;font-weight: 700;text-decoration: none;text-transform: lowercase;font-size: 17px;padding: 16px 20px;display: inline-block;}
#header .menuWrap > ul > li > a:hover { color:var(--c-main); }
#header .menuWrap > ul > li > a.active { color:var(--c-main);}
#header .menuWrap > ul > li.active > a { color:var(--c-main);}

#header .menuWrap > ul > li > .dropdown {display: none;position: absolute;left: 0;top: 58px;background: var(--c-secondary);min-width: 360px;list-style: none;border-radius: 0 0 10px 10px;padding: 20px;color: #000;margin: 0;box-shadow: 0 10px 10px rgb(0 0 0 / 20%);}
#header .menuWrap > ul > li.active > .dropdown {display:block}
#header .menuWrap > ul > li > .dropdown::before {content:"";}

#header .menuWrap > ul > li > .dropdown::after {content:"";height:20px;position: absolute;top: -15px;width: 150px;left: 50%;transform: translateX(-50%);}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing {list-style: none;padding: 0;margin: 0;display: grid;grid-template-columns: repeat(1,1fr);/* grid-gap: 20px; */}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li {background: none !important;color: #000 !important;/* padding: 20px; */border-radius: 0;border-bottom: solid 2px rgb(0 0 0 / 10%);margin: 0 0 12px 0;padding: 0 0 12px 0;}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li:last-child {border:none;padding:0;margin:0}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a {text-decoration: none;color: #000 !important;}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a:hover {
    color: var(--c-main) !important;
}  
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a strong {display: block;font-weight: 800;line-height: 1;font-size: 17px;margin: 0 0 6px 0;color: inherit !important;}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a:hover strong {/*color: #fff !important;*/}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a span {display: flex;align-items: center;line-height: 1.2;color: inherit !important;font-size: 13px;white-space: normal;}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a:hover span {color: inherit !important;}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a span i {background: rgb(255 255 255 / 50%) !important;font-style: normal;font-weight: 800;font-size: 14px;margin: 0 9px 0 0;color: #000;padding: 0;height: 32px;line-height: 32px;padding: 0 10px;}
#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a:hover span i {background: rgb(255 255 255 / 100%) !important;}



#header .menuWrap .top {display: flex;justify-content: flex-end;margin: 0 0 15px 0;align-items: center;}
#header .menuWrap .top .top-menu {display:none}
#header .menuWrap .top .communities.countries {position: relative;}
#header .menuWrap .top .communities.countries .trigger {font-weight: 300;display: flex;align-items: center;font-size: 13px;cursor:pointer;}
#header .menuWrap .top .communities.countries .trigger i {font-size: 21px;margin: 0 8px 0 0;}
#header .menuWrap .top .communities.countries .trigger span {}
#header .menuWrap .top .communities.countries .trigger span img { display: none; }
#header .menuWrap .top .communities.countries .c-dropdown {display:none;position:absolute;left: 50%;top: 35px;transform: translateX(-50%);background: #fff;min-width: 400px;list-style: none;border-radius: 10px;}
#header .menuWrap .top .communities.countries .c-dropdown.open { display: block; }
#header .menuWrap .top .communities.countries .c-dropdown.open::before {content:"";background: #fff;width: 10px;height: 10px;position: absolute;top: -5px;left: 50%;transform: translateX(-50%) rotate(45deg);}
#header .menuWrap .top .communities.countries .c-dropdown .websites { padding: 0; margin: 0; list-style: none; padding: 20px; display: grid; grid-gap: 10px; grid-template-columns: repeat(4,1fr); }
#header .menuWrap .top .communities.countries .c-dropdown .websites li { background: #fff; padding: 10px; display: flex; align-items: center; border-radius: 5px; }
#header .menuWrap .top .communities.countries .c-dropdown .websites li a { width: 100%; display: block; }
#header .menuWrap .top .communities.countries .c-dropdown .websites li a img {max-width: 78px;max-height: 35px;filter: grayscale(1);}
#header .menuWrap .top .communities.countries .c-dropdown .websites li a:hover img {filter: grayscale(0);}

#header .menuWrap .top .countries {margin: 0 0 0 30px;position: relative;}
#header .menuWrap .top .countries .trigger {font-weight: 300;display: flex;align-items: center;font-size: 13px;cursor:pointer;vertical-align: top;}
#header .menuWrap .top .countries .trigger span { display: flex; align-items: center; }
#header .menuWrap .top .countries .trigger span img { margin: 0 8px 0 0; width: 20px; height: 20px; object-fit: cover; border-radius: 50%; }
#header .menuWrap .top .countries .trigger i {display:none}
#header .menuWrap .top .countries .c-dropdown {display:none;position:absolute;left: 50%;top: 35px;transform: translateX(-50%);background: #fff;min-width: 260px;list-style: none;border-radius: 10px;padding: 20px;z-index: 10;}
#header .menuWrap .top .countries .c-dropdown.open {display:block;}
#header .menuWrap .top .countries .c-dropdown.open::before {content:"";background: #fff;width: 10px;height: 10px;position: absolute;top: -5px;left: 50%;transform: translateX(-50%) rotate(45deg);}
#header .menuWrap .top .countries .c-dropdown .country-filter {width: 100%;height: 40px;padding: 0 10px;border: none;border-radius: 10px;font-weight: 300;font-family: Inter;background: #f2f2f2;}
#header .menuWrap .top .countries .c-dropdown .country-list {list-style: none;padding: 0;margin: 15px 0 0 0;max-height: 420px;overflow-y: scroll;}
#header .menuWrap .top .countries .c-dropdown .country-list li {}
#header .menuWrap .top .countries .c-dropdown .country-list li a {color: #000;text-decoration: none;font-size: 13px;display: flex;align-items: center;padding: 5px 0;}
#header .menuWrap .top .countries .c-dropdown .country-list li a:hover {font-weight:600;}
#header .menuWrap .top .countries .c-dropdown .country-list li a img {width: 20px;height: 20px;border-radius: 50%;object-fit: cover;margin: 0 5px 0 0;}


#header .menuWrap .top .account {margin: 0 0 0 30px;position: relative;}
#header .menuWrap .top .account.active::before {content:"";height:20px;position: absolute;top: 20px;width: 100px;right: -20px;}
#header .menuWrap .top .account > span { }
#header .menuWrap .top .account > span a {color: #fff;text-decoration: none;}
#header .menuWrap .top .account > span i {font-size: 21px;}
#header .menuWrap .top .account > ul {display:none;position:absolute;right: -20px;top: 35px;background: #fff;min-width: 190px;list-style: none;border-radius: 10px;padding: 20px;color: #000;margin: 0;z-index: 100;}
#header .menuWrap .top .account > ul.open {display:block;}
#header .menuWrap .top .account > ul.open::before {content:"";background: #fff;width: 10px;height: 10px;position: absolute;top: -5px;right: 24px;transform: rotate(45deg);}
#header .menuWrap .top .account > ul li {}
#header .menuWrap .top .account > ul li p { margin: 0; font-size: 13px; }
#header .menuWrap .top .account > ul li a { color: #000; font-size: 13px; padding: 2px 0; display: block; text-decoration: none; font-weight: 300; }
#header .menuWrap .top .account > ul li a:hover {/* color:var(--c-main); */font-weight: 600;}


.menuTrigger {display: none;z-index: 10004;margin: -2px 0 0 30px;}
.menuTrigger.sticky {position:fixed;} 
.menuTrigger.open {/* position: fixed; */}
.menuTrigger div {width: 26px;height: 30px;margin: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
.menuTrigger.open div {width: 31px;/* height: 31px; */}
.menuTrigger div span {display: block;border-radius: 0 !important;position: absolute;height: 1px;width: 26px;border-radius: 1px;background: #fff;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: 0.4 ease-in;-moz-transition: 0.4s ease-in;-o-transition: 0.4s ease-in;transition: 0.4s ease-in;}
.menuTrigger div span:nth-child(1) {top: 7px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger div span:nth-child(2) {top: 15px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: center center;}
.menuTrigger div span:nth-child(3) {top: 23px;-webkit-transform-origin: left center;-moz-transform-origin: left center;-o-transform-origin: left center;transform-origin: left center;}
.menuTrigger.open div span:nth-child(1) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;left: 0px;width: 40px;}
.menuTrigger.open div span:nth-child(2) {opacity: 0;transition: none !important;}
.menuTrigger.open div span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);left: 0px;top: 28px;width: 40px;}
.menuTrigger.open div span {background: #000;}

@media (max-width: 1420px) {
	#header {
    align-items: flex-end;
}
	#header .logo {top:0}
#header .logo img {max-width: 250px;top: 0;}
	#header .menuWrap > ul {padding:0}
	#header .menuWrap > ul > li > a {font-size:16px}
}
@media (max-width: 1200px) {
    .menuTrigger {display: block;}
    #header .menuWrap > ul {display:none}  
	#header .menuWrap > ul.open {display:block;position: fixed;top: 0;right: 0;left: 0;bottom: 0;background: var(--c-secondary);padding: 60px 20px 20px 20px;overflow: auto;border-radius: 0;}
	#header .menuWrap > ul.open li {display: block;margin: 0;}
	#header .menuWrap > ul.open li a {font-size: 22px;padding: 8px 0;display: inline-block;background: none;}
	#header .menuWrap > ul.open li a.active {}
	
	#header .menuWrap > ul.open li.has-dropdown {}
	#header .menuWrap > ul.open li.has-dropdown::before {content: "\2b";font-family: "Font Awesome 6 Pro";position: absolute;right: 0;top: 5px;font-size: 27px;color: #000;font-weight: 300;}
	#header .menuWrap > ul.open li.has-dropdown.active::before {content: "\f068";color: #fff;}
	#header .menuWrap > ul.open li .dropdown { min-width: 100%; position: relative; top: auto; left: auto; right: auto; transform: none; background: none; padding: 0; }
	#header .menuWrap > ul.open li .dropdown::before {content:none}
	#header .menuWrap > ul.open li .dropdown ul { grid-template-columns: repeat(1, 1fr); grid-gap: 10px; }
	#header .menuWrap > ul.open li .dropdown ul li { /* background: none !important; */ /* padding: 0; */ }
	#header .menuWrap > ul.open li .dropdown ul li a { padding: 0; font-size: 15px; }
	#header .menuWrap > ul.open li .dropdown ul li a strong { font-size: 17px; }
	#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing {
    margin-bottom: 30px;
    margin-top: 10px;
}
	#header .menuWrap > ul > li > .dropdown ul.menu-symposia-listing li a {color: #fff !important;}
}
 

@media (max-width: 767px) {
    #header {padding: 20px 20px 20px 20px;}
    #header .logo img {max-width: 160px;top: 0;}
#header .menuWrap {
    margin: 0;
}
    #header .menuWrap .top {margin:0}
    #header .menuWrap .top .communities.countries {position: unset;}
    #header .menuWrap .top .communities.countries .trigger span {font-size:0}
    #header .menuWrap .top .communities.countries .trigger span img {display: block;filter: invert(1);border-radius: 0;margin: 0;}
    #header .menuWrap .top .countries {margin: 0 0 0 14px;position: unset;}
    #header .menuWrap .top .countries .trigger {font-size:0}
    #header .menuWrap .top .countries .trigger span img {margin:0}
    #header .menuWrap .top .account {margin: 0 0 0 14px;}
	#header .menuWrap .top .account > span i {font-size: 19px;vertical-align: top;display: block;color: #fff;}

	#header .menuWrap .top .countries .trigger {}
	#header .menuWrap .top .countries .trigger span {position: relative;}
	#header .menuWrap .top .countries .trigger.active span::before {content:"";background: #fff;width: 10px;height: 10px;position: absolute;top: 36px;left: 50%;transform: translateX(-50%) rotate(45deg);}
	#header .menuWrap .top .countries .c-dropdown {left: 20px !important;right: 20px !important;transform: none !important;top: 70px !important;min-width: auto !important;}
	#header .menuWrap .top .countries .c-dropdown.open::before {display:none;}
	.menuTrigger { margin: -1px 0 0 15px; }

	.btn.large.register {
    font-size: 16px !important;
    line-height: 1;
    padding: 20px 30px;
}
}

.hero {padding: 30px 20px 80px 20px;/* overflow: hidden; */display: flex;max-width: 1360px;margin: 0 auto;z-index: 100;position: relative;overflow-x: hidden;}
.hero .hero-copy {flex: 1;font-weight: 200;font-size: 20px;line-height: 150%;padding: 0;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.hero .hero-figure {flex: 0 1 50%;position: relative;/* min-height: 250px; */max-width: 50%;display: flex;align-items: center;/* flex-wrap: wrap; */flex-direction: column;}
.hero .hero-copy h1 {line-height: 0.8;font-size: 90px;font-weight: 800;margin: 40px 0 10px 0;text-shadow: -2px -2px 0 var(--c-main), 3px 3px 0 var(--c-secondary);display: flex;flex-direction: column;  /* Stack words vertically */justify-content: center;font-weight: bold;/* overflow: hidden; */flex: 0 1 100%;}
.hero .hero-copy h1 { animation: testPulse 0.3s ease-in-out 3;animation-delay: 2s; }
.hero .hero-copy h1 span { opacity: 1; position: relative; }
.hero .hero-copy.full h1 {
    display: inline-block;
    margin-bottom: 20px;
}
.hero .hero-copy.full h1 span {
    left: auto !important;
}
.hero .hero-copy .credits { font-size: 29px; font-weight: 800; background: var(--c-main); width: 80px; height: 80px; color: #000; border-radius: 0; line-height: 80px; text-align: center; }
.hero .hero-copy .date { flex: 1; line-height: 1.2; align-self: center; margin: 0 0 0 20px; font-size: 19px; font-weight: 200; letter-spacing: 2px; color: var(--c-main); }
.hero .hero-copy .date strong { font-size: 130%; font-weight: 800; text-transform: uppercase; }

.hero .hero-copy .speakers {display: flex;flex-wrap:wrap;align-items: flex-start;margin: 30px 0 0 0;width: calc(100% + 30px);margin: 10px -15px 0 -15px;}
.hero .hero-copy .speakers h2 {flex:0 1 100%;margin: 0;font-size: 21px;margin: 0 0 20px 0;color: var(--c-main);display: flex;align-items: center;padding: 0 20px;}
.hero .hero-copy .speakers h2::after {content:"";flex:1;height: 6px;background: var(--c-main);margin: 0 0 0 20px;opacity: 1;}
.hero .hero-copy .speakers .speaker {
    text-align: center;
    font-size: 14px;
    flex: 1;
    padding: 15px;
    max-width: 16.66%;
}
.hero .hero-copy .speakers .speaker img {
    border-radius: 50%;
    max-width: 100%;
    filter: grayscale(1) contrast(1.5);
}
.hero .hero-copy .speakers .speaker .speaker-name {
    line-height: 1;
    margin: 7px 0 0 0;
}

.hero .hero-copy .sponsors {display: flex;flex-wrap:wrap;align-items: center;column-gap: 40px;margin: 30px 0 0 0;width: 100%;}
.hero .hero-copy .sponsors h2 {flex:0 1 100%;margin: 0;font-size: 21px;margin: 0 0 14px 0;color: var(--c-secondary);display: flex;align-items: center;font-weight: 800;}
.hero .hero-copy .sponsors h2::after {content:"";flex:1;height: 6px;background: var(--c-secondary);margin: 0 0 0 20px;}
.hero .hero-copy .sponsors .sponsor {/* flex: 1; */margin: 0 0 10px 0;}
.hero .hero-copy .sponsors .sponsor canvas {width:100%;max-width: 120px; filter: invert(1) grayscale(1) brightness(20); max-height: 40px;}
.hero .hero-copy .sponsors .sponsor img {max-width: 150px;filter: invert(1) grayscale(1) brightness(20);max-height: 26px;}

@keyframes testPulse { 0%, 100% { text-shadow: -2px -2px 0 var(--c-main), 3px 3px 0 var(--c-secondary); } 25% { text-shadow: none; } 50% { text-shadow: -2px -2px 0 var(--c-main), 3px 3px 0 var(--c-secondary); } 75% { text-shadow: none; } }



.hero .loader {z-index: 100;/* position: absolute; */bottom: 0;left: 50%;/* transform: translateX(-50%); */text-align: center;display: flex;/* flex-direction: column; */justify-content: center;align-items: center;color: var(--c-main);font-weight: 600;/* text-transform: uppercase; */letter-spacing: 0;font-size: 12px;text-align: left;min-width: 320px;/* flex: 0 1 100%; */order: 2;}
.hero .loader span {flex:1;margin: 0 0 0 20px;}
.hero .loader strong { width: 35px; aspect-ratio: 1; --_g: no-repeat radial-gradient(farthest-side,var(--c-main) 94%,#0000); background: var(--_g) 0    0, var(--_g) 100% 0, var(--_g) 100% 100%, var(--_g) 0    100%; background-size: 40% 40%; animation: l38 .5s infinite; }
@keyframes l38 {
    100% {background-position: 100% 0,100% 100%,0 100%,0 0}
}

@media (max-width: 1200px) {
	.hero .hero-copy { font-size: 18px; }
	.hero .hero-copy .credits {font-size: 25px;width: 60px;height: 60px;line-height: 60px;}
	.hero .hero-copy .date {font-size: 15px;margin: 0 0 0 15px;letter-spacing: 0;}
	.hero .hero-copy h1 {flex: 0 1 100%;/* display: block; */font-size: 60px;margin: 20px 0 10px 0;}
	.hero .hero-copy h1 span {/* display: inline-block; *//* width: auto; */}
}
@media (max-width: 991px) {
   .hero {/* display:none; */flex-wrap: wrap;padding: 30px 20px;} 
	.hero .hero-copy {flex: 0 1 100%;padding: 0;/* order: 2; */font-size: 17px;}
	.hero .hero-copy h1 {flex: 0 1 100%;/* display: block; */font-size: 90px;}
	.hero .hero-copy h1 span {/* display: inline-block; *//* width: auto; */}
	.hero .hero-figure {flex: 0 1 100%;max-width: 100%;min-height: 420px;}

	.hero .hero-copy .speakers {}
	.hero .hero-copy .speakers .speaker {
    flex: 0 1 25%;
    max-width: 25%;
}
}

@media (max-width: 767px) {
	.hero .hero-copy h1 {font-size: 50px;margin: 20px 0 10px 0;}
	.hero .hero-copy .credits {font-size: 25px;width: 60px;height: 60px;line-height: 60px;}
	.hero .hero-copy .date {font-size: 14px;margin: 0 0 0 15px;letter-spacing: 0;}
	.hero .hero-copy .date strong {}
	.hero .hero-copy .btn {font-size: 17px !important;padding: 12px 25px;}
	.hero .hero-copy .sponsors h2 {font-size: 18px;}
	.hero .hero-copy .sponsors h2::after {margin:0 0 0 10px;}
	.hero .hero-figure #canvas-wrapper {max-width: 360px;margin: 0;}
	.hero .hero-figure #canvas-wrapper .canvas-container {}
	.hero .hero-figure #canvas-wrapper .canvas-container:nth-child(1) {left: auto;right: 0;top: 170px;}
	.hero .hero-figure #canvas-wrapper .canvas-container:nth-child(2) {left: 120px;top: 210px;bottom: auto;}
	.hero .hero-figure #canvas-wrapper .canvas-container:nth-child(3) {left: auto;right: 0;top: 40px;}
	.hero .hero-figure #canvas-wrapper .canvas-container:nth-child(4) {top: 100px;left: 80px;}
	.hero .hero-figure #canvas-wrapper .canvas-container:nth-child(5) {top: 50px;}
	.hero .hero-figure #canvas-wrapper .canvas-container:nth-child(6) {top: 190px;}
	.hero .hero-figure #canvas-wrapper .canvas-container canvas {width: 150px !important;height: 150px !important;}

	.hero .hero-copy .speakers .speaker {
    flex: 0 1 33.33%;
    max-width: 33.33%;
}
	.hero .hero-copy .sponsors {
    column-gap: 20px;
}
}

#canvas-wrapper {position: relative;height: 600px;flex: 1;width: 100%;max-width: 700px;/* margin: 0 auto; *//* flex: 0 1 100%; *//* display: inline-block; */}
.canvas-container {overflow: hidden;background: radial-gradient(circle, var(--c-bgcolor-2) 0%, rgb(0 0 0) 180%);position: absolute;box-shadow: 0 0 20px rgb(0 0 0 / 40%);transition: transform 0.3s;transform: scale(0);/* border-radius: 20px; */border: solid 1px rgb(255 255 255 / 20%);}

.canvas-container::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;transform-origin: 100% 100%;opacity: 0.5;mix-blend-mode: soft-light;}
.canvas-container::before {background: linear-gradient(to top, #15181D 0%, rgba(21, 24, 29, 0) 60%);transform: rotateZ(-45deg) scale(1.5);}

.canvas-container canvas {vertical-align:top;}
.canvas-container:nth-child(1) {right: 3%;top: 31.9%;}
.canvas-container:nth-child(2) {left: 31.3%;bottom: 10%;}
.canvas-container:nth-child(3) {right: 5%;top: 0;}
.canvas-container:nth-child(4) {left: 24.9%;top: 8%;}
.canvas-container:nth-child(5) {left: 0%;top: 0;}
.canvas-container:nth-child(6) {left: 0;top: 36.3%;} 

@media (max-width: 1200px) {
	#canvas-wrapper { max-width: 430px; margin: 30px 0 0 0; }
}

@media (max-width: 767px) {
	.canvas-container:nth-child(1) {}
	.canvas-container:nth-child(2) {}
	.canvas-container:nth-child(3) { top: 0; }
	.canvas-container:nth-child(4) {}
	.canvas-container:nth-child(5) { top: 0; }
	.canvas-container:nth-child(6) { left: 0; }
}





#main {max-width: 1360px;margin: 0 auto 0;z-index: 100;position: relative;padding: 0 20px;font-weight: 200;font-size: 20px;}
#main > h2 {font-weight: 800;font-size: 34px;}
#main > h3 {font-weight: 200;font-size: 28px;margin-bottom: 20px;}

.listing {width: auto;color:#222222;/* display: grid; *//* grid-template-columns: repeat(3,1fr); *//* gap: 30px; */margin-top: 0;margin-bottom: 0;text-align: left;}
.listing > div {
    margin: 15px 0;
    width: 50%;
}
.listing .item {overflow: hidden;margin-bottom: 0;position: relative;display: flex;flex-direction: column;height: 100%;border-radius: 10px;overflow: hidden;transform:scale(1);transition:all 0.3s;/* border: solid 2px rgb(255 255 255 / 10%); */}
.listing  .item:hover {transform: scale(1.09);box-shadow: 0 0 12px rgba(0,0,0,0.25);}
.listing .item .banner {position: absolute;/* background: url(/wp-content/themes/dtsc2021/_sites/www.dtstudyclub.com/images/listing-bg.jpg?v=3) top right no-repeat; *//* background-size: cover; */margin: 0;padding: 70px 20px 20px 20px;flex-grow: 1;flex-shrink: 1;position: relative;display: flex;flex-direction: column;background: rgb(0 0 0 / 50%);min-height: 290px;}
.listing .item .banner::before {/*z-index: 1; opacity: 0.8; content: ""; float: left; padding-bottom: 56.25%; */}
.listing .item .banner::after {clear: left; content: " "; display: table; }
.listing .item .banner .top {display: flex;align-items: center;margin: 0 0 10px 0;color: #fff;position: absolute;top: 20px;left: 20px;right: 20px;}
.listing .item .banner .logo { max-width: 120px; margin: 0 0 17px 0; display: inline-block; }
.listing .item .banner .photo {}
.listing .item .banner .photo img {max-width: 55%;position: absolute;right: 0;bottom: 0;filter: grayscale(1) contrast(2);max-height: 250px;}
.listing .item .details {width: 100%;font-size: 14px;height: 100%;}
.listing .item .sponsor {position: absolute;bottom: 20px;left: 20px;display: flex;align-items: flex-end;background: #fff;padding: 8px;border-radius: 6px;}
.listing .item .sponsor:empty {display:none}
.listing .item .sponsor img:first-child {display:block;}
.listing .item .sponsor img {display:none;max-width: 85px;max-height: 16px;width: auto;vertical-align: bottom;}
.listing .item .sponsor img:only-child {display:block;}
.listing .item  .sponsor > img { }
.listing .item.on-demand .meta {background: #aaa;text-transform: none;font-weight: 500;}
.listing .item  .meta {background: #3d78bc;color: #fff;font-size: 15px;padding: 10px 10px 10px 20px;position: absolute;left: 0;top: 20px;line-height: 1;font-weight: 600;text-transform: uppercase;}
.listing .item .meta::after {content:""; width: 0; height: 0; border-style: solid; border-width: 36px 15px 0 0; border-color: #3d78bc transparent transparent transparent; position: absolute; top: 0; right: -15px; }
.listing .item.live .meta::after {border-width: 52px 15px 0 0; }
.listing .item.on-demand .meta::after {border-color: #aaa transparent transparent transparent;border-width: 36px 15px 0 0;}
.listing .item .details .meta.pl-0 { padding-left:20px !important}
.listing .item .details .date {font-weight: 400; position: relative; padding: 0; font-size: inherit; }
.listing .item .details .speaker {margin: 0 0 11px 0; }
.listing .item .credits {display: inline-block;margin: 0 10px 0 0;font-size: 16px;font-weight: 700;border-radius: 0;height: 42px;width: 42px;line-height: 42px;text-align: center;padding: 0;background: var(--c-main);color: #fff;position: relative;letter-spacing: -1px;color: #000;/* position: absolute; *//* top: 20px; *//* left: 20px; */font-weight: 800;}
.listing .item .credits strong {font-weight:inherit;}
.listing .item.on-demand .credits {}
.listing .item .date-wrap {display:inline-block;vertical-align: top;/* font-weight: 800; */font-size: 16px;color: var(--c-main);}
.listing .item .type {display:inline-block;vertical-align: middle;}
.listing .item.on-demand .type {vertical-align: top; }
.listing .item.live .type {}
.listing .item.live .date {font-weight: 800;line-height: 1.2;}
.listing .item .webinar-name {height: 90px;margin: 20px 0 10px 0;}
.listing .item .name {font-size: 22px;line-height: 1.15;display: block;margin: 0;font-weight: 300;color: #fff;width: 60%;text-decoration: none;font-weight: 600;}
.listing .item .live {display: inline-block; font-weight: 800; margin: 0; }
.listing .item .text {/* flex: 0 1 100%; */font-size: 15px;padding: 0;position: relative;background: var(--c-secondary);padding: 20px;display: flex;align-items: center;}
.listing .item .text .meta {padding: 0; margin: 0 0 10px 0; }
.listing .item .speaker {margin: 0;font-size: 14px;color: var(--c-main);width: 57%;padding: 0;font-weight: 200;line-height: 1.2;}
.listing .item .speaker strong {}
.listing .item .speaker .title {}
.listing .item .speaker .separator {opacity: 0.7;}
.listing .item .text .flag {border-radius: 50%;overflow: hidden;width: 30px;height: 30px;position: relative;margin: 0 10px 0 0;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);z-index: 1;/* border: solid 1px #fff; */}
.listing .item .text .flag img {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); height: 100%; width: auto; z-index: -1; }
.listing .item .text .btn {background: #333;padding: 0;color: #fff !important;margin: 0 0 0 auto;font-size: 14px !important;padding: 12px 23px;text-decoration: none;/* background: #eee; */font-weight: 700;border-radius: 10px;display: inline-flex;align-items: center;line-height: 1;}
.listing .item .text .btn:hover {background:var(--c-main); color:#000 !important;}
.listing .item .text .btn::after {content: "\f061";font-family: "Font Awesome 6 Pro";margin: 0 0 0 10px;vertical-align: top;display: inline-block;font-weight: 300;font-size: 22px;}
.listing .item .text .sponsor {display: flex;height: 39.6px;align-items: center;flex: 1;margin: 0 0 0 auto;justify-content: flex-end;}
.listing .item .text .sponsor img {display: none;max-height: 39px;max-width: 140px;width: auto;vertical-align: middle;}
.listing .item .text .sponsor img:first-child {display: block;}
.listing  .item .text .bottom {}

.sponsor-signup {background: rgb(0 0 0 / 20%);padding: 30px;border-radius: 20px;text-align: center;margin: 0 0 30px 0;}
.sponsor-signup p { font-weight: 600; font-size: 22px; }
.sponsor-signup .btn {}

.hero-paragraph {
    margin: 30px 0 30px 0;
}
@media (max-width: 1200px) {
.listing {grid-template-columns: repeat(2, 1fr);}
    .listing .item {}
    .listing .item .banner {min-height:310px}
    
}


@media (max-width: 1200px) {
	#main { font-size: 16px; }
	#main > h2 { font-size: 28px; }
	#main > h3 { font-size: 20px; }
    .listing {grid-template-columns: repeat(1, 1fr);}
    .listing .item {}
    .listing .item .banner {min-height: 310px;}
    
}
@media (max-width: 1200px) {
.listing .item .banner {min-height: 270px;}
}
@media (max-width: 767px) {
	.hero-paragraph {
    margin-top: 0;
}
.listing > div {
    width: 100%;
}
}

.notify {z-index: 11;position: relative;max-width: 1400px;margin: 0 auto;padding: 60px 40px;margin: 0 auto 70px auto;color: #000;background: var(--c-secondary);border-radius: 20px;clip-path: url(#clip);box-shadow: 0 0 40px rgb(0 0 0 / 20%);}
.notify svg { position: absolute; top: -550%; left: -550%; width: 199%; height: 250%; /* transform: translate3d(-50%,-50%,0); */ }
.notify .content {width: 100%;max-width: 1200px;margin: 0 auto;color: #fff;}
.notify h2 {margin: 0 0 10px 0;font-weight: 800;font-size: 30px;color: #fff;}
.notify .gform_wrapper {}
.notify .gform_wrapper form { position: relative; }
.notify .gform_wrapper form .validation_error {display:none}

.notify .gform_wrapper form .gform_body {}
.notify .gform_wrapper form .gform_body .gform_fields { list-style: none; padding: 0; margin: 0; }
.notify .gform_wrapper form .gform_body .gform_fields li { margin: 0 0 10px 0; }
.notify .gform_wrapper form .gform_body .gform_fields li .gfield_label { display: none; }
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container {}
.notify .gform_wrapper form .gform_body .gform_fields li .gfield_description.validation_message { font-size: 12px; color: red; margin: 10px 0 10px 0; background: #f20000; color: #fff; padding: 6px 10px; border-radius: 5px; display: inline-block; line-height: 1; }
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container input[type="text"] {width: 100%;height: 60px;border-radius: 15px;padding: 0 20px;font-size: 17px;font-weight: 300;font-family: "Inter";border: none;}
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent {}
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent input { display: none; }
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent label { font-weight: 200; font-size: 15px; padding: 0 0 0 30px; position: relative; display: block; cursor: pointer; }
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent label a {color: #fff;border-bottom: solid 1px #fff;text-decoration: none;}
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent input + label::before {content:"";width: 20px;height: 20px;position: absolute;left: 0;top: 0;background: #fff;border-radius: 3px;cursor: pointer;}
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent input:checked + label::before {background: #000;}
.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container.ginput_container_consent input:checked + label::after {content: "\f00c";width: 20px;height: 20px;position: absolute;left: 0;top: 0;color: #fff;font-family: "Font Awesome 6 Pro";font-weight: 600;text-align: center;font-size: 12px;line-height: 20px;}
.notify .gform_wrapper form .gform_footer { position: absolute; top: 0; right: 0; }
.notify .gform_wrapper form .gform_footer input { height: 60px; background: none; border: none; text-transform: uppercase; letter-spacing: 4px; padding: 0 30px; font-weight: 700; font-family: Inter; color: var(--c-secondary); cursor: pointer; }
.notify .gform_wrapper form .gform_footer input:hover {background: var(--c-main);color: #000;border-radius: 0 15px 15px 0;}

@media (max-width: 1200px) {
    .notify {border-radius:0;padding: 40px 20px;margin: 0 auto 30px auto;}
}

@media (max-width: 767px) {
	.notify h2 { font-size: 24px; }
	.notify .gform_wrapper form .gform_body .gform_fields li .ginput_container input[type="text"] {height: 50px;border-radius: 10px;}
	.notify .gform_wrapper form .gform_footer {position: relative;}
	.notify .gform_wrapper form .gform_footer input {position: relative;background: var(--c-main);width: 100%;border-radius: 10px;height: auto;padding: 15px 20px;font-size: 15px;zv}
}


.footerWrapper {margin: 0 auto;padding: 70px 20px;overflow: hidden;}
.footerWrapper .footer {max-width: 1360px;margin: 0 auto;/* display: flex; */border-top: solid 10px rgb(255 255 255 / 20%);padding: 70px 0 0 0;}
.footerWrapper .footer .row {/* flex: 0 1 100%; */min-width: 100%;}
.footerWrapper .footer .row > div {}
.footer .footerLogos {text-align: right;margin: 0 0 0 0;}
.footer .footerLogos li {padding: 0 0 0 40px;}
.footer .footerLogos li a {}
.footer .footerLogos li a img {}
.footer .disclaimer a {text-align: right;margin: 0 0 19px 0;display: block;}
.footerWrapper .footer .row > div p {font-size: 12px;color: rgb(255 255 255 / 60%);font-weight: 300;text-align: right;max-width: 100%;margin: 0px 0 0 0;}
.footerWrapper .footer .row > div .logo {display: inline-block;margin: 0 0 20px 0;}
.footerWrapper .footer .row > div .logo img {max-width: 240px;}
.footerWrapper .footer .row > div .top-menu {padding: 0;margin: 0;list-style: none;}
.footerWrapper .footer .row > div .top-menu li { margin: 0 0 4px 0; }
.footerWrapper .footer .row > div .top-menu li a {color: #fff;text-decoration: none;font-size: 13px;font-weight: 300;}
.footerWrapper .footer .row > div .top-menu li a:hover {font-weight:600}
.footerWrapper .footer .bottom-menu {margin: 30px 0 0 0;padding: 0;list-style: none;float: left;}
.footerWrapper .footer .bottom-menu li {display: inline-block;margin: 0 20px 0 0;}
.footerWrapper .footer .bottom-menu li a {color: #a8a8a8;}
.footerWrapper .footer .copy {color: rgb(255 255 255 / 60%);margin: 0 0 0 auto;/* float: right; */font-size: 11px;font-weight: 300;text-align: right;}

.footerWrapper .footer .logos {list-style: none; margin: 0; padding: 0; text-align: right; }
.footerWrapper .footer .logos li {display: inline-block; margin: 0 0 0 80px; }
.footerWrapper .footer .logos li a {display: inline-block; }
.footerWrapper .footer .logos li a img {max-width: 200px; max-height: 50px; width: auto; }


.footer .disclaimer {font-size: 11px;margin: 35px auto 0 auto;color: #9a9a9a;text-align: center;max-width: 740px;}
.footer .disclaimer a {}

.footer .disclaimer a img {max-width: 280px;max-height: 70px;display: inline-block;filter: invert(1);}

.footer .disclaimer.agd {display: flex; text-align: left; justify-content: center; align-items: center; line-height: 1.2; }
.footer .disclaimer.agd span {margin: 0 0 0 20px;font-size: 10px;line-height: 1.4;display: block;}
.footer .disclaimer.agd a {margin: 0; }
.footer .disclaimer.agd a img {width: auto; }



.footer .footerLogos {list-style: none;padding: 0;margin: 0 0 30px 0;}
.footer .footerLogos li {display: inline-block;vertical-align: middle;padding: 0 0 0 40px;border: none;}
.footer .footerLogos li a {display: block;}
.footer .footerLogos li a img {display: block;max-width: 270px;max-height: 50px;width: auto;filter: invert(1);}


@media (max-width: 991px) {
	.footerWrapper { padding: 40px 20px; }
	.footerWrapper .footer {text-align: center;padding: 40px 0 0 0;border-top: solid 5px rgb(255 255 255 / 20%);}
	.footerWrapper .footer .row > div .top-menu { text-align: center; margin: 0 0 20px 0; }
	.footerWrapper .footer .row > div .top-menu li { display: inline-block; margin: 0 10px 3px; }
	.footer .footerLogos, .footerWrapper .footer .row > div p, .footer .disclaimer a, .footerWrapper .footer .copy { text-align: center; }
	.footer .footerLogos { margin: 0 0 20px 0; }
	.footer .footerLogos li {padding: 0 8px 20px;}
	.footer .footerLogos li a img { max-width: 175px; max-height: 41px; }
}



.webinar_disclaimer {margin: 30px 0; font-size: 11px; }
.webinar_disclaimer p.disclaimer {font-weight: 300; font-size: inherit; color: #777; }
.webinar_disclaimer p.disclaimer a {display: block; margin: 0 0 18px 0; }
.webinar_disclaimer p.disclaimer a img {max-width: 300px; display: inline-block; }
.webinar_disclaimer strong {} 











.live-symposium {background: #262626;}
.live-symposium .website-background {display:none;}
.live-symposium .header-bg {mix-blend-mode: unset;opacity: 1;max-width: 100%;top: 0;left: 0;transform: none;height: 1000px;overflow: hidden;}
.live-symposium .header-bg img { height: 100%; width: 100%; object-fit: cover; }
.live-symposium .header-bg::before {content:"";display:block;height: 230px;background: #262626;background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;top: 0;left: 0;right: 0;z-index: 10;}
.live-symposium .header-bg::after {content:"";display:block;height: 320px;background: #262626;background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);position: absolute;bottom: 0;left: 0;right: 0;z-index: 10;}
.live-symposium .hero {z-index: 10;padding: 0;overflow: visible;/* text-align: center; */min-height: 600px;align-items: center;z-index: 11;}
.live-symposium .hero .hero-copy {display: flex;/* justify-content: center; *//* min-height: 500px; */}
.live-symposium .hero .hero-copy .hero-title {font-weight: 900;font-size: 100px;display: block;line-height: 1;margin: 0;text-shadow: 7px 7px 5px rgb(0 0 0 / 20%);animation: none;}
.live-symposium .hero .hero-copy .hero-title span {left: auto !important;}
.live-symposium .hero .hero-copy .hero-title span:last-child {display: block;font-size: 170px;color: var(--c-main);}
.live-symposium .hero .hero-copy .date {flex: none;font-size: 60px;margin: 0;font-weight: 900;text-shadow: 7px 7px 5px rgb(0 0 0 / 20%);}
.live-symposium .section {/* overflow: hidden; */padding: 60px 20px;}
.live-symposium .section.not-full { max-width: 1360px; margin: 0 auto; border-radius: 20px; padding: 40px; }
.live-symposium .section.black { background: #000 !important; color: #fff; }
.live-symposium .section.black.sponsor {padding: 60px 20px;border-bottom: solid 5px var(--c-main);margin-top: 30px;}
.live-symposium .section.bg-secondary { background: var(--c-secondary) !important; color: #000; }
.live-symposium .section.bg-main { background: var(--c-main) !important; color: #000; }
.live-symposium .section.bg-main .btn {}
.live-symposium .section .content { max-width: 1360px; margin: 0 auto; }
.live-symposium .section .content #main {padding: 0;}
.live-symposium .section .content .hero-paragraph {text-align: center;font-weight: 200;font-size: 20px;font-weight: 200;margin: 0;}
.live-symposium .section.intro {padding-bottom: 70px;z-index: 1000;position: relative;}
.live-symposium .section.intro h2 { font-weight: 800; font-size: 32px; margin: 0; }
.live-symposium .section.intro h3 { font-size: 26px; font-weight: 200; margin: 0 0 20px 0; }
.live-symposium .section.intro p { font-size: 17px !important; }
.live-symposium .section.intro .btn.large { margin: 0 0 -156px 0; border-radius: 0; }
.live-symposium .section.intro .btn.large:hover {background:#000;color:#fff !important}
.live-symposium .speakers {display: flex;/* flex-wrap:wrap; */justify-content: center;align-items: flex-start;margin: 30px 0 0 0;margin: -115px 0 40px 0;}
.live-symposium .speakers h2 {flex:0 1 100%;margin: 0;font-size: 21px;margin: 0 0 20px 0;color: var(--c-main);display: flex;align-items: center;padding: 0 20px;}
.live-symposium .speakers h2::after {content:"";flex:1;height: 6px;background: var(--c-main);margin: 0 0 0 20px;opacity: 1;}
.live-symposium .speakers .speaker {text-align: center;font-size: 14px;/* flex: 1; *//* max-width: 16.66%; */text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 15px;}
.live-symposium .speakers .speaker .photo {box-shadow: 0 0 0 7px var(--c-secondary);border-radius: 50%;max-width: 120px;overflow: hidden;}
.live-symposium .speakers .speaker .photo img {max-width: 100%;filter: grayscale(1) contrast(1.5);}
.live-symposium .speakers .speaker .speaker-name {line-height: 1.2;margin: 13px 0 0 0;font-weight: 300;max-width: 120px;}
.live-symposium .speakers .credits {padding: 15px;}
.live-symposium .speakers .credits strong {background: var(--c-main);width: 120px;height: 120px;line-height: 120px;font-weight: 900;border-radius: 50%;box-shadow: 0 0 0 7px var(--c-secondary);font-size: 36px;display: inline-block;}

.live-symposium .sponsors {display: flex;flex-wrap:wrap;align-items: center;/* column-gap: 40px; */margin: 0;width: 100%;justify-content: space-between;justify-content: center;}
.live-symposium .sponsors .name {
    padding: 10px 26px;
    background: #262626;
    border-radius: 27px;
    margin: 0 6px 10px 6px;
    font-weight: 700;
}
.live-symposium .sponsors h2 {flex:0 1 100%;margin: 0;font-size: 36px;margin: 0 0 36px 0;color: var(--c-secondary);display: flex;align-items: center;font-weight: 800;}
.live-symposium .sponsors h2::after {content:"";flex:1;height: 6px;background: var(--c-secondary);margin: 0 0 0 20px;}
.live-symposium .sponsors h2::before {content:"";flex:1;height: 6px;background: var(--c-secondary);margin: 0 20px 0 0 ;}
.live-symposium .sponsors .sponsor {/* flex: 1; */margin: 0;/* flex: 0 1 calc(33.33% - 30px); *//* background: #fff; */text-align: center;border-radius: 10px;padding: 0;margin: 0 24px 10px 24px;}
.live-symposium .sponsors .sponsor canvas {width:100%;max-width: 120px; filter: invert(1) grayscale(1) brightness(20); max-height: 40px;}
.live-symposium .sponsors .sponsor img {max-width: 130px;filter: grayscale(20) brightness(20);max-height: 40px;}
.live-symposium .bg-secondary .sponsors .sponsor img {filter: none;background: #fff;padding: 0;box-sizing: content-box;border-radius: 10px;}
.live-symposium .bg-secondary .sponsors h2, h2.section-name {color: #fff;margin: 0 0 20px 0;font-size: 23px;font-weight: 800;}
.live-symposium .sponsors h2::after, .live-symposium .sponsors h2::before {background: rgb(0 0 0 / 20%);opacity: 0;}
.live-symposium  .footerWrapper .footer { border: none; padding: 0; }

.live-symposium .btn {}
.live-symposium .btn {border-radius: 0;font-weight: 800;}
.live-symposium .btn.large {padding: 30px 70px;font-size: 22px !important;margin: 0;}
.live-symposium .btn.large:hover {}



.live-symposium .magazine {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;text-align: center;}
.live-symposium .magazine h3 {
    font-weight: 800;
    flex: 0 1 100%;
}
.live-symposium .magazine .covers {
    margin: 10px 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    flex: 0 1 100%;
    justify-content: center;
}
.live-symposium .magazine .covers .item {padding: 8px;flex:1;max-width: 230px;}
.live-symposium .magazine .covers .item img {
    width: 100%;
}
.live-symposium .magazine .covers .item span {
    display: block;
    line-height: 1.4;
    margin: 13px 0 0 0;
}
.live-symposium .magazine .text {padding: 0 0 0 30px;}
.live-symposium .magazine .text .magazine-name {display: block;color: #fff;font-size: 23px;text-decoration: none;font-weight: 800;margin: 0 0 10px 0;}
.live-symposium .magazine .text .btn {color: #000 !important;}




@media (max-width: 1200px) {
	.live-symposium .section.not-full {border-radius: 0;}
	.live-symposium .speakers {flex-wrap: wrap;margin: 0 0 20px 0;}
	.live-symposium .speakers .speaker, .live-symposium .speakers .credits {/* flex: 0 1 25%; */text-align: center;}
	.live-symposium .speakers .credits strong {}
	.live-symposium .section.intro {margin-bottom:30px}
}
@media (max-width: 991px) {

}

@media (max-width: 767px) {
	#main {padding:0}
	
	.live-symposium .section, .live-symposium .section.black.sponsor {padding: 40px 20px;margin: 0;}
	.live-symposium .btn.large {padding: 24px 28px;font-size: 16px !important;}
	.live-symposium .section.intro .btn.large {margin: 30px 0 -53px 0;}
	.live-symposium .section.not-full {padding:20px;}
	.live-symposium .speakers {}
	.live-symposium .speakers .speaker .photo {max-width: 95px;}
	.live-symposium .speakers .credits strong {width: 95px;height: 95px;line-height: 95px;font-size: 30px;}
	.live-symposium .speakers .speaker .speaker-name {font-size: 11px;margin: 7px 0 0 0;}
	.live-symposium .speakers .speaker, .live-symposium .speakers .credits {flex: 0 1 33%;padding: 8px;}
	.live-symposium .header-bg {height: 590px;}
	.live-symposium .hero {min-height: 300px;}
	.live-symposium .hero .hero-copy {text-align: center;justify-content: center;}
	.live-symposium .hero .hero-copy .date {font-size: 30px;text-shadow: 4px 4px 6px rgb(0 0 0 / 50%);}
	.live-symposium .hero .hero-copy .hero-title {font-size: 38px;}
	.live-symposium .hero .hero-copy .hero-title span:last-child {font-size: 176%;}
	.live-symposium .section.intro h2 {font-size: 26px;margin: 0 0 6px 0;}
	.live-symposium .section.intro h3 {font-size: 22px;}
	.live-symposium .section.intro p {}
	.live-symposium .sponsors h2 {font-size: 24px;margin: 30px 0 15px 0;}
	.live-symposium .sponsors .sponsor {margin: 12px 12px;}
	.live-symposium .sponsors .sponsor img {max-width: 180px;max-height: 23px;}

	.live-symposium .section .content .hero-paragraph { font-size: 16px; }

	.symposium-105153.live-symposium .header-bg::before {height: 150px;}
	.symposium-105153.live-symposium .header-bg::after {height: 50px;}
	.symposium-105153.live-symposium .header-bg {height: 460px;}
	.symposium-105153.live-symposium .header-bg img {object-position: 70% 0%;}


	.symposium-105150.live-symposium .header-bg::before {height: 150px;}
	.symposium-105150.live-symposium .header-bg::after {height: 50px;}
	.symposium-105150.live-symposium .header-bg {height: 460px;}
	.symposium-105150.live-symposium .header-bg img {object-position: 70% 0%;opacity: 0.7;}
	

	.live-symposium .magazine .covers {flex-wrap: wrap;}
	.live-symposium .magazine .covers .item {flex: 0 1 33.33%;}
	.live-symposium .magazine .covers .item:nth-child(7) {display:none;}
}


.listing.symposium {margin: 0 -15px 20px;justify-content: center;}
.listing.symposium + .coming-soon {background: #000;padding: 60px 30px;margin: -10px 0 30px 0;font-size: 35px;font-weight: 800;line-height: 1;}
.listing.symposium + .coming-soon strong {
    color: var(--c-secondary);
    /* display: block; */
}
.listing.symposium > div {/* margin: 60px 0; */margin: 0 0 20px 0;padding: 0 15px;}
.listing.symposium > div .item {border-radius: 0 !important;overflow: visible !important;transform: none !important;display: flex;flex-direction: row;flex-wrap: wrap;height: auto;/* background: #000; */align-items: flex-end;box-shadow: none;}
.listing.symposium > div .item .banner {min-height: 354px;padding: 25px 25px;display: flex;/* justify-content: flex-end; */background: #000;width: auto;/* min-height: auto !important; */padding: 20px 0 20px 20px;position: absolute;bottom: 52px;left: 0;right:0;}
.listing.symposium > div .item .banner .top { position: relative; left: auto; top: auto; right: auto; flex-grow: 1; display: flex; align-items: flex-start; }
.listing.symposium > div .item .banner .top .credits { width: auto; height: auto; line-height: normal; background: none; color: var(--c-secondary); border: solid 1px var(--c-secondary); padding: 9px 15px; font-size: 19px; }
.listing.symposium > div .item .banner .top .date-wrap {}
.listing.symposium > div .item .banner .top .date-wrap .date {color: var(--c-secondary);margin: 1px 0 0 0;}
.listing.symposium > div .item .banner .webinar-name {width: 55%;}
.listing.symposium > div .item .banner .webinar-name .name {font-weight: 800;font-size: 28px !important;width:100%;}
.listing.symposium > div .item .banner .sponsor {/* display:none; */left: auto;right: 20px;z-index: 10;box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
.listing.symposium > div .item .banner .sponsor img { max-width: 110px; max-height: 20px; }
.listing.symposium > div .item .banner .speaker {font-size: 23px;font-weight: 800;margin: 10px 0 0;}
.listing.symposium > div .item .banner .speaker .separator{ display: block; font-size: 0; }
.listing.symposium > div .item .banner .photo {display: none;}
.listing.symposium > div .item .banner .photo img { max-width: 65%; max-height: none; }
.listing.symposium > div .item .text {padding: 0;flex: 0 1 100%;}
.listing.symposium > div .item .text .flag { display: none; }
.listing.symposium > div .item .text .btn { width: 100%; text-align: center; border-radius: 0; justify-content: center; background: var(--c-secondary); color: #000 !important; font-size: 18px !important; font-weight: 800; padding: 15px 30px; }
.listing.symposium > div .item .text .btn:hover {background:var(--c-main)}

.listing.symposium > div .item .photo {flex: 0 1 59%;filter: grayscale(1) contrast(2);display: flex;align-items: flex-end;margin: 0 0 0 auto;}
.listing.symposium > div .item .photo img {display:none;}
.listing.symposium > div .item .photo img:first-child {display:block;}

.listing.symposium.owl-carousel {}
.listing.symposium.owl-carousel .owl-stage-outer {}
.listing.symposium.owl-carousel .owl-stage-outer .owl-stage { display: flex;}
.listing.symposium.owl-carousel .owl-stage-outer .owl-stage .owl-item {}


@media (max-width: 1200px) {
	.listing.symposium {}
	.listing.symposium > div {}
	.listing.symposium > div .item { align-items: unset; height: 100%; flex-direction: column; }
	.listing.symposium > div .item .banner {position: relative;bottom: 0;display: flex;align-items: flex-start;flex-direction: column;padding: 20px;flex-grow: 1;min-height: auto;}
	.listing.symposium > div .item .banner .webinar-name { height: auto !important; width: 100%; }
	.listing.symposium > div .item > .photo {display:none}

	.listing.symposium > div .item .banner .speaker-wrap {display: flex;align-items: center;text-align: left;}
	.listing.symposium > div .item .banner .speaker-wrap .photo {display:block;margin: 0;flex: 1;display: flex;}
	.listing.symposium > div .item .banner .speaker-wrap .photo img {position: relative;max-width: 60px;border-radius: 50%;filter: grayscale(1) contrast(1.5);display: block !important;margin: 0 10px 0 0;opacity: 1 !important;}
	.listing.symposium > div .item .banner .speaker-wrap .photo img:first-child {}
	.listing.symposium > div .item .banner .speaker-wrap .speaker {width: 100%;font-size: 15px;margin: 0;letter-spacing: -0.5px;}
	.listing.symposium > div .item .banner .sponsor {display: inline-block;position:relative;left: auto;right: auto;width: auto;bottom: auto;margin: 20px 0 0 0;}
	.listing.symposium > div .item .banner .sponsor:empty {display:none}
	.listing.symposium > div .item .banner .webinar-name .name { font-size: 24px !important; }

	.listing.symposium > div .item .text { flex: none; }
}