@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 {
background: #f2f2f2;
margin: 0;
color: #000;
height: 100%;
min-height: 100%;
position: relative;
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: #000;color: #fff !important;border-radius: 0;}
.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-main);}
.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: 0;left: 50%;transform: translateX(-50%);/* opacity: 0.5; */max-width: 100%;text-align: center;mix-blend-mode: darken;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 .menuWrap > ul li a {text-decoration:none}
.hero {padding: 60px 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: 74px;font-weight: 800;margin: 40px 0 10px 0;/* text-shadow: -2px -2px 0 #fff, 3px 3px 0 var(--c-main); */display: flex;flex-direction: column;  /* Stack words vertically */justify-content: center;font-weight: 800;/* 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;/* color: var(--c-main); */}
.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: 23px;font-weight: 700;background: #aaa;width: 80px;height: 80px;color: #fff;border-radius: 0;line-height: 80px;text-align: center;border-radius: 50%;}
.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: 700;text-transform: uppercase;line-height: 1.1;}

.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: 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;background: none;position: relative;left: auto;right: auto;}
.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: 17px;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;background: #fff;}
.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: 55%;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 .hero-paragraph {
    padding: 20px 0;
}
.hero-paragraph {
    margin: 10px 0 10px 0;
    padding: 20px;
}
@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: 1360px;margin: 0 auto;padding: 60px 40px;margin: 0 auto 50px auto;color: #000;background: var(--c-main);border-radius: 0;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 {
    margin: 0;
}
.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.gform_hidden {margin: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: 0;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: 0;padding: 0 30px;font-weight: 700;font-family: Inter;color: #000;cursor: pointer;border-radius: 0;}
.notify .gform_wrapper form .gform_footer input:hover {background: #000;color: #fff;border-radius: 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: #000;width: 100%;border-radius: 0;height: auto;padding: 15px 20px;font-size: 15px;zv;color: #fff;}
}




.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: 400px;background: #262626;background: linear-gradient(180deg, rgba(38, 38, 38, 1) 0%, rgba(38, 38, 38, 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(38, 38, 38, 1) 0%, rgba(38, 38, 38, 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 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 {}


@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;}
	.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; }
}


.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; }
}