#single-webinar-modal {}
#single-webinar-modal .modal-dialog {max-width: 1390px;/* height: 100%; */}
#single-webinar-modal .modal-dialog .modal-content {border-radius: 15px;height: 100%;min-height: 100%;}
#single-webinar-modal .modal-dialog .modal-content .modal-body {padding: 0;overflow: visible;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta {display: flex;align-items: center;margin: 40px auto 40px;/* max-width: 1380px; */padding: 0 40px;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .btn.back {margin: 0 30px 0 0; background: var(--c-main); color: #fff; border: solid 1px var(--c-main); display: flex; align-items: center; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .btn.back i {font-size: 21px;font-weight: 300;margin: -4px 12px -4px 0;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .btn.get-your-ce {margin: 0 40px 0 0; background: var(--c-main); color: #fff; border: solid 1px var(--c-main); text-transform: uppercase; font-weight: 600; display: flex; align-items: center; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .btn.get-your-ce img {width: 47px; filter: grayscale(1) invert(1) brightness(5); margin: -20px 6px -20px -10px; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .webinar-name {margin: 0;font-weight: 600;font-size: 27px;flex: 1;padding: 0 40px 0 0;line-height: 1;color: var(--c-black);}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .ce-credits {background: var(--c-gray-light);border-radius: 50%;margin: 0 20px 0 0;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .ce-credits img {max-width: 70px; filter: grayscale(1) invert(1) brightness(5); }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {position: relative; top: auto; right: auto; background: none; color: var(--c-black); font-size: 28px; width: auto; height: auto; line-height: 1; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video {text-align: center; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .video-spinner {position: relative; }

#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .podcast {}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .podcast .item {border-radius:0}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .podcast .banner {border-radius: 0; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .podcast .text {border-radius: 0; }

#webinar-room .start-audio {
    right: 70px !important;
}

#single-webinar-modal {}
#single-webinar-modal .modal-dialog {max-width: 1920px; padding: 20px 40px 0; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta {margin: 0; padding: 0; z-index: 10; position: relative; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .get-your-ce {display: none;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {position: absolute;top: 0;right: 0;background: var(--c-main);color: #fff;width: 50px;height: 50px;line-height: 50px;font-size: 19px;}
#single-webinar-modal .video-js .vjs-control-bar::after {content:none}


#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room {width: 100% !important; height: auto !important; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room .player-wrapper {}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room .player-wrapper #player {height: 100%;z-index: 1;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room .player-wrapper #player .vjs-tech {height: auto; }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room .player-wrapper #player .vjs-poster {/* height: auto; *//* bottom: auto; */}


.video-spinner {min-height: 130px; position: relative; }
.lds-spinner {display: inline-block; position: relative; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .lds-spinner div {transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after {content: " "; display: block; position: absolute; top: 3px; left: 37px; width: 6px; height: 18px; border-radius: 20%; background: var(--c-black); } .lds-spinner div:nth-child(1) {transform: rotate(0deg); animation-delay: -1.1s; } .lds-spinner div:nth-child(2) {transform: rotate(30deg); animation-delay: -1s; } .lds-spinner div:nth-child(3) {transform: rotate(60deg); animation-delay: -0.9s; } .lds-spinner div:nth-child(4) {transform: rotate(90deg); animation-delay: -0.8s; } .lds-spinner div:nth-child(5) {transform: rotate(120deg); animation-delay: -0.7s; } .lds-spinner div:nth-child(6) {transform: rotate(150deg); animation-delay: -0.6s; } .lds-spinner div:nth-child(7) {transform: rotate(180deg); animation-delay: -0.5s; } .lds-spinner div:nth-child(8) {transform: rotate(210deg); animation-delay: -0.4s; } .lds-spinner div:nth-child(9) {transform: rotate(240deg); animation-delay: -0.3s; } .lds-spinner div:nth-child(10) {transform: rotate(270deg); animation-delay: -0.2s; } .lds-spinner div:nth-child(11) {transform: rotate(300deg); animation-delay: -0.1s; } .lds-spinner div:nth-child(12) {transform: rotate(330deg); animation-delay: 0s; } @keyframes lds-spinner {0% {opacity: 1; } 100% {opacity: 0; } }


#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .video-spinner::before {content:""; padding:56.25% 0 0 0; display:block;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .video-spinner img {max-width: 250px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-content  {margin: 0;/* max-width: 1380px; */padding: 0;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-content .read-article {display:none;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer {text-align: center;padding: 20px 40px 70px;font-weight: 300;text-align: center;border-radius: 0 0 10px 10px;font-size: 13px;background: rgb(221,221,221);background: -moz-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,0) 100%);background: linear-gradient(0deg, rgba(221,221,221,1) 0%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#dddddd",endColorstr="#ffffff",GradientType=1);}
.dark-mode #single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer {background: rgb(51,51,51); background: -moz-linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%); background: -webkit-linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%); background: linear-gradient(0deg, rgba(51,51,51,1) 0%, rgba(51,51,51,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1); }
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .content {max-width: 1300px; margin: 0 auto; }

#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer {color: var(--c-gray);font-size: 11px;margin: 50px 0 0 0;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer:first-child {margin-top:0}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer a {display: block;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer a img {filter: invert(1);max-height: 35px;width: auto;margin: 0 0 20px 0;opacity: 0.5;max-width: 100%;}
.dark-mode #single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer a img {filter: none}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd a {margin: 0 30px 0 0;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd a img {margin: 0;max-height: 100px;}
#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd span {text-align: left; }

@media (max-width: 1200px) {
	.webinar-content {grid-template-columns: repeat(1,1fr);}
	.webinar-content .main {grid-column: span 1; }
	.webinar-content .sidebar {grid-column: span 1; }

	#single-webinar-modal .modal-dialog {padding: 0; margin: 0; }
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {top: 0;right: 0;border-radius: 0;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body #webinar-room .start-audio {right: 70px;top: 17px;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body #webinar-room .vjs-modal-dialog.survey {
		height: 400px !important;
		/* overflow-y: auto; */
	}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room .player-wrapper #player .vjs-poster {
		height: auto;
		bottom: auto;
		/* width: 100%; */
	}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video #webinar-room .player-wrapper #player .vjs-poster::before {content:"";padding-top:56.25%; display:block}
}

@media (max-width: 1024px) {
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-video .podcast .item {margin: 0;width: 100%;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body #webinar-room .vjs-modal-dialog.survey {height: 100% !important;padding: 30px 20px;}
}

@media (max-width: 767px) {
	.webinar-content .sidebar .questions-box {margin: 0 -20px;padding: 30px 20px;border-radius: 0;}
	.webinar-content .sidebar .questions-box button {width: 100%;}
	.webinar-player {margin: 0 -20px 50px; border-radius: 0; box-shadow: none; }
	.webinar-player #play-webinar {width: 70px;height: 70px;}
	.webinar-player #play-webinar::before {font-size: 32px;}
	#single-webinar-modal .modal-dialog {margin:0}
	
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta {padding: 0 20px 0 20px;flex-wrap: wrap;margin: 0;align-items: center;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {margin: 0 0 0 auto;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-meta .webinar-name {flex: 0 1 100%;padding: 0;margin: 20px 0 0 0;order: 3;font-size: 24px;}

	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-content {padding: 0 20px;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer {padding: 20px 40px 40px;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd {margin: 30px 0 0 0;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd a {margin: 0 0 10px 0;}
	#single-webinar-modal .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd span {flex: 0 1 100%;text-align: center;}

	.quiz-form {padding:0}
}



#single-webinar-modal #webinar-room {
    height: auto !important;
    width: auto !important;
}