#single-webinar-modal {}
#single-webinar-modal .modal-dialog {max-width: 1390px;/* height: 100%; */}
#single-webinar-modal .modal-dialog .modal-content {/* border-radius: 0; */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;border-radius: 0 !important;!i;!;}
#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;
}








#webinar-room .quiz-form {font-size: 16px;}
#webinar-room .quiz-form > ul {list-style: none;margin: 0 0 30px 0 !important;padding: 0;}
#webinar-room .quiz-form > ul:last-child {margin:0 !important}
#webinar-room .quiz-form > ul > li {margin: 0 0 20px 0;}
#webinar-room .quiz-form > ul > li:last-child {/* margin:0; */}
#webinar-room .quiz-form > ul > li > label {color: #000;font-family: inherit;font-weight: 600;margin: 0 0 5px 0;}
#webinar-room .quiz-form > ul > li > label span {color: var(--c-main);font-size: 80%;vertical-align: top;display: inline-block;margin: 0 0 0 2px;}
#webinar-room .quiz-form > ul > li ul {list-style: none;padding: 0;margin: 0;font-size: 14px;}
#webinar-room .quiz-form > ul > li ul.inline {}
#webinar-room .quiz-form > ul > li ul.inline li {display: inline-block;margin: 0 20px 10px 0;}
#webinar-room .quiz-form > ul > li ul li {margin: 0 0 10px 0;}
#webinar-room .quiz-form > ul > li ul li input {margin: 0 6px 0 0;vertical-align: top;}
#webinar-room .quiz-form > ul > li ul li label {vertical-align: top;margin: 0 0 10px 0;margin: 0;}

#webinar-room .quiz-form > ul.large {}
#webinar-room .quiz-form > ul.large > li {}
#webinar-room .quiz-form > ul.large > li > label {font-size: 25px;line-height: 1.1;margin: 2px 0 22px 0;color: #fff !important;!i;!;}
#webinar-room .quiz-form > ul.large > li ul {}
#webinar-room .quiz-form > ul.large > li ul li {font-size: 17px;margin: 0 0 15px 0;}
#webinar-room .quiz-form > ul.large > li ul li label {}
#webinar-room .quiz-form > ul.large > li ul li label::before {}


#webinar-room .quiz-form [type="radio"]:checked,#webinar-room .quiz-form [type="radio"]:not(:checked) {position: absolute;left: -9999px;}
#webinar-room .quiz-form [type="radio"]:checked + label,#webinar-room .quiz-form [type="radio"]:not(:checked) + label{position: relative;padding-left: 27px;cursor: pointer;line-height: 20px;display: inline-block;color: #000;}
#webinar-room .quiz-form [type="radio"]:checked + label:before,#webinar-room .quiz-form [type="radio"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0px;width: 21px;height: 21px;border: 2px solid #ddd;border-radius: 100%;background: #fff;}
#webinar-room .quiz-form [type="radio"]:checked + label:after,#webinar-room .quiz-form [type="radio"]:not(:checked) + label:after {content: '';width: 13px;height: 13px;background: var(--c-main);position: absolute;top: 4px;left: 4px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
#webinar-room .quiz-form [type="radio"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
#webinar-room .quiz-form [type="radio"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}


#webinar-room .quiz-form ul.large [type="radio"]:checked,#webinar-room .quiz-form ul.large [type="radio"]:not(:checked) {}
#webinar-room .quiz-form ul.large [type="radio"]:checked + label,#webinar-room .quiz-form ul.large [type="radio"]:not(:checked) + label{padding: 0 0 0 38px;color: #fff !important;!i;!;}
#webinar-room .quiz-form ul.large [type="radio"]:checked + label:before,#webinar-room .quiz-form ul.large [type="radio"]:not(:checked) + label:before {width: 32px;height: 32px;top: -5px;}
#webinar-room .quiz-form [type="radio"]:checked + label:after,#webinar-room .quiz-form  ul.large [type="radio"]:not(:checked) + label:after {}
#webinar-room .quiz-form ul.large [type="radio"]:not(:checked) + label:after {}
#webinar-room .quiz-form ul.large [type="radio"]:checked + label:after {left: 0;width: 32px; height: 32px; top: -5px;transform: scale(0.5);}


#webinar-room .quiz-form [type="checkbox"]:checked,#webinar-room .quiz-form [type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
#webinar-room .quiz-form [type="checkbox"]:checked + label,#webinar-room .quiz-form [type="checkbox"]:not(:checked) + label{position: relative;padding-left: 27px;cursor: pointer;line-height: 20px;display: inline-block;color: #000;}
#webinar-room .quiz-form [type="checkbox"]:checked + label:before,#webinar-room .quiz-form [type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 0px;width: 21px;height: 21px;border: 2px solid #ddd;border-radius: 5px;background: #fff;}
#webinar-room .quiz-form [type="checkbox"]:checked + label:after,#webinar-room .quiz-form [type="checkbox"]:not(:checked) + label:after {content: '';width: 13px;height: 13px;background: var(--c-main);position: absolute;top: 4px;left: 4px;border-radius: 3px;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
#webinar-room .quiz-form [type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
#webinar-room .quiz-form [type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}

#webinar-room .quiz-form .survey-error {color: var(--c-main);font-size: 11px;font-weight: 600;margin: 0;}