.symposia-header {position: relative;background: #000;overflow: hidden;/* border-bottom: solid 10px var(--c-main); */margin: 0 0 60px 0;}
.symposia-header::before {content: "";background: var(--c-main);background: linear-gradient(360deg, rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 0%) 100%);position: absolute;left: 0;right: 0;bottom: 0;height: 460px;z-index: 2;}
.symposia-header .info {position: absolute;bottom: -3px;left: 50%;transform: translateX(-50%);z-index: 2;width: 100%;max-width: 500px;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;padding: 40px 40px 0 40px;border-radius: 20px 20px 0 0;box-shadow: 0 0 40px rgb(0 0 0 / 20%);background: #fff;}
.symposia-header .info img {max-width: 350px;width: 100%;}
.symposia-header .info .date {/* display: none; */margin: 0 0 0 auto;line-height: 1.3;text-align: center;font-size: 19px;font-weight: 600;text-shadow: 1px 1px rgb(255 255 255 / 50%);flex: 0 1 100%;}
.symposia-header .info .date strong {display: block;font-size: 22px;margin: 20px 0 00;font-weight: 900;}
.symposia-header .info .date small {font-weight:300;font-size: 15px;}
.symposia-header video { width: 100%; z-index: 0; position: relative; vertical-align: top; display: block; }

@media (max-width: 1024px) {
	.symposia-header video { height: 540px; object-fit: cover; }
	.symposia-header::before { height: 320px; }
	.symposia-header .info {flex-wrap: wrap;justify-content: center;}
	.symposia-header .info img  {margin: 0 0 20px 0;max-width: 320px;}
	.symposia-header .info .date {flex: 0 1 100%;margin: 0;text-align: center;/* color: #fff; */text-shadow: none;}
	.symposia-header .info .date strong {}
	.symposia-header .info .date strong {}
	.symposia-header .info .date small { font-size: 14px; }
}
@media (max-width: 767px) {
.symposia-header { margin: 0 0 0 0; }
	.symposia-header video {}
	.symposia-header .info {padding: 30px 20px 0 20px;max-width: 90%;}
	.symposia-header .info img {}
	.symposia-header .info .date {
}
	.symposia-header .info .date strong {margin:0;font-size: 18px;}
}

.timeline {margin: 60px 0 30px 0;padding: 0 260px;font-size: 15px;text-align: left;}
.timeline .item {display: flex;align-items: flex-start;max;gin: 0 auto;}
.timeline .item .photos {}
.timeline .item .photos img {max-width: 80px;border-radius: 50%;/* filter: grayscale(1) contrast(1.5); */background: #ccc;width: 80px;height: 80px;object-fit: cover;transform-origin: top center;display: none;}
.timeline .item .photos img.active {display:block}
.timeline .item .details { padding: 0 0 40px 40px; flex: 1; position: relative; }
.timeline .item:last-child .details {padding-bottom:0}
.timeline .item .details::before {content:"";width: 2px;background: #eee;height: 100%;display: block;top: 0;left: 20px;position: absolute;bottom: 0;}
.timeline .item .details::after {content:"";width: 10px;background: #eee;height: 10px;display: block;top: 8px;left: 16px;position: absolute;border-radius: 50%;}
.timeline .item:hover .details::after {content:"";width: 10px;background: var(--c-main);}
.timeline .item:first-child .details::before {top: 14px;}
.timeline .item:first-child .details::after {top: 8px;}
.timeline .item .details h2 { margin: 0; font-size: 20px; }
.timeline .item .details .speakers  {margin: 0 0 15px 0;}
.timeline .item .details .btn {padding: 10px 15px;font-size: 13px;font-weight: 400;background: #999;}
.timeline .item .details .btn:hover {background:var(--c-main);}

@media (max-width: 1024px) {
.timeline { padding: 0; }	
}

@media (max-width: 767px) {
.timeline { margin: 20px 0 0; }
.timeline .item {}
.timeline .item .photos {}
.timeline .item .photos img { width: 60px; height: 60px; }
.timeline .item .photos img.active {}
.timeline .item .details { padding: 0 0 20px 40px; }
.timeline .item:last-child .details {}
.timeline .item .details::before {}
.timeline .item .details::after {}
.timeline .item:hover .details::after {}
.timeline .item:first-child .details::before {}
.timeline .item:first-child .details::after {}
.timeline .item .details h2 { font-size: 18px; }
.timeline .item .details .speakers { font-size: 14px; }
.timeline .item .details .btn {}
.timeline .item .details .btn:hover {}
	
}



#modalParentSessionTitle { margin: 0; font-size: 29px; }
#modalSessionMeta {}
#modalSpeakersContainer {margin: 35px 0 0 0;display: flex;flex-direction: column;gap: 40px;}
#modalSpeakersContainer .speaker-block {}
#modalSpeakersContainer .speaker-block .speaker-bio {gap: 20px;margin: 0 0 20px 0;display: flex;flex-wrap: wrap;align-items: flex-start;}
#modalSpeakersContainer .speaker-block .speaker-bio img {max-width: 120px;border-radius: 50%;background: #bbb;width: 120px;height: 120px;object-fit: contain;/* filter: grayscale(1) contrast(1.4) brightness(1.1); */}
#modalSpeakersContainer .speaker-block .speaker-bio > div  {flex: 1;align-self: center;}
#modalSpeakersContainer .speaker-block .speaker-bio > div .speaker-session-title { font-weight: 700; margin: 0; }
#modalSpeakersContainer .speaker-block .speaker-bio > div .speaker-name { margin: 10px 0 0 0; font-weight: 500; }
#modalSpeakersContainer .speaker-block .speaker-bio > div .speaker-job { font-size: 90%; opacity: 0.7; }
#modalSpeakersContainer .speaker-block .speaker-description {}

@media (max-width: 767px) {
	#modalSpeakersContainer .speaker-block .speaker-bio { flex-wrap: wrap; }
	#modalSpeakersContainer .speaker-block .speaker-bio > div {flex:0 1 100%}
	#modalParentSessionTitle {
    font-size: 22px;
}
}


.symposia-content { overflow-x: hidden; }
.symposia-content h2.section-name {font-size: 54px;margin: 0 0 45px 0;}
.symposia-content h2.section-name.text-center {justify-content:center;}
.symposia-content h2.section-name + p small {font-size: 16px;}
.symposia-content .directions {background: #eee;padding: 40px;margin: 0 0 50px 0;border-radius: 20px;display: flex;flex-wrap: wrap;gap: 30px;row-gap: 0;}
.symposia-content .directions iframe {margin: 0 0 30px 0;border-radius: 20px;border: solid 3px #fff !important;}
.symposia-content .directions h2 {margin: 0;flex: 0 1 100%;font-size: 32px;}
.symposia-content .directions p { flex: 0 1 100%; }
.symposia-content .directions ul { list-style: none; padding: 0; margin: 0; }
.symposia-content .directions ul li { position: relative; padding: 0 0 0 20px; margin: 7px 0; }
.symposia-content .directions ul li::before {content:"\f276";font-family:"Font Awesome 7 Pro";font-weight: 600;position: absolute;left: 0;top: -1px;color: var(--c-main);}
.symposia-content .directions .line { flex: 0 1 calc(50% - 15px); margin: 0 0 10px 0; }
.symposia-content .directions .line .from { font-weight: 600; display: inline-block; background: rgb(0 0 0 / 30%); color: #fff; padding: 12px 15px; border-radius: 10px; line-height: 1; margin: 0 0 5px 0; }


div.section-title {text-align: center;margin: 0 0 40px 0;font-size: 18px;}
div.section-title h2 { margin: 0; font-size: 42px; }
.section div.section-title p strong {margin: 0;/* font-size: 18px; */font-weight: 800;color: var(--c-main);}

.symposia-content .intro {font-size: 20px;padding: 60px 20px;/* max-width: 860px; */margin: 0 auto 0;border-radius: 0 0 20px 20px;text-align: center;}
.symposia-content .intro h2 { font-size: 57px; line-height: 1; }
.symposia-content .intro h2 span { color: var(--c-main); }
.symposia-content .intro p:last-child {margin:0}

.symposia-content .registration {text-align: center;margin: 60px 0 0;}
.symposia-content .registration .btn {flex-wrap: wrap;font-weight: 300;line-height: 1.2;row-gap: 5px;display: inline-flex;padding: 20px 40px;border-radius: 20px;animation:blinkSmooth 2s infinite ease-in-out;}
.symposia-content .registration .btn i {font-size: 260%;}
.symposia-content .registration .btn strong {flex: 0 1 100%;font-size: 150%;flex: 1;text-align: left;}
.symposia-content .registration .btn strong span { display: block; font-size: 13px; font-weight: 300; }

.symposia-content .listing-speakers .item .photo img { filter:none; }
@media (max-width: 1200px) {
	.symposia-content .listing-speakers .item .photo img { max-width: 140px; }
}
@media (max-width: 767px) {
	.symposia-content .intro { font-size: 18px; }
	.symposia-content .intro h2 {font-size:28px}
	.symposia-content h2.section-name { margin-top: 0 !important; font-size: 24px; }
	div.section-title h2 {font-size: 24px;}
	.symposia-content .registration {/* margin: 0 0 30px 0; */margin: 30px 0 0 0;}
	.symposia-content .registration .btn {padding: 20px 20px;justify-content: center;flex-wrap: nowrap;/* display: flex; */width: 100%;justify-content: center;align-items: center;}
	.symposia-content .registration .btn strong {/* flex: none; */font-size: 170%;font-size: 18px;flex: none;}

	.symposia-content .directions {margin: 0 -20px 30px;border-radius: 0;padding: 20px;}
	.symposia-content .directions iframe { margin: -20px -20px 20px; width: calc(100% + 40px); border: none !important; border-radius: 0; }
	.symposia-content .directions .line { flex: 0 1 100%; }

    .symposia-content .listing-speakers .item .photo img { max-width: 110px; }
    .symposia-content .listing-speakers .item:nth-child(15) {display: none;}
}


@keyframes blinkSmooth {
  0%   { background: var(--c-main); }
  50%  { background: #000; }
  100% { background: var(--c-main); }
}
 

.circle-cluster.left {position: absolute;left: -5%;top: 100px;width: 320px;height: 320px;transform: rotate(45deg);}
.circle-cluster.right {position: absolute;right: -5%;bottom: 0;width: 320px;height: 320px;transform: rotate(45deg);}
.circle-cluster.center {left: 50%;position: absolute;bottom: -70px;transform: translateX(-50%);}
.circle-cluster span {position: absolute;border-radius: 50%;opacity: 1;will-change: transform;animation-duration: 2s;animation-iteration-count: infinite;animation-direction: alternate;animation-timing-function: ease-in-out;box-shadow: 0 0 20px 1px rgb(0 0 0 / 10%);z-index: -1;}
@media (max-width: 1800px) {
	.circle-cluster.left {left: -15%;}
	.circle-cluster.right {right: -15%;}
    .circle-cluster.hide-small-devices {display: none !important;}
}

@media (max-width: 1400px) {
	.circle-cluster.left {left: -25%;}
	.circle-cluster.right {right: -25%;}
    .circle-cluster.hide-small-devices {display: none !important;}
}

@media (max-width: 1200px) {
	.circle-cluster.left {display:none;}
	.circle-cluster.right {display:none;}
	.circle-cluster.center {display:none;}
	.symposia-content .section.has-cluster-bottom {padding:0 !important}
}





.gallery-title {display: flex;justify-content: center;align-items: center;gap: 20px;margin: 60px 0 15px;font-weight: 800;font-size: 21px;}
.gallery-title::before, .gallery-title::after {content:"";height: 5px;background: #eee;flex: 1;}
.footer-gallery{ display:grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap:10px; }
.footer-gallery .item{position:relative;overflow:hidden;border-radius: 10px;}
.footer-gallery img{ width:100%; /* height:120px; */ object-fit:cover; display:block; transition: transform .4s ease; }


/* Hover zoom */
.footer-gallery .item:hover img{ transform:scale(1.08); }

 

.shorts { display: flex; }
.shorts .item { padding: 15px; flex: 1; position: relative; }
.shorts .item .short-play { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; box-shadow: 0 0 0 5px rgb(255 255 255 / 30%); border-radius: 50%; font-size: 36px; padding: 0 0 0 5px; transform: translate(-50%,-50%); z-index: 10; background: #000; color: #fff; border: none; }
.shorts .item .short-play:hover {background:var(--c-main);}
.shorts .item .short-play i {}
.shorts .item video {border-radius: 20px;max-width: 100%;vertical-align: top;pointer-events: none;}
.shorts .item .overlay {position: absolute;left: 15px;right: 15px;bottom: 15px;/* top: 15px; */background: rgb(0 0 0 / 70%);color: #fff;padding: 120px 20px 20px 20px;border-radius: 20px;font-size: 13px;background: #000;background: linear-gradient(180deg, rgba(30,30,30,0) 0%, rgba(30,30,30, 1) 80%);display: flex;flex-direction: column;justify-content: flex-end;}
.shorts .item .overlay h3 { font-size: 15px; margin: 0 0 4px 0; }
.shorts .item .overlay .date { opacity: 0.7; }
.shorts .item .overlay .text {display:none}
.shorts .item .overlay a { color: #fff; }

@media (max-width: 767px) {
	.shorts { flex-wrap: wrap; margin: 0 -15px; }
	.shorts .item { flex: 0 1 50%; }
}

#shortModal {}
#shortModal .modal-body { padding: 0; overflow: hidden; }
#shortModal .modal-body video { max-width: 100%; vertical-align: top; }
#shortModal .modal-body .overlay { background: #000; color: #fff; padding: 20px; font-size: 13px; display: block; vertical-align: top; }
#shortModal .modal-body .overlay h3 { font-size: 17px; margin: 0; }
#shortModal .modal-body .overlay .date { opacity: 0.5; }
#shortModal .modal-body .overlay .text { margin: 20px 0 0 0; }
#shortModal .modal-body .overlay .text p {}
#shortModal .modal-body .overlay .text a { color: #fff; }



.symposia-sm {padding: 0;display: flex;list-style: none;margin: 30px 0 0 0;gap: 20px;justify-content: center;}
.symposia-sm li {}
.symposia-sm li a { border: solid 1px #000; color: #000; width: 50px; height: 50px; display: block; line-height: 48px; text-align: center; border-radius: 50%; font-size: 20px; }
.symposia-sm li a:hover {background:var(--c-main);border: solid 1px var(--c-main);color: #fff;}
.symposia-sm li a i {}


.symposia-content main {padding: 60px 20px;}
.symposia-content .section {position:relative}
.symposia-content .section.has-cluster-bottom { padding-bottom: 210px; }
.symposia-content .section .content {padding: 60px 20px;}
.symposia-content  .nav.nav-tabs {margin:30px 0}

@media (max-width: 767px) {
.symposia-content .section .content {padding: 30px 20px;}
}


.img-text {display: flex;margin: 0 0 60px 0;}
.img-text:last-child {margin:0}
.img-text .text {flex: 1;padding: 0 60px 0 0;font-size: 18px;}
.img-text .text:last-child {padding: 0 0 0 60px;}
.img-text .text h2 {font-size: 38px;}
.img-text .text p {}
.img-text .text p:last-child {margin:0}
.img-text .img {flex: 0 1 50%;overflow: hidden;border-radius: 20px;height: 600px;}
.img-text .img img {border-radius: 20px;object-fit: cover;height: 100%;width: 100%;transition: all 0.8s;}

.img-text .img img:hover {
    transform: scale(1.2);
}
@media (max-width: 991px) {
    .img-text { flex-wrap: wrap; margin: 0 0 30px 0; }
	.img-text .text { padding: 0 !important; order: 2; }
	.img-text .img { flex: 0 1 100%; margin: 0 0 20px 0; }
	.img-text .img { height: 480px;  }
	.img-text .img img {width: 100%;}
	.img-text .text h2 {}
	.img-text .text p {}
	
}

@media (max-width: 767px) {
	.img-text .text h2 { font-size: 26px; }
	.img-text .text p { font-size: 17px; }
	.img-text .img { height: 300px; }
}