/* /w/_general/css/zoom.css */
.single-article img.alignnone {cursor: pointer;}
div.modal {z-index: 100006;}
div.modal#ceModal {z-index: 100007;}
div.modal .modal-dialog {}
div.modal .modal-dialog .modal-content {border: none;box-shadow: 0 0 40px rgba(0 0 0 / 15%);border-radius: 0;position: relative;border-radius: 20px;background-color: var(--c-white);overflow: visible;}
div.modal .modal-dialog .modal-content .modal-header {padding: 0;border: none;z-index: 11;position: relative;}
div.modal .modal-dialog .modal-content .modal-header .btn-close {position: absolute;top: -20px;right: -20px;width: 50px;height: 50px;color: #fff;background: var(--c-main);opacity: 1;text-shadow: none;font-weight: 300;font-size: 19px;line-height: 50px;padding: 0;margin: 0;border: none;border-radius: 50%;box-shadow: 0 0 0 2px rgb(255 255 255 / 20%), 0 0 10px rgb(0 0 0 / 20%);}
div.modal .modal-dialog .modal-content .modal-header .btn-close i {}
div.modal .modal-dialog .modal-content .modal-body {min-height: 100px;padding: 40px;z-index: 9;border-radius: 20px;/* overflow: hidden; */}
div.modal .modal-dialog .modal-content .modal-footer {border: none;padding: 30px 40px 40px;border-top: solid 5px #e4e3ef;justify-content: center;}
div.modal .modal-dialog .modal-content .modal-footer .btn {margin: 0 9px;}
div.modal .modal-dialog .modal-content .modal-body .spinner {
max-width: 80px;
margin: 60px auto;
display: block;
}
div.modal.no-padding .modal-dialog .modal-content .modal-body {padding:0}
div.modal.no-padding .modal-dialog .modal-content .close {background:#000}
div.modal .modal-dialog .modal-content .modal-body .remaining-courses {
margin: 10px 0 0 0;
list-style: none;
padding: 0;
}
div.modal .modal-dialog .modal-content .modal-body .remaining-courses li {}
div.modal .modal-dialog .modal-content .modal-body .remaining-courses li i {display:none}
div.modal.login-modal {}
div.modal.login-modal .modal-dialog {}
div.modal.login-modal .modal-dialog .modal-content {}
div.modal.login-modal .modal-dialog .modal-content .close {background: #000;}
div.modal.login-modal .modal-dialog .modal-content .modal-body {padding: 0;}
div.modal.login-modal .modal-dialog .modal-content .modal-body .login-register-box {margin: 0; }
div.modal[data-modal="full"] {}
div.modal[data-modal="full"] .modal-dialog {max-width: 100%;height: 100%;margin: 20px auto;/* max-width: 1920px; */padding: 0 40px 0;}
div.modal[data-modal="full"] .modal-dialog .modal-content {box-shadow: none;padding: 0;}
div.modal[data-modal="full"] .modal-dialog .modal-content .modal-header {position: fixed;left: 0;right: 0;top: 0;}
div.modal[data-modal="full"] .modal-dialog .modal-content .modal-header .btn-close {top: 0; right: 0; border-radius: 0; }
div.modal[data-modal="full"] .modal-dialog .modal-content .modal-body {height: 100%;overflow: visible;padding: 20px 0 !important;}
/*#cw-modal-webinar .modal-dialog {margin: 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body {padding: 0 0 !important;border-radius: 0 !important;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room #player {border-radius:0 !important}*/
div.modal[data-modal="large"] {}
div.modal[data-modal="large"] .modal-dialog {max-width: 1450px;padding: 0 30px;}
div.modal[data-modal="large"] .modal-dialog .modal-content {}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-header {}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-header .btn-close {}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body {padding: 0;}
div.modal[data-modal="large"]#cw-modal-article .modal-dialog .modal-content .modal-body {padding: 30px;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .webinar-header-live {margin: 0;border-radius: 20px 20px 0 0;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .webinar-header-live::after {border-radius: 20px 20px 0 0;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .video-js {margin: 0;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .single-webinar {max-width: 1320px;margin: 50px auto 50px;padding: 0 20px;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .grid {display: block !important;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .single-webinar.single-article {padding: 0;margin: -120px auto 0 auto;/* margin: -0 auto 0 auto; */position: relative;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .single-webinar.single-article.no-header {
margin: 40px 0;
padding: 0 40px;
width: 100%;
max-width: 100%;
}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .block .content {max-width: 100%;}
div.modal[data-modal="medium"] .modal-dialog .modal-content .modal-body {/* padding: 0; */}
#zoom-modal {max-height: 100%;overflow: hidden;padding: 0 30px !important;background: rgba(255,255,255,0.9);z-index: 100103;}
.dark-mode #zoom-modal {background: rgb(0 0 0 / 50%);}
#zoom-modal .modal-dialog {max-width: 1200px;/* max-height: 100%; */height: calc(100% - 80px);margin: 40px auto;}
#zoom-modal.modal-static .modal-dialog {transform: none !important;}
#zoom-modal .modal-dialog .modal-content {background: none;box-shadow: none;height: 100%;}
#zoom-modal .close {position: fixed;top: 30px;right: 30px;width: 60px;height: 60px;background: var(--c-main);border: none;opacity: 1;color: #fff;text-shadow: none;z-index: 10;font-size: 20px;border-radius: 50%;}
#zoom-modal .close i {
line-height: 60px;
}
#zoom-modal .modal-dialog .modal-content .modal-body {background: none;padding: 0;height: 100%;}
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider {text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;}
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider .gallery-item {display:none;height: 100%;}
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider .gallery-item.active {display: inline-flex;align-items: center;justify-content: center;flex-wrap: wrap;position: relative;align-content: center;}
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider img {/* box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%); */max-width: 100%;max-height: 100%;width: auto;border-radius: 10px;}
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider img.active {/* width: 100%; */}
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider span {display: block; font-size: 13px; padding: 8px 0 0 0; }
#zoom-modal .modal-dialog .modal-content .modal-body .modal-slider .caption {padding: 20px 10px 0 10px;font-size: 14px;/* position: absolute; *//* bottom: 0; */color: var(--c-black);/* left: 0; *//* right: 0; */flex: 0 1 100%;opacity: 1;margin: 0;}
.modal-slider-nav {}
.modal-slider-nav .next {right: 0;text-align: left;}
.modal-slider-nav .prev {left: 0;text-align: right;}
.modal-slider-nav .next, .modal-slider-nav .prev {width: 60px;height: 60px;line-height: 60px;position: fixed;top: 50%;transform: translateY(-50%);font-size: 40px;cursor: pointer;}
.modal-slider-nav .next::before, .modal-slider-nav .prev::before {font-family: "icomoon";}
.modal-slider-nav .next::before {content: "\f16c";}
.modal-slider-nav .prev::before {content: "\f142";}
.modal-backdrop {background: var(--c-white) !important;opacity: 0.9 !important;z-index: 100004;}
.dark-mode .modal-backdrop {background: #222 !important;}
.modal-backdrop + .modal-backdrop {z-index: 100006;}
@media (max-width: 991px) {
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .single-webinar.single-article {margin: 0px auto 0 auto;}
}
@media (max-width: 767px) {
div.modal[data-modal="large"] .modal-dialog {padding: 0;width: 100%;margin: 0;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body {border-radius:0}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-header .btn-close {top: 0;right: 0;border-radius: 0;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .single-webinar {margin: 20px 0;}
div.modal.login-modal .modal-dialog {margin: 25px;max-width: 100%;}
div.modal[data-modal="large"] .modal-dialog .modal-content .modal-body .single-webinar.single-article.no-header {padding:0 20px}
}
.dialog {position: absolute;top: -200px;left: 50%;transform: translateX(-50%);z-index: 100010;display: none;transition: all 0.3s;}
.dialog.show {display: block;top: -30px;}
.dialog .dialog-content {background: var(--c-white);box-shadow: 0 0 20px rgb(0 0 0 / 20%);padding: 30px;max-width: 600px;border-radius: 20px;}
.dialog .dialog-body {font-size: 16px; }
.dialog .dialog-body h2 {font-weight: bold; margin: 0 0 14px 0; font-size: 23px; }
.dialog .dialog-body .close {position: absolute;right: -20px;top: -20px;background: var(--c-main);border: none;color: #fff;display: block;border-radius: 50%;width: 40px;height: 40px;font-size: 14px;line-height: 40px;box-shadow: 0 0 10px rgb(0 0 0 / 20%);display: none;}
.dialog .dialog-footer {margin: 30px 0 0 0; }
.dialog .dialog-footer .btn {margin: 0 10px 0 0; }
#takeCEDialog {}
#takeCEDialog .dialog-content {max-width: none;padding: 15px 25px;}
#takeCEDialog .dialog-body {display: flex; align-items: center; }
#takeCEDialog .dialog-body h2 {margin: 0;font-size: 15px;}
#takeCEDialog .dialog-body .actions {padding: 0 0 0 70px; }
#takeCEDialog .dialog-body .actions .btn {margin: 0 0 0 3px;padding: 7px 14px;font-size: 13px;}
@media (max-width: 1200px) {
#takeCEDialog {top:0;left: 0;right: 0;transform: none;background: #000;}
#takeCEDialog .dialog-content {width: 100%;border-radius: 0;background: none;color: #fff;text-align: center;padding: 15px 10px;}
#takeCEDialog .dialog-body {margin:0 auto;display:inline-flex;text-align: left;}
#takeCEDialog .dialog-body h2 {color: #fff;}
#takeCEDialog .dialog-body .actions {padding: 0 0 0 20px; }
#takeCEDialog .dialog-body .actions .btn {color: #fff;}
}
@media (max-width: 767px) {
#takeCEDialog .dialog-body h2 {font-size: 13px; }
#takeCEDialog .dialog-body .actions {}
#takeCEDialog .dialog-body .actions .btn {padding: 8px 10px; margin: 3px; font-size: 12px; }
}
#cw-modal-video .webinar-player .player {
border-radius: 20px 20px 0 0;
}
/* #cw-modal-webinar {}
#cw-modal-webinar .modal-dialog {max-width: 1390px;}
#cw-modal-webinar .modal-dialog .modal-content {height: 100%;min-height: 100%;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body {padding: 0;overflow: visible;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body {text-align: center; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body .video-spinner {position: relative; } */
/* #cw-modal-webinar, #cw-modal-quiz {z-index: 100007;}
#cw-modal-webinar .modal-dialog {max-width: 1920px;padding: 0px 40px 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-meta {margin: 0; padding: 0; z-index: 10; position: relative; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-meta .get-your-ce {display: none;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {position: absolute;top: -25px;right: -25px;background: #000;color: #fff;width: 50px;height: 50px;line-height: 50px;font-size: 19px;}
#cw-modal-webinar .video-js .vjs-control-bar::after {content:none}
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room {width: 100% !important; height: auto !important; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .player-wrapper {}
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .player-wrapper #player {height: 100%;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .player-wrapper #player .vjs-tech {height: auto; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .player-wrapper #player .vjs-poster {}
*/
.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; } }
/* #cw-modal-webinar .modal-dialog .modal-content .modal-body .video-spinner::before {content:""; padding:56.25% 0 0 0; display:block;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .video-spinner img {max-width: 250px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-content {margin: 40px auto 40px;padding: 0 40px;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-content .read-article {display:none;}
#cw-modal-webinar .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);}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .content {max-width: 1300px; margin: 0 auto; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer {color: var(--c-gray);font-size: 11px;margin: 50px 0 0 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer:first-child {margin-top:0}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer a {display: block;}
#cw-modal-webinar .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%;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd a {margin: 0 30px 0 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd a img {margin: 0;max-height: 100px;}
#cw-modal-webinar .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; }
/* #cw-modal-webinar .modal-dialog {padding: 0; margin: 0; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {top: 0;right: 0;border-radius: 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .start-audio {right: 70px;top: 17px;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .vjs-modal-dialog.survey {height: 400px !important; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .player-wrapper #player .vjs-poster {height: auto; bottom: auto; }
#cw-modal-webinar .modal-dialog .modal-content .modal-body #webinar-room .player-wrapper #player .vjs-poster::before {content:"";padding-top:56.25%; display:block} */
}
@media (max-width: 1024px) {
/* #cw-modal-webinar .modal-dialog .modal-content .modal-body .podcast .item {margin: 0;width: 100%;}
#cw-modal-webinar .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;}
/* #cw-modal-webinar .modal-dialog {margin:0}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-meta {padding: 0 20px 0 20px;flex-wrap: wrap;margin: 30px auto 40px;align-items: center;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-meta .close {margin: 0 0 0 auto;}
#cw-modal-webinar .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;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-content {padding: 0 20px;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer {padding: 20px 40px 40px;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd {margin: 30px 0 0 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd a {margin: 0 0 10px 0;}
#cw-modal-webinar .modal-dialog .modal-content .modal-body .webinar-modal-footer .disclaimer.agd span {flex: 0 1 100%;text-align: center;} */
}
#cw-modal-scorm {}
#cw-modal-scorm .modal-dialog {}
#cw-modal-scorm .modal-dialog .modal-content {}
#cw-modal-scorm .modal-dialog .modal-content .modal-body {}
#cw-modal-scorm .modal-dialog .modal-content .modal-body .single-webinar.single-article {}
#cw-modal-scorm .modal-dialog .modal-content .modal-body .article-header {
grid-template-columns: repeat(2,1fr);
}
#cw-modal-scorm .footnotes li:nth-child(2n) {background-color: var(--c-gray-lighter); }
#cw-modal-scorm div.single-article .quote {margin: 0 0 30px 0; padding: 40px; }
@media (max-width: 767px) {
#cw-modal-scorm {}
#cw-modal-scorm .modal-dialog {padding: 0; margin: 0; }
#cw-modal-scorm .modal-dialog .modal-content {border-radius: 0; }
#cw-modal-scorm .modal-dialog .modal-content .modal-header {}
#cw-modal-scorm .modal-dialog .modal-content .modal-header .btn-close {top: 0; right: 0; border-radius: 0; }
#cw-modal-scorm .modal-dialog .modal-content .modal-body {padding: 55px 20px 20px 20px;border-radius: 0;}
div.modal {}
div.modal .modal-dialog {padding: 0;margin: 0 auto;}
div.modal .modal-dialog .modal-content {border-radius: 0; }
div.modal .modal-dialog .modal-content .modal-header .btn-close {top: 0; right: 0; border-radius: 0; }
div.modal .modal-dialog .modal-content .modal-body {padding: 55px 20px 20px 20px;border-radius: 0;}
#cw-modal-scorm div.single-article .quote {padding: 20px; margin: 0 -20px 20px; border-radius: 0 0 30px 30px; }
.modal-dialog-scrollable {height:100%;}
}
/*
#cw-modal-article {}
#cw-modal-article .modal-dialog {}
#cw-modal-article .modal-dialog .modal-content {}
#cw-modal-article .modal-dialog .modal-content .modal-body {padding: 40px; }
#cw-modal-article .modal-dialog .modal-content .modal-body .single-webinar.single-article {margin: 0 auto;}
#cw-modal-article .footnotes li:nth-child(2n) {background-color: var(--c-gray-lighter); }
#cw-modal-article div.single-article .quote {margin: 0 0 30px 0; padding: 40px; }
@media (max-width: 767px) {
#cw-modal-article {}
#cw-modal-article .modal-dialog {padding: 0; margin: 0; }
#cw-modal-article .modal-dialog .modal-content {border-radius: 0; }
#cw-modal-article .modal-dialog .modal-content .modal-header {}
#cw-modal-article .modal-dialog .modal-content .modal-header .btn-close {top: 0; right: 0; border-radius: 0; }
#cw-modal-article .modal-dialog .modal-content .modal-body {padding: 55px 20px 20px 20px;border-radius: 0;}
div.modal {}
div.modal .modal-dialog {padding: 0; margin: 0; }
div.modal .modal-dialog .modal-content {border-radius: 0; }
div.modal .modal-dialog .modal-content .modal-header .btn-close {top: 0; right: 0; border-radius: 0; }
div.modal .modal-dialog .modal-content .modal-body {padding: 55px 20px 20px 20px;border-radius: 0;}
#cw-modal-article div.single-article .quote {padding: 20px; margin: 0 -20px 20px; border-radius: 0 0 30px 30px; }
} */
/* /w/_general/css/chat.css */
.chat-with-trainer {position: fixed;bottom: 0;right: 0;z-index: 1000000;}
.chat-with-trainer .chat-trigger {position: fixed; right: 30px; bottom: 20px; display: flex; align-items: center; flex-wrap: wrap; cursor: pointer; background: var(--c-main); color: #fff; border-radius: 30px; padding: 3px 25px 3px 3px; font-weight: 600; font-size: 14px; }
.chat-with-trainer .chat-trigger .photos {margin: 0 10px 0 0;display: flex;}
.chat-with-trainer .chat-trigger .photos .photo {
margin: 0 -15px 0 0px;
}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(1) {z-index: 1;}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(1) {z-index: 2;}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(3) {z-index: 3;}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(4) {z-index: 4;}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(5) {z-index: 5;}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(6) {z-index: 6;}
.chat-with-trainer .chat-trigger .photos .photo:nth-child(7) {z-index: 7;}
.chat-with-trainer .chat-trigger .photos .photo:last-child {margin:0}
.chat-with-trainer .chat-trigger .photos .photo img {max-width: 45px;border-radius: 50%;border: solid 1px var(--c-main);}
.chat-with-trainer .chat-trigger span {}
.chat-with-trainer .chat-trigger .new-messages {background: #d50000; color: #fff; width: 24px; height: 24px; font-weight: 600; font-size: 12px; text-align: center; line-height: 24px; position: absolute; top: -6px; right: 0; border-radius: 50%; font-size: 10px; }
.chat-with-trainer .chat-content {background: #f2f2f2;padding: 30px;border-radius: 15px;position: fixed;right: 30px;bottom: 100px;box-shadow: 0 0 14px rgb(0 0 0 / 18%);max-width: 490px;display: none;}
.chat-with-trainer.open .chat-content {display:block}
.chat-with-trainer .chat-content .messages::-webkit-scrollbar {-webkit-appearance: none; width: 7px; }
.chat-with-trainer .chat-content .messages::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.chat-with-trainer .chat-content .messages {max-height: 500px; overflow: auto; padding: 0 10px 0 0; }
.chat-with-trainer .chat-content .messages .item {margin: 0 0 30px 0;text-align: right;}
.chat-with-trainer .chat-content .messages .item .message {background: var(--c-main); color: #fff; padding: 15px; border-radius: 15px; max-width: 80%; margin: 0 0 0 auto; font-weight: 400; font-size: 13px; }
.chat-with-trainer .chat-content .messages .item .files {
display: flex;
margin: 10px 0 20px 0;
text-align: right;
width: 100%;
justify-content: flex-end;
}
.chat-with-trainer .chat-content .messages .item .files:empty {display:none}
.chat-with-trainer .chat-content .messages .item .files a {
margin: 0 0 0 12px;
display: flex;
align-items: center;
text-decoration: none;
text-align: left;
color: inherit;
}
.chat-with-trainer .chat-content .messages .item .files a img {
height: 60px;
width: 60px;
margin: 0;
object-fit: cover;
display: block;
max-width: none;
border-radius: 5px;
}
.chat-with-trainer .chat-content .messages .item .files a i {
font-size: 26px;
margin: 0;
width: 44px;
height: 60px;
text-align: center;
line-height: 60px;
background: #fff;
color: #fff;
border-radius: 5px;
background: rgb(255 255 255 / 0.3);
}
.chat-with-trainer .chat-content .messages .item .files a span {
font-size: 11px;
text-decoration: none;
color: #000;
line-height: 1.2;
}
.chat-with-trainer .chat-content .messages .item .meta {display: inline-flex; align-items: center; margin: 10px 0 0px auto; }
.chat-with-trainer .chat-content .messages .item .meta img {max-width: 40px; border-radius: 50%; order: 2; margin: 0 0 0 10px; }
.chat-with-trainer .chat-content .messages .item .meta .text {font-weight: 600; font-size: 13px; line-height: 1.2; }
.chat-with-trainer .chat-content .messages .item .meta .text .date {display: block; font-weight: 300; font-size: 11px; opacity: 0.7; }
.chat-with-trainer .chat-content .submit-message {margin: 30px 0 0 0; display: flex; align-items: center; }
.chat-with-trainer .chat-content .submit-message textarea {flex: 1; border: none; border-radius: 30px; height: 46px; padding: 12px 15px; font-weight: 300; font-size: 14px; resize: none; }
.chat-with-trainer .chat-content .submit-message button.send-message {margin: 0 0 0 20px;border: none;width: 46px;height: 46px;background: var(--c-main);border-radius: 50%;color: #fff;text-align: center;padding: 0;font-weight: 300;font-size: 18px;line-height: 46px;/* display: none; */}
.chat-with-trainer .chat-content .submit-message button.send-message i {}
.chat-with-trainer .chat-content .submit-message button.add-file {
margin: 0 15px 0 0;
border: none;
padding: 0;
font-size: 21px;
color: var(--c-main);
line-height: 46px;
background: none;
}
.chat-with-trainer .chat-content .submit-message button.add-file i {}
.chat-with-trainer .chat-content .close-chat {position: absolute; width: 40px; height: 40px; color: #fff; background: #000; text-align: center; line-height: 40px; border-radius: 50%; font-size: 13px; top: -20px; right: -20px; cursor: pointer; }
.chat-with-trainer .chat-content .close-chat i {}
.chat-with-trainer .chat-content .messages .item.trainer {text-align: left; }
.chat-with-trainer .chat-content .messages .item.trainer .message {margin: 0 auto 0 0; background: var(--c-white); color: var(--c-black); }
.chat-with-trainer .chat-content .messages .item.trainer .meta {}
.chat-with-trainer .chat-content .messages .item.trainer .meta img {order: 1; margin: 0 10px 0 0; }
.chat-with-trainer .chat-content .messages .item.trainer .meta .text {order: 2; }
.chat-with-trainer .chat-content .messages .item.trainer .meta .text span {}
/* /w/_general/css/comment.css */
.choose-webinar {
width: 100%;
margin: 0 0 40px 0;
}
.choose-webinar select {
width: 100%;
background-color: var(--c-white) !important;
height: 60px;
padding: 0 20px;
font-size: 17px;
box-shadow: 0 0 15px rgb(0 0 0 / 5%);
}
.ask-the-expert {}
.ask-the-expert .comment-form {margin: 0 0 30px 0; }
.ask-the-expert .comment-form h3 {}
.ask-the-expert .comment-form textarea {width: 100%;border: none;padding: 15px;border-radius: 10px;background: var(--c-gray-lighter);border-radius: 20px;height: 120px;margin: 0 0 10px 0;resize: none;}
.ask-the-expert .comment-form .submit-comment {margin: 0 8px 0 0; }
.ask-the-expert .comment-form .cancel-reply {display:none;}
.ask-the-expert .comments {
margin: 0;
}
.ask-the-expert .comments .item {margin: 0 0 20px 0;display: flex;/* align-items: center; */flex-wrap: wrap;background: var(--c-white);padding: 20px;border-radius: 20px;}
.ask-the-expert .comments .item:last-child {margin-bottom:0}
.ask-the-expert .comments .item.unapproved {
color: #aaa;
background: none;
box-shadow: 0 0 0 2px var(--c-gray-light);
}
.ask-the-expert .comments .item .author {display: flex;align-items: flex-start;flex-wrap: wrap;margin: 0;padding: 0;flex: 1;}
.ask-the-expert .comments .item .author img {max-width: 42px;border-radius: 50%;margin: -6px 10px 0 0;padding: 2px;}
.ask-the-expert .comments .item.logged-in-user > .author img {
border: solid 1px var(--c-orange);
}
.ask-the-expert .comments .item .author .comment-meta {}
.ask-the-expert .comments .item .author .comment-meta .label {
/* background: var(--c-orange) !important; */!i;!;
color: #fff;
display: inline-block;
font-size: 9px;
padding: 4px 6px;
border-radius: 5px;
line-height: 1;
margin: 0 5px 0 0;
vertical-align: top;
}
.ask-the-expert .comments .item .author .comment-meta .name {font-weight: 500;margin: 1px 0 0 0;line-height: 1.1;font-size: 13px;display: inline-block;vertical-align: top;}
.ask-the-expert .comments .item .author .comment-meta .date {font-size: 11px;opacity: 0.7;margin: 0;line-height: 1.3;}
.ask-the-expert .comments .item .comment {padding: 0 0 15px 0;/* background: var(--c-white); *//* border-radius: 20px 20px 0 0; */margin: 0;flex: 0 1 100%;/* order: 3; */}
.ask-the-expert .comments .item .comment .format {
background: var(--c-gray);
color: #fff;
font-size: 11px;
display: inline-block;
padding: 6px 10px;
border-radius: 5px;
line-height: 1;
margin: 0 8px 6px 0;
}
.ask-the-expert .comments .item .comment a {
display: block;
font-weight: 600;
text-decoration: none;
}
.ask-the-expert .comments .item .comment a:hover {color:var(--c-secondary)}
.ask-the-expert .comments .item .notification {
flex: 0 1 100%;
/* padding: 20px; */
padding: 10px 0 0 0;
/* background: #fff; */
border-radius: 10px;
display: flex;
align-items: center;
/* font-weight: 400; */
font-size: 12px;
opacity: 0.7;
}
.ask-the-expert .comments .item .notification::before {content:"\f06a";font-family: 'Font Awesome 7 Pro';font-weight: 900;font-size: 18px;margin: 0 6px 0 0;}
.ask-the-expert .comments .item .actions {margin: 0 0 0 auto;/* background: #fff; *//* min-height: 62px; */display: flex;align-items: flex-start;}
.ask-the-expert .comments .item .actions .delete {font-size: 27px;text-decoration: none;color: var(--c-main);border: none;/* border-bottom: solid 1px var(--c-main); */background: none;display: inline-flex;align-items: center;margin: 1px 0 0 15px;padding: 0;}
.ask-the-expert .comments .item .actions .delete i {}
.ask-the-expert .comments .item .actions .reply {font-weight: 500;font-size: 13px;text-decoration: none;padding: 2px 0 2px 0;color: var(--c-main);border: none;border-bottom: solid 1px var(--c-main);background: none;display: inline-flex;align-items: center;margin: 0;}
.ask-the-expert .comments .item.unapproved .actions .reply {display:none;}
.ask-the-expert .comments .item .actions .reply::before {}
.ask-the-expert .comments .item .actions .switch-wrap {
display: inline-flex;
align-items: center;
/* flex-direction: column; */
justify-content: flex-end;
text-align: center;
position: relative;
margin: 0 0 0 20px;
}
.ask-the-expert .comments .item .actions .switch {
/* width: 60px; */
}
.ask-the-expert .comments .item .actions .switch-label {
font-size: 9px;
margin: 0;
/* flex: 0 1 100%; */
position: absolute;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
text-transform: capitalize;
}
.ask-the-expert .comments .item .replies {
flex: 0 1 100%;
padding: 30px 0 0 52px;
}
.ask-the-expert .comments .item .replies:empty {display:none}
.ask-the-expert .comments .item .replies .item {
margin: 0 0 20px 0;
background: var(--c-gray-lightest);
/* padding: 0; */
/* background: none; */
}
.ask-the-expert .comments .item .replies .item.unapproved {
background: none;
box-shadow: 0 0 0 2px var(--c-gray-light);
}
.ask-the-expert .comments .item .replies .item.logged-in-user .author img {border:solid 1px var(--c-orange) }
.ask-the-expert .comments .item .replies .item .comment {
/* background: var(--c-gray-light); */
}
.ask-the-expert .comments .item .replies .item .actions {
background: none;
/* min-height: 51px; */
}
.ask-the-expert .comments .item .replies .item .actions .slider:not(.block) {
background: var(--c-gray);
}
.ask-the-expert .comments .item .replies .item .actions input:checked + .slider {background:var(--c-main)}
.ask-the-expert .comments .item .replies .item .actions .reply {display:none;}
.ask-the-expert .comments .item .replies .item .author {
/* background: var(--c-gray-light); */
align-items: flex-start;
}
.ask-the-expert .comments .item .replies .item .author img {
max-width: 31px;
margin: 0 10px 0 0;
border: solid 1px var(--c-gray-light);
}
.ask-the-expert .comments .item .replies .item:last-child {margin:0}
.ask-the-expert .comments .item .comment-form {margin: 20px 0 0 0;flex: 0 1 100%;/* order: 1; */padding: 0 0 0 52px;}
.ask-the-expert .comments .item .comment-form h3 {display:none}
.ask-the-expert .comments .item .comment-form .cancel-reply {display:inline-block;border: none;padding: 0;border-radius: 0;background: none;color: var(--c-main);}
.ask-the-expert .comments .item .comment-form .cancel-reply:hover {color:var(--c-secondry);}
.ask-the-expert .comments .item.child {
padding: 0 0 0 70px;
}
.ask-the-expert .comments .item.child .actions .reply {display:none}
.ask-the-expert .comments .item.reply-active {
/* background: none; */
padding: 30px;
border-radius: 20px;
margin: 0 0 40px 0;
border: solid 5px var(--c-gray-lighter);
}
.ask-the-expert .comments .item.reply-active .comment {/* background: var(--c-gray-lighter); */}
.ask-the-expert .comments .item.reply-active .actions .reply {
display: none;
}
.moderation-user-listing {background: var(--c-white);}
.sidebar-box .search {
margin: 0 0 20px 0;
position: relative;
}
.sidebar-box .search input {
width: 100%;
padding: 0 20px;
border-radius: 10px;
border: none;
background: var(--c-gray-lighter);
height: 50px;
font-weight: 300;
}
.sidebar-box .search::after {content:"\f002";font-family: "Font Awesome 7 Sharp";font-weight: 300;position: absolute;right: 0;top: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 19px;}
.moderation-user-listing .item {display: flex; align-items: center; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: solid 1px var(--c-gray-lighter); }
.moderation-user-listing .item:last-child {margin:0; padding:0; border:none}
.moderation-user-listing .item img {max-width: 50px; border-radius: 50%; margin: 0 10px 0 0; }
.moderation-user-listing .item .meta {font-size: 12px; }
.moderation-user-listing .item .meta .name {margin: 0 0 2px 0; font-weight: 600; font-size: 14px; }
.moderation-user-listing .item .meta .comment {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.moderation-user-listing .item .meta .date::before {content:"";width: 6px;height: 6px;display: inline-block;background: var(--c-gray);border-radius: 50%;margin: 0 8px 0 5px;}
.moderation-user-listing .item .meta .date {display: inline-flex; margin: 0; vertical-align: top; align-items: center; }
.moderation-webinar-listing {background: var(--c-white); padding: 20px; margin: 0 0 40px 0; border-radius: 10px; }
.moderation-webinar-listing .item {display: flex; align-items: center; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: solid 1px var(--c-gray-lighter); }
.moderation-webinar-listing .item:last-child {margin:0; padding:0; border:none}
.moderation-webinar-listing .item img {max-width: 97px;border-radius: 5px;margin: 0 10px 0 0;}
.moderation-webinar-listing .item .meta {font-size: 12px; }
.moderation-webinar-listing .item .meta .name {margin: 0 0 2px 0; font-weight: 600; font-size: 14px; }
.moderation-webinar-listing .item .meta .speaker {
margin: 0;
}
.moderation-webinar-listing .item .meta .comment {display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 160px; }
.moderation-webinar-listing .item .meta .date::before {content:"";width: 6px;height: 6px;display: inline-block;background: var(--c-gray);border-radius: 50%;margin: 0 8px 0 5px;}
.moderation-webinar-listing .item .meta .date {display: inline-flex; margin: 0; vertical-align: top; align-items: center; }
.modal .ask-the-expert .comments .item .comment {/* background: var(--c-gray-lightest); */}
.modal .ask-the-expert .comments .item .author {/* background: var(--c-gray-lightest); */}
.modal .ask-the-expert .comments .item .actions {/* background: var(--c-gray-lightest); */}
.ask-the-expert .comments.manage .item .actions .reply {}
/* /w/_general/css/acf.css */
.clear {
clear: both;
}
.acf-field input[type=text], .acf-field input[type=password], .acf-field input[type=date], .acf-field input[type=datetime], .acf-field input[type=datetime-local], .acf-field input[type=email], .acf-field input[type=month], .acf-field input[type=number], .acf-field input[type=search], .acf-field input[type=tel], .acf-field input[type=time], .acf-field input[type=url], .acf-field input[type=week], .acf-field select {
background: var(--c-gray-lighter);
border: none;
padding: 0 16px !important;
height: 50px;
border-radius: 10px;
font-weight: 300;
font-size: 16px !important;
color: var(--c-black);
/* box-shadow: 0 0 8px rgb(0 0 0 / 10%); */
}
.dark-mode .acf-field input[type=text], .dark-mode .acf-field input[type=password], .dark-mode .acf-field input[type=date], .dark-mode .acf-field input[type=datetime], .dark-mode .acf-field input[type=datetime-local], .dark-mode .acf-field input[type=email], .dark-mode .acf-field input[type=month], .dark-mode .acf-field input[type=number], .dark-mode .acf-field input[type=search], .dark-mode .acf-field input[type=tel], .dark-mode .acf-field input[type=time], .dark-mode .acf-field input[type=url], .dark-mode .acf-field input[type=week], .dark-mode .acf-field select {
background: #333;
}
.acf-field textarea {
background: var(--c-gray-lighter);
border: none;
padding: 15px !important;
height: 100px;
border-radius: 10px !important;
font-weight: 300;
font-size: 16px !important;
/* box-shadow: 0 0 8px rgb(0 0 0 / 10%); */
color: var(--c-black);
}
.dark-mode .acf-field textarea {
background: #333;
}
.acf-field input[type=file] {
font-size: 13px;
}
.acf-fields:after {
content: none !important
}
#page .acf-field .acf-notice.-error {
border: none;
background: none;
/* color: var(--c-main); */
padding: 0;
font-weight: 600;
margin: 5px 0 0 0;
font-size: 11px;
}
#page .acf-field .acf-notice.-error p {
margin-top: 0;
font-size: inherit;
line-height: 1.2;
}
.acf-checkbox-list {
border: none !important;
}
.acf-checkbox-list li {
margin: 0 30px 10px 0 !important;
}
.acf-checkbox-list li:last-child {
margin-bottom: 0 !important
}
.acf-checkbox-list li label {
position: relative;
padding: 0 0 0 32px;
display: block !important;
font-size: 15px;
font-weight: 300;
}
.acf-checkbox-list li label::before {
content: "";
width: 24px;
height: 24px;
display: inline-block;
background: var(--c-gray-lighter);
border-radius: 5px;
position: absolute;
left: 0;
top: 0px;
font-weight: 300;
}
.acf-checkbox-list li label input {
display: none;
}
.acf-checkbox-list li label.selected {
}
.acf-checkbox-list li label.selected::before {
content: "";
background: var(--c-main);
}
.acf-checkbox-list li label.selected::after {
content: "\f00c";
width: 24px;
height: 24px;
display: inline-block;
border-radius: 3px;
position: absolute;
left: 0;
top: 0px;
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
color: #fff;
text-align: center;
line-height: 24px;
font-size: 12px;
}
.acf-checkbox-list li label.selected input {
}
.acf-checkbox-list li strong {
font-weight: 600;
}
.acf-checkbox-list li ul {
list-style: none;
padding: 0;
margin: 4px 0 0 0;
}
.acf-checkbox-list li ul li {}
.acf-checkbox-list li ul li label {}
.acf-radio-list {}
.acf-radio-list li {
font-size: 15px;
margin: 0 0 10px 0;
}
.acf-radio-list li label {
position: relative;
padding: 0 0 0 28px;
cursor: pointer;
}
.acf-radio-list li label::before {
content: "";
position: absolute;
left: 0;
top: -2px;
width: 20px;
height: 20px;
display: block;
background: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}
.acf-radio-list li label.selected::before {
content: "";
background: var(--c-main);
border: solid 1px var(--c-main);
}
.acf-radio-list li label.selected::after {
content: "";
display: block;
width: 20px;
height: 20px;
background: #fff;
position: absolute;
top: -2px;
left: 0;
border-radius: 50%;
transform: scale(0.5);
}
.acf-radio-list li label input {
display: none;
}
#page .acf-form {/* padding: 40px; *//* background: var(--c-white); *//* border-radius: 20px; *//* box-shadow: 0 0 40px rgb(0 0 0 / 5%); */width: 100%;}
#page .acf-form.acf-boxed {/* padding: 40px; *//* background: var(--c-white); *//* border-radius: 20px; *//* box-shadow: 0 0 40px rgb(0 0 0 / 5%); */}
#page .acf-form .acf-notice.-error.acf-error-message.-dismiss {margin-bottom: 10px;margin-top: 20px;}
#page .acf-form .acf-notice.-error.acf-error-message.-dismiss .acf-notice-dismiss {
text-decoration: none;
}
#page .acf-form .acf-notice.-error.acf-error-message.-dismiss .acf-notice-dismiss::before {
margin: 0;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
}
#page .acf-form .acf-fields {
/* display: grid; */
/* grid-row-gap: 20px; */
/* grid-template-columns: repeat(12,1fr); */
/* grid-column-gap: 15px; */
border: none;
background: none;
/* margin: 0 -12px; */
}
#page .acf-form > .acf-fields {
margin: 0 -12px;
}
#page .acf-form .acf-fields .acf-table .acf-fields {
margin: 0;
}
#page .acf-form .-collapsed .acf-fields {
display: none
}
#page .acf-form .acf-fields > * {
grid-column: span 12
}
#page .acf-form .acf-fields .acf-field { border: none; /* padding: 0; */ /*width: 100% !important;*/ padding: 7px 12px; }
#page .acf-form .acf-fields .acf-field[data-key="field_663b57ed965ff"], #page .acf-form .acf-fields .acf-field[data-key="field_67d1106f84a11"] {width:100% !important}
/*#page .acf-form .acf-fields .acf-field[data-column-border="1"] {display: none; }
#page .acf-form .acf-fields .acf-field[data-width="10"] {grid-column: span 2; }
#page .acf-form .acf-fields .acf-field[data-width="16.66"] {grid-column: span 2;}
#page .acf-form .acf-fields .acf-field[data-width="25"] {grid-column: span 3;}
#page .acf-form .acf-fields .acf-field[data-width="20"] {grid-column: span 2;}
#page .acf-form .acf-fields .acf-field[data-width="33.33"] {grid-column: span 4;}
#page .acf-form .acf-fields .acf-field[data-width="50"] {grid-column: span 6; }
#page .acf-form .acf-fields .acf-field[data-width="75"] {grid-column: span 9;}
#page .acf-form .acf-fields .acf-field[data-width="83.33"] {grid-column: span 10;}*/
#page .acf-form .acf-fields .acf-field[data-columns="6/12"] {
grid-column: span 6;
}
#page .acf-form .acf-fields .acf-field .acf-label {
margin: 0 0 5px 0;
}
#page .acf-form .acf-fields .acf-field.acfe-no-label .acf-label {margin:0}
#page .acf-form .acf-fields .acf-field.no_title .acf-label {
display: none
}
#page .acf-form .acf-fields .acf-field .acf-label label {
font-weight: 600;
font-size: 13px;
margin: 0;
}
#page .acf-form .acf-fields .acf-field .acf-label label .field-toggle {
margin: 2px 0 0 10px;
text-decoration: none;
font-size: 16px;
cursor: pointer;
line-height: 1;
vertical-align: top;
display: inline-block;
}
#page .acf-form .acf-fields .acf-field .acf-label label .field-toggle::before {content:"\f070";font-family:"Font Awesome 7 Pro"}
#page .acf-form .acf-fields .acf-field .acf-label label .field-toggle.empty::before {content:"\f06e";}
#page .acf-form .acf-fields .acf-field .acf-label label[for=acf-field_63a416a99575f-field_63a416a99575f_field_63a4164abdfe1] {
display: none;
}
#page .acf-form .acf-fields .acf-field .acf-label .description {
font-size: 13px;
color: var(--c-gray-dark);
margin: 0 0 7px 0;
}
#page .acf-form .acf-fields .acf-field .acf-input {
}
#page .acf-form .acf-fields .acf-field .acf-input p:last-child {margin:0}
#page .acf-form .acf-fields .acf-field .acf-input .acf-taxonomy-field {}
#page .acf-form .acf-fields .acf-field .acf-input .acf-taxonomy-field .acf-actions {
top: 10px;
right: 10px;
}
#page .acf-form .acf-fields .acf-field .acf-input .acf-taxonomy-field .acf-actions a {
vertical-align: top;
display: inline-block;
}
#page .acf-form .acf-fields .acf-field.instructions .acf-input {
font-size: 13px;
}
#page .acf-form .acf-fields .acf-field .acf-input .description {
font-size: 13px;
color: var(--c-gray);
margin: 3px 0 0 0;
}
#page .acf-form .acf-fields .acf-field .acf-input .description + .note {
margin-top: 20px
}
#page .acf-form .acf-fields .acf-field .acf-input .acf-input-wrap {
overflow: visible;
}
#page .acf-form .acf-fields .acf-field .acf-input select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
/* border-radius: 0; */
/* background: var(--c-gray-lightest) !important; */
/* background-image: url("data:image/svg+xml;utf8,") !important; */
/* background-repeat: no-repeat !important; */
/* background-position-x: calc(100% - 7px) !important; */
/* background-position-y: 50% !important; */
/* border-radius: 10px; */
background-color: var(--c-gray-lighter) !important;
}
.dark-mode #page .acf-form .acf-fields .acf-field .acf-input select {
background-color: #333 !important;
}
#page .acf-form .acf-fields .acf-field.current_photo {
min-height: auto !important;
}
#page .acf-form .acf-fields .acf-field.current_photo .acf-input {
display: flex;
/* flex-direction: column; */
align-items: flex-start;
align-items: center;
flex-wrap: wrap;
}
#page .acf-form .acf-fields .acf-field.current_photo .acf-input .acf-label {
flex: 0 1 100%
}
#page .acf-form .acf-fields .acf-field.current_photo img {
max-width: 70px;
border-radius: 10px;
border-radius: 50%;
margin: 0 20px 0 0;
border: solid 1px var(--c-main);
}
#page .acf-form .acf-fields .acf-field.current_photo a {
display: block;
font-size: 13px;
text-decoration: none;
border-bottom: solid 1px var(--c-main);
margin: 0;
font-weight: 400;
}
#page .acf-form .acf-fields .acf-field.acf-field-accordion {
background: var(--c-gray-lighter);
border: solid 2px var(--c-gray-lighter);
margin: 0 0 10px 0;
border-radius: 10px;
}
#page .acf-form .acf-fields .acf-field.acf-field-accordion.-open {background:var(--c-white)}
#page .acf-form .acf-fields .acf-field.acf-field-accordion .acf-accordion-title {
/* border: solid 2px var(--c-gray-lightest); */
margin: 0;
/* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
border-radius: 10px;
padding: 15px 24px;
background: no-repeat;
}
#page .acf-form .acf-fields .acf-field.acf-field-accordion.-open .acf-accordion-title {
border-bottom: none;
border-radius: 10px 10px 0 0;
background: none;
}
#page .acf-form .acf-fields .acf-field.acf-field-accordion .acf-accordion-title .acf-accordion-icon {transform: rotate(90deg);/* text-align: center; */line-height: 1;display: block;transition: all 0.3s;float: none;width: auto;height: auto;position: absolute;right: 20px;font-size: 16px;transform-origin: center center;font-style: normal;}
#page .acf-form .acf-fields .acf-field.acf-field-accordion .acf-accordion-title .acf-accordion-icon::before {content:"\e911";font-family: icomoon;font-size: 15px;}
#page .acf-form .acf-fields .acf-field.acf-field-accordion.-open .acf-accordion-title .acf-accordion-icon {
transform: rotate(270deg);
}
#page .acf-form .acf-fields .acf-field.acf-field-accordion .acf-accordion-title label {font-size: 16px;font-weight: 400;}
#page .acf-form .acf-fields .acf-field.acf-field-accordion.-open .acf-accordion-title label {font-weight: 600;}
#page .acf-form .acf-fields .acf-field.acf-field-accordion .acf-accordion-content {
border: none;
margin: -10px 0 0 0;
padding: 30px 12px 20px 12px;
border: solid 1px var(--c-gray-lightest);
border-top: none;
}
#page .acf-actions {
}
#page .acf-actions a {
/* border-bottom: solid 1px var(--c-main); */
text-decoration: none;
font-size: 14px;
font-weight: 400;
}
#page .acf-actions a[data-name="add-layout"]::before, #page .acf-actions a[data-event="add-row"]::before {
content: "\e910";
font-family: "icomoon";
margin: 0 6px 0px 0;
border: solid 1px var(--c-main);
background: var(--c-main);
color: #fff;
border-radius: 50%;
font-size: 10px;
height: 24px;
display: inline-block;
width: 24px;
line-height: 22px;
text-align: center;
}
#page .acf-form .acf-fields .acf-field.choose_photo {
min-height: auto !important;
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input {
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div {
padding: 21px;
border: dashed 1px var(--c-gray-lighter);
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div a[data-name="add"] {
border-bottom: solid 1px var(--c-main);
text-decoration: none;
font-size: 13px;
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value {
padding: 0;
border: none;
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value img {
max-width: 70px;
border-radius: 50%;
min-width: 70px;
border: solid 1px var(--c-main);
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value .acf-actions {
padding: 0;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
justify-content: center;
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value .acf-actions a {
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value .acf-actions a:hover {
background: var(--c-main);
color: #fff
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value .acf-actions a::before {
background: none;
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
font-size: 13px;
line-height: 28px;
width: 28px;
text-align: center;
display: inline-block;
vertical-align: top;
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value .acf-actions a[data-name="crop"]::before {
content: "\f125";
}
#page .acf-form .acf-fields .acf-field.choose_photo .acf-input > div.has-value .acf-actions a[data-name="remove"]::before {
content: "\f00d"
}
#page .acf-form .acf-fields .acf-tab-wrap {
background: none;
margin: 15px 0 20px 0;
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group {
border: none;
background: none;
overflow: hidden;
padding: 10px 10px 0 10px;
/* margin: 0 -10px; */
display: flex;
align-items: flex-end;
border-bottom: solid 1px var(--c-main);
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group::before {
content: none;
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group::after {
content: "";
height: 2px;
flex: 1;
background: var(--c-gray-lightest);
position: absolute;
left: 10px;
right: 10px;
bottom: 0;
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group li {
margin: 0 4px 0 0;
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group li a {
border: none;
background: var(--c-gray-lightest);
color: #000;
border-radius: 10px 10px 0 0;
padding: 16px 24px;
font-weight: 400;
line-height: 1;
font-size: 15px;
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group li.active {
}
#page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group li.active a {
font-weight: 700;
background: var(--c-main);
box-shadow: 0px -3px 10px rgb(0 0 0 / 10%);
color: #fff;
}
.dark-mode #page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group::after {
}
.dark-mode #page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group li a {
color: #fff;
}
.dark-mode #page .acf-form .acf-fields .acf-tab-wrap .acf-tab-group li.active a {
color: #fff;
background: var(--c-main);
/* border: solid 2px var(--c-gray-lightest); */
border-bottom: none;
}
#page .acf-form .acf-fields .acf-fields .acf-tab-wrap {
}
#page .acf-form .acf-fields .acf-fields .acf-tab-wrap .acf-tab-group {
border: none
}
#page .acf-form .acf-fields .acf-fields .acf-tab-wrap .acf-tab-group li {
}
#page .acf-form .acf-fields .acf-fields .acf-tab-wrap .acf-tab-group li a {
}
#page .acf-form .acf-fields .acf-fields .acf-tab-wrap .acf-tab-group li a {
background: none;
box-shadow: none;
margin: 0 10px 0 0;
padding: 0 10px 7px;
border-bottom: solid 5px transparent;
}
#page .acf-form .acf-fields .acf-fields .acf-tab-wrap .acf-tab-group li.active a {
border-bottom: solid 5px var(--c-main);
color: var(--c-black);
font-weight: 700;
background: none;
border-radius: 0 0;
}
@media (max-width: 767px) {
#page .acf-form {
}
#page .acf-form .acf-fields {
grid-template-columns: repeat(12,1fr);
}
#page .acf-form .acf-fields .acf-field {
grid-column: span 12 !important;
}
}
.acf-image-aspect-ratio-crop-backdrop {
background: rgb(0 0 0 / 20%) !important;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper {
box-shadow: 0 0 10px rgb(0 0 0 / 20%);
border-radius: 20px;
/* overflow: hidden; */
background: #fff;
min-width: 400px;
max-width: 400px;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal {
background: none;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading {
height: auto;
padding: 20px;
border-radius: 20px 20px 0 0;
/* display: block; */
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading::after {
content: "Please crop your photo to fit your face and part of the shoulders";
display: block;
font-size: 15px;
font-weight: 600;
line-height: 1.2;
flex: 1;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading::before {
content: "\f007";
font-family: "Font Awesome 7 Pro";
font-weight: 900;
width: 50px;
height: 50px;
display: inline-block;
text-align: center;
line-height: 50px;
color: #fff;
font-size: 44px;
padding: 5px 0 0 1px;
margin: 0 15px 0 0;
border: dashed 1px var(--c-gray-lighter);
overflow: hidden;
color: var(--c-gray-lighter);
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading .acf-image-aspect-ratio-crop-modal-heading-text {
display: none;
margin: 0;
font-size: 17px;
color: #000;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-heading .acf-image-aspect-ratio-crop-modal-heading-close {
position: absolute;
top: 0;
right: 0;
background: var(--c-main);
display: none;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-image-container {
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-image-container .cropper-container {
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-image-container .cropper-container .cropper-crop-box {
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer {
height: auto;
padding: 20px 20px;
background: none;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-status {
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-buttons {
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-buttons .aiarc-button {
margin: 0 0 0 10px;
padding: 1px 14px;
border-radius: 10px;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-buttons .aiarc-button.aiarc-button-link {
color: #000;
padding: 0;
margin: 0 7px 0 0;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-buttons .aiarc-button.aiarc-button-link svg {
display: none
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-buttons .aiarc-button.aiarc-button-default {
color: #000;
border: solid 1px #777;
background: none;
}
.acf-image-aspect-ratio-crop-backdrop .acf-image-aspect-ratio-crop-modal-wrapper .acf-image-aspect-ratio-crop-modal .acf-image-aspect-ratio-crop-modal-footer .acf-image-aspect-ratio-crop-modal-footer-buttons .aiarc-button.aiarc-button-primary {
background: var(--c-main);
border: solid 1px var(--c-main);
}
#page .acf-switch {
border: none;
background: var(--c-gray-light);
font-weight: 300;
}
#page .acf-switch.-on {
background: var(--c-main);
border: none;
}
#page .acf-switch-on {
/* background:#0e5684; */
/* border:solid 1px #0e5684; */
text-shadow: none;
}
#page .acf-switch-off {
/* border:solid 1px #0e5684 */
background: none;
color: var(--c-black);
}
#page .acf-switch-slider {
/* border:solid 1px #0e5684 */
border: none !important;
background: #fff;
}
#page .acf-form .acf-form-submit {
margin: 20px 0 0 0;
}
#page .acf-form .acf-form-submit .btn.secondary {
margin: 0 10px 0 0;
}
#page .acf-form .acf-form-submit input {
text-transform: none;
font-size: 16px;
color: #fff;
line-height: 1.1;
padding: 15px 23px;
border-radius: 10px;
font-weight: 600;
background: var(--c-main);
border: none;
}
#page .acf-form .acf-form-submit input:hover {background:#000;}
#page .acf-form .acf-form-submit a {}
#page .acf-form .acf-button.button[data-modal] {text-transform: none;font-size: 13px;color: #fff;line-height: 1.1;padding: 11px 19px;border-radius: 10px;font-weight: 600;background: var(--c-main);border: none;text-decoration: none;display: inline-flex;align-items: center;}
/*#page .acf-form .acf-button.button[data-modal]::before {content:"\f304";font-family: 'Font Awesome 7 Pro';margin: 0 9px 0 0;font-size: 18px;}*/
#page .acf-form .acf-button.button[data-modal]:hover {background: #000;}
#page .register-page .left-half .acf-form .acf-form-submit input {
background: #000;
color: #fff;
}
#page .register-page .acf-form .acf-form-submit input:hover {
/* background: #000; */
/* color: #fff; */
}
#page .register-page .acf-form .acf-fields .acf-field .acf-input {
}
#page .register-page .acf-form .acf-fields .acf-field.forgot_password .acf-input {
text-align: right;
}
#page .register-page .acf-form .acf-fields .acf-field.forgot_password .acf-input p {
margin: 0
}
#page .register-page .acf-form .acf-fields .acf-field.forgot_password .acf-input a {
color: #fff;
font-size: 14px;
text-decoration: none;
border-bottom: solid 1px #fff;
}
#page .register-page .acf-form .acf-fields .acf-required {
/* color:#fff; */
}
#page .register-page .acf-form .acf-form-submit {
/* margin: 0; */
}
#page .select2-container.-acf {
z-index: 10;
}
#page .select2-container.-acf .selection {
}
#page .select2-container.-acf .selection .select2-selection {
border: none;
background: var(--c-gray-lighter);
min-height: 50px;
border-radius: 10px;
height: auto;
/* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */
}
.dark-mode #page .select2-container.-acf .selection .select2-selection {background: #333;}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered {
line-height: 50px;
padding: 0 30px 0 15px;
font-size: 16px;
color: #000;
vertical-align: top;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
display: flex;
align-items: center;
font-size: 13px;
background: var(--c-gray);
border: none;
color: #fff;
padding: 10px 10px;
height: auto;
line-height: 1;
margin: 9px 10px 0 0;
}
.dark-mode #page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
background: #666;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
color: #fff;
font-size: 18px;
vertical-align: top;
line-height: 1;
margin: -7px 6px -5px 0;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-selection__choice .acf-selection {
color: #fff;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-search {
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-search input {
padding: 0 !important;
height: 20px;
border-radius: 0;
margin: 0 !important;
vertical-align: middle;
background: none;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .acf-selection {
color: var(--c-black);
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__rendered .select2-selection__clear {
display: none;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__arrow {
height: 50px;
width: 33px;
top: 0;
}
#page .select2-container.-acf .selection .select2-selection .select2-selection__arrow b {
}
#page .filters-menu .select2-container {
}
#page .filters-menu .select2-container .selection {
}
#page .filters-menu .select2-container .selection .select2-selection {
border: none;
background: var(--c-gray-lightest);
min-height: 50px;
border-radius: 10px;
height: auto;
padding: 0 15px;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-search {
width: auto;
display: inline-block;
vertical-align: top;
position: absolute;
/* right: 0; */
/* top: 0; */
/* bottom: 0; */
}
#page .filters-menu .select2-container .selection .select2-selection .select2-search textarea {
height: 50px;
margin: 0;
line-height: 50px;
font-size: 14px;
font-family: 'Colgate';
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered {
line-height: 48px;
padding: 0;
font-size: 16px;
color: #000;
vertical-align: top;
display: inline-block;
margin: 0;
white-space: nowrap;
max-width: calc(100% - 0px);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice {
display: flex;
align-items: center;
font-size: 13px;
background: #ccc;
border: none;
color: #fff;
height: auto;
line-height: 1;
margin: 0 5px 0 0;
display: inline-flex;
align-items: center;
padding: 5px 11px;
border-radius: 5px;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
color: #fff;
font-size: 18px;
vertical-align: top;
line-height: 1;
margin: 0;
border: none;
margin: 0 0 0;
top: 0;
padding: 0;
order: 2;
position: unset;
background: none;
margin: 0 0 0 4px;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span {
line-height: 1;
display: inline-block;
vertical-align: top;
line-height: 1;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
color: #fff;
padding: 0;
order: 1;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-search {
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-search input {
padding: 0 !important;
height: 20px;
border-radius: 0;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .acf-selection {
color: #000;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__rendered .select2-selection__clear {
display: none;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__arrow {
height: 50px;
width: 33px;
top: 0;
}
#page .filters-menu .select2-container .selection .select2-selection .select2-selection__arrow b {
}
#page .acf-repeater.-table {
}
#page .acf-repeater.-table .acf-table {
border: none;
background: none;
margin: 30px 0 15px 0;
border-bottom: solid 2px var(--c-gray-lightest);
}
#page .acf-repeater.-table .acf-table thead {
}
#page .acf-repeater.-table .acf-table thead tr {
}
#page .acf-repeater.-table .acf-table thead tr th {
border: none;
font-size: 13px;
font-weight: 600;
padding: 8px 10px;
/* width: auto !important; */
background: none;
color: var(--c-black);
}
#page .acf-repeater.-table .acf-table thead tr th[data-name="question"] {
/* width: 10% !important; */
}
#page .acf-repeater.-table .acf-table tbody tr {
box-shadow: none;
}
#page .acf-repeater.-table .acf-table tbody tr td {
background: none;
padding: 15px;
border: none;
color: var(--c-black);
font-size: 14px;
width: auto !important;
border-top: solid 2px var(--c-gray-lightest);
text-shadow: none;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-actions {
margin: 0 0 20px 0;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-actions a {
font-size: 13px;
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle {
vertical-align: top !important;
padding: 15px 0 0 0;
text-align: center !important;
width: 40px !important;
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle.remove {
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a {
right: 0;
text-decoration: none !important;
color: var(--c-black);
background: var(--c-white);
border: solid 1px var(--c-gray-light);
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-plus {
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-plus::before {
content: "\e910";
font-family: icomoon;
font-size: 8px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-minus {
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-minus:before {
content: "\f068";
line-height: 18px;
padding: 0;
vertical-align: top;
font-family: "Font Awesome 7 Pro";
font-weight: 900;
font-size: 12px;
width: 18px;
height: 18px;
text-align: center;
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-duplicate {
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-duplicate::before {
content: "\f0c5";
font-weight: 500;
font-family: "Font Awesome 7 Pro";
box-shadow: none;
margin: 0;
width: 18px;
height: 18px;
line-height: 18px;
opacity: 1;
top: auto;
left: auto;
font-size: 10px;
text-align: center;
line-height: 18px;
position: relative;
padding: 0 0 0 2px;
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a.-duplicate::after {
content: none
}
#page .acf-repeater.-table .acf-table tbody tr td.acf-row-handle a:hover {
border: solid 1px #000;
color: #000;
background: #fff;
}
#page .acf-repeater.-block {
}
#page .acf-repeater.-block .acf-table {
border: none;
background: none;
margin: 0 0 15px 0;
border-bottom: solid 2px var(--c-gray-light);
}
#page .acf-repeater.-block .acf-table thead {
}
#page .acf-repeater.-block .acf-table thead tr {
}
#page .acf-repeater.-block .acf-table thead tr th {
border: none;
font-size: 13px;
font-weight: 600;
padding: 8px 10px;
width: auto !important;
}
#page .acf-repeater.-block .acf-table thead tr th[data-name="question"] {
/* width: 10% !important; */
}
#page .acf-repeater.-table .acf-table tbody tr {
box-shadow: none;
}
#page .acf-repeater.-block .acf-table tbody tr td {
background: none;
padding: 15px !important;
border: none;
color: var(--c-black);
font-size: 14px;
width: auto !important;
border: none !important;
border-top: solid 2px var(
--c-gray-light) !important;
text-shadow: none;
}
#page .acf-repeater.-block .acf-table tbody tr td .acf-actions {
margin: 0 0 20px 0;
}
#page .acf-repeater.-block .acf-table tbody tr td .acf-actions a {
font-size: 13px;
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle {
vertical-align: top !important;
padding: 25px 0 0 0;
text-align: center !important;
width: 40px !important;
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle.remove {
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a {
right: 0;
text-decoration: none !important;
color: var(--c-black);
background: var(--c-white);
/* border: none; */
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-plus {
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-plus::before {
content: "\f067";
line-height: 18px;
padding: 0;
vertical-align: top;
font-family: "Font Awesome 7 Pro";
font-weight: 900;
font-size: 11px;
width: 18px;
height: 18px;
text-align: center;
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-minus {
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-minus:before {
content: "\f068";
line-height: 18px;
padding: 0;
vertical-align: top;
font-family: "Font Awesome 7 Pro";
font-weight: 900;
font-size: 11px;
width: 18px;
height: 18px;
text-align: center;
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-duplicate {
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-duplicate::before {
content: "\f0c5";
font-weight: 500;
font-family: "Font Awesome 7 Pro";
box-shadow: none;
margin: 0;
width: 18px;
height: 18px;
line-height: 18px;
opacity: 1;
top: auto;
left: auto;
font-size: 10px;
text-align: center;
line-height: 18px;
position: relative;
padding: 0 0 0 2px;
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a.-duplicate::after {
content: none
}
#page .acf-repeater.-block .acf-table tbody tr td.acf-row-handle a:hover {
border: solid 1px #000;
color: #000;
background: #fff;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table {
margin: -10px 0 0 0;
border: none;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table thead {
display: none;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table thead tr th.acf-row-handle {
width: 40px!important;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table tbody {
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table tbody tr {
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table tbody tr td {
border: none;
background: none;
}
#page .acf-repeater.-table .acf-table tbody tr td .acf-repeater.-table .acf-table tbody tr td.acf-row-handle {
width: 40px!important;
}
#page .acf-images-table .acf-repeater.-table .acf-table thead tr {
}
#page .acf-images-table .acf-repeater.-table .acf-table thead tr th {
}
#page .acf-images-table .acf-repeater.-table .acf-table thead tr th[data-name="image"] {
width: 20% !important;
}
#page .acf-images-table .acf-repeater.-table .acf-table thead tr th[data-name="caption"] {
}
.acf-tooltip {
font-size: 12px !important;
}
.select2-container {
}
.select2-container .select2-dropdown {
border: none;
background: var(--c-gray-lighter);
box-shadow: none;
}
.dark-mode .select2-container .select2-dropdown {background:#333}
.select2-container .select2-dropdown.select2-dropdown--below {
border-radius: 0 0 10px 10px;
box-shadow: 0 -10px 0 var(--c-gray-lighter);
}
.dark-mode .select2-container .select2-dropdown.select2-dropdown--below {
box-shadow: 0 -10px 0 #333, 0 0 10px rgb(0 0 0 / 10%);
}
.select2-container .select2-dropdown.select2-dropdown--above {
border-radius: 10px 10px 0 0;
box-shadow: 0 6px 0 var(--c-gray-lighter);
}
.select2-container .select2-dropdown .select2-search.select2-search--dropdown {
padding: 10px 15px 10px;
}
.select2-container .select2-dropdown .select2-search.select2-search--dropdown input {
border: none;
border-radius: 5px;
height: 40px;
padding: 0 10px;
font-weight: 300;
font-size: 14px;
background: var(--c-white);
}
.select2-container .select2-dropdown .select2-results {
}
.select2-container .select2-dropdown .select2-results .select2-results__options {
font-size: 14px;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
color: var(--c-black);
background: var(--c-gray-white) !important;
padding: 5px 15px;
}
.select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
background: var(--c-main) !important;
color: #fff;
}
#page .acf-form .acf-fields .acf-field.email-preferences .acf-label label {
font-size: 18px;
color: var(--c-black);
}
#page .acf-form .acf-fields .acf-field.email-preferences .acf-input {
background: var(--c-gray-lightest);
padding: 25px;
border-radius: 10px;
margin: 10px 0 10px 0;
}
.email-preferences .acf-checkbox-list li {
margin: 0 0 15px 0 !important;
}
.email-preferences .acf-checkbox-list li:last-child {
margin: 0 0 0 0 !important;
}
.email-preferences .acf-checkbox-list li label::before {
background: #fff;
border: solid 1px #e5e5e5;
}
.email-preferences .acf-checkbox-list li label.selected::before {
background: var(--c-main);
border: solid 1px var(--c-main);
}
.register-page {
display: grid;
grid-template-columns: repeat(1,1fr) !important;
/* grid-gap: 40px; */
/* align-items: start; */
}
.register-page .col-full {
grid-column: span 5;
}
.register-page .col-left {
grid-column: span 3;
border: solid 2px var(--c-gray-lightest);
padding: 30px;
border-radius: 20px;
}
.register-page .col-left h2 {
font-size: 21px;
font-weight: 600;
}
.register-page .col-right {
background: none;
padding: 0;
border-radius: 20px 20px 0 0;
/* color: #fff; */
/* grid-column: span 2; */
background: #fff;
padding: 30px;
}
.register-page .col-right h2 {
font-weight: 600;
font-size: 21px;
}
.register-page .register {
background: var(--c-main);
color: #fff;
margin: 0;
padding: 30px 30px 30px 30px;
border-radius: 0 0 20px 20px;
text-align: center;
}
.register-page .register h2 {
font-weight: 800;
font-size: 22px;
margin: 0 0 2px 0;
color: #fff;
}
.register-page .register .btn {
background: #000;
}
#login-form {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 15px;
}
#login-form .error {
grid-column: span 2;
font-size: 13px;
line-height: 1.3;
border: solid 1px #fff;
padding: 10px 20px;
border-radius: 10px;
font-weight: 500;
}
#login-form .form-row {
margin: 0;
}
#login-form .form-row.text-right {
text-align: right;
justify-content: flex-end;
align-items: center;
}
#login-form input[type="text"] {
border: none;
padding: 0 15px;
border-radius: 10px;
height: 50px;
width: 100%;
font-size: 16px;
font-weight: 300;
background: var(--c-gray-lighter);
}
#login-form input[type="password"] {
border: none;
padding: 0 15px;
border-radius: 10px;
height: 50px;
width: 100%;
font-size: 16px;
font-weight: 300;
background: var(--c-gray-lighter);
}
#login-form input[type="submit"] {
width: auto;
text-transform: none;
font-size: 15px;
color: #fff;
line-height: 1.1;
padding: 15px 25px;
border-radius: 10px;
font-weight: 700;
background: var(--c-main);
border: none;
text-transform: uppercase;
}
#login-form input[type="submit"]:hover {background:#000;}
#login-form .form-row input[type="checkbox"] {
display: none;
}
#login-form .form-row label {
font-size: 14px;
position: relative;
padding: 0 0 0 32px;
font-weight: 400;
cursor: pointer;
}
#login-form .form-row label::before {
content: "";
width: 24px;
height: 24px;
display: inline-block;
background: var(--c-gray-lighter);
border-radius: 3px;
position: absolute;
left: 0;
top: 0px;
}
#login-form .form-row input:checked + label::before {
}
#login-form .form-row input:checked + label::after {
content: "\f00c";
width: 24px;
height: 24px;
display: inline-block;
border-radius: 3px;
position: absolute;
left: 0;
top: 0px;
font-family: 'Font Awesome 7 Pro';
font-weight: 900;
color: #fff;
text-align: center;
line-height: 24px;
font-size: 12px;
background: var(--c-main);
}
#login-form a {
/* color: #fff; */
border-bottom: solid 2px var(--c-main);
font-size: 14px;
text-decoration: none;
font-weight: 400;
line-height: 24px;
}
@media (max-width: 1200px) {
.register-page {
grid-template-columns: repeat(1,1fr);
}
.register-page .col-full {
grid-column: span 1;
grid-row-start: 1;
grid-row-end: 2;
}
.register-page .col-right {
grid-column: span 1;
grid-row-start: 2;
grid-row-end: 3;
margin-top: -50px;
}
.register-page .register {
grid-column: span 1;
border: none;
padding: 0;
grid-row-start: 3;
}
}
@media (max-width: 767px) {
.register-page .col-left h2 {
font-size: 18px;
}
.register-page .col-right {
margin: -50px -20px 0 -20px;
border-radius: 0;
}
#login-form {
grid-template-columns: repeat(2,1fr);
}
#login-form .form-row {
/* text-align: left !important; */
}
#login-form .form-row {
grid-column: span 2;
}
#login-form .form-row.half {
grid-column: span 1;
/* text-align: center !important; */
}
#login-form input[type="submit"] {
width: 100%;
margin: 9px 0 0 0;
}
#login-form a {
margin: -7px 0 0 0;
display: inline-block;
letter-spacing: -0.5px;
}
}
.forgot-password {
max-width: 100%;
background: var(--c-gray-lightest);
padding: 30px;
border-radius: 20px;
}
.forgot-password .acf-field input[type=email] {
background: #fff;
}
body .acf-ui-datepicker {
}
body .acf-ui-datepicker #ui-datepicker-div {
border: none;
background: var(--c-white);
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
padding: 20px 15px 0 15px;
border-radius: 10px;
min-width: 300px;
/* margin: -9px 0 0 0; */
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header {
background: none;
display: flex;
align-items: center;
padding: 0;
margin: 0 0 20px 0;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header > a {
margin: 0;
position: relative;
text-decoration: none;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-prev {
color: var(--c-black);
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header > a.ui-datepicker-next {
order: 3;
color: var(--c-black);
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title {
order: 2;
margin: 0 auto;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
height: 30px;
min-width: 90px;
height: 30px;
font-size: 12px;
border: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
background: var(--c-gray-lightest) !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position-x: calc(100% - 7px) !important;
background-position-y: 50% !important;
border-radius: 5px;
padding: 0 35px 0 15px;
border: none;
height: 35px;
font-weight: 300;
color: var(--c-black);
}
body.dark-mode .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select {
background-image: url("data:image/svg+xml;utf8,") !important;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar thead {
background: none;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar thead tr {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar thead tr th {
background: none !important;
border: none;
font-weight: 600;
color: var(--c-black);
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody tr {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody tr td {
background: var(--c-white)
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody tr td a {
border-radius: 50%;
width: 35px;
height: 35px;
padding: 0;
text-align: center;
line-height: 35px;
color: var(--c-black);
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-hover {
background: var(--c-main) !important;
color: #fff;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
background: var(--c-main);
color: #fff;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-timepicker-div {
padding: 0 !important;
margin: 0 0 10px 0;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-timepicker-div dl {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-timepicker-div dl dt {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-timepicker-div dl dd {
}
body .acf-ui-datepicker #ui-datepicker-div .ui-timepicker-div dl dd select {
height: 30px;
font-size: 12px;
border: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
background: var(--c-gray-lightest) !important;
background-image: url("data:image/svg+xml;utf8,") !important;
background-repeat: no-repeat !important;
background-position-x: calc(100% - 7px) !important;
background-position-y: 50% !important;
border-radius: 5px;
padding: 0 35px 0 15px;
border: none;
height: 35px;
font-weight: 300;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-timepicker-div dl dd::before {
margin: 0 5px;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-buttonpane {
margin: 0 -15px 0 !important;
padding: 10px 15px !important;
border: none !important;
background: var(--c-gray-lighter) !important;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-buttonpane button {
color: #fff !important;
border: none !important;
background: var(--c-main) !important;
border-radius: 5px;
}
body .acf-ui-datepicker #ui-datepicker-div .ui-datepicker-buttonpane button:last-child {
}
.acfe-modal-overlay {
background: rgb(255 255 255 / 80%) !important;
}
.dark-mode .acfe-modal-overlay {
background: rgb(40 40 40 / 80%) !important;
}
body .acfe-modal.-open {
margin: 0 !important;
}
.acfe-modal.-open.acfe-modal-sub>.acfe-modal-wrapper::before {
background: none !important;
}
body .acfe-modal.-open .acfe-modal-wrapper {
border-radius: 20px;
overflow: hidden;
box-shadow: 0 0 40px rgb(0 0 0 / 15%);
overflow: visible;
background: var(--c-white);
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-title {
padding: 20px 40px 0 40px;
color: var(--c-black);
background: none;
border: none;
height: auto;
margin: 0 0 -20px 0;
z-index: 3;
background: var(
--c-white);
border-radius: 20px 20px 0 0;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-title .title {
text-transform: uppercase;
color: var(--c-black);
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-title .title .acf-fc-layout-order {
display: none
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-title .close {
background: var(--c-main);
opacity: 1;
color: #fff !important;
border-radius: 50%;
right: -20px;
top: -20px;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-title .close::before {
content: "\e90d";
font-family: icomoon;
font-size: 17px;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content {
padding: 40px;
background: none;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails {
padding: 0;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: repeat(3,1fr);
grid-gap: 30px;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails.acfe-col-4 ul {grid-template-columns: repeat(4,1fr);}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails.acfe-col-4 ul li a div {
height: 140px;
background-size: 250px auto;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails.acfe-col-3 ul {
grid-template-columns: repeat(3,1fr);
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails ul::after {
content: none
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails ul li {
width: 100%;
max-width: 100%;
padding: 0;
background: none;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails ul li a {
border: none;
background: none !important;
padding: 0;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails ul li a div {
margin: 0 0 0 0;
height: 200px;
opacity: 0.4;
background-size: 170px auto;
}
body .acfe-modal.-open .acfe-modal-wrapper .acfe-modal-content .acfe-flex-thumbnails ul li a span {
color: #000;
font-size: 15px;
line-height: 1;
display: block;
margin: 10px 0 0 0;
font-weight: 400;
}
.acf-item {
display: flex;
align-items: flex-start;
padding: 20px 0;
}
.acf-item .banner {
max-width: 180px;
border-radius: 8px;
overflow: hidden;
margin: 0 20px 0 0;
}
.acf-item .text {
margin: 0 auto 0 0;
flex: 1;
padding: 0 80px 0 0;
}
.acf-item .text .name {
color: #000;
text-decoration: none;
font-weight: 600;
font-size: 20px;
display: block;
line-height: 1.2;
margin: 0 0 15px 0;
}
.acf-item .text .speakers {
}
.acf-item .text .speakers .photos {
margin: 0 0 7px 0;
}
.acf-item .text .speakers .photos img {
max-width: 50px;
border-radius: 50%;
border: solid 1px var(--c-main);
margin: 0 10px 0 0;
}
.acf-item .text .speakers .names {
font-weight: 400;
color: #000;
font-size: 14px;
line-height: 1.3;
}
.acf-item .text .speakers .names span {
font-weight: 300;
opacity: 0.5;
}
.acf-item .text .sponsors {
margin: 20px 0 0 0;
}
.acf-item .text .sponsors img {
max-height: 30px;
width: auto;
margin: 0 20px 0 0;
}
.acf-item .ce-credits {
margin: 0 0 0 auto;
background: #fff;
border-radius: 50%;
flex: 0 1 60px;
margin: 0;
}
.acf-item .ce-credits img {
max-width: 60px;
filter: grayscale(1);
opacity: 0.5;
}
body .acf-flexible-content .layout {
border: none;
background: var(--c-gray-lightest);
padding: 20px;
border-radius: 20px;
}
body .acf-flexible-content .layout .acf-fc-layout-handle {
padding: 10px 0 11px 0;
border-bottom: solid 4px var(--c-gray-light) !important;
color: var(--c-black);
}
body .acf-flexible-content .layout .acf-fc-layout-handle .acf-fc-layout-order {
background: none;
border: solid 1px #bbb;
width: 30px;
height: 30px;
border-radius: 50%;
line-height: 28px;
margin: 0 10px 0 0;
color: var(--c-black);
}
body .acf-flexible-content .layout .acf-fc-layout-handle .acfe-layout-title {
}
body .acf-flexible-content .layout .acf-fc-layout-controls {
top: 39px;
right: 20px;
}
body .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon {
}
body .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse {
border: none;
background: none;
}
body .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse::before {
font-family: icomoon;
content: "\e911";
transform: rotate(270deg);
transition: all 0.3s;
color: #000;
}
body .acf-flexible-content .layout.-collapsed .acf-fc-layout-controls .acf-icon.-collapse::before {
transform: rotate(90deg);
}
body .acf-flexible-content .layout .acf-fc-layout-controls .acf-icon.-collapse::after {
}
body .acf-flexible-content .layout .acf-fc-layout-controls .acfe-fc-preview {
}
body .acf-flexible-content .layout .acfe-fc-placeholder {
background: none;
}
body .acf-flexible-content .layout .acfe-fc-placeholder .button {
width: 50px;
height: 50px;
line-height: 50px;
background: var(--c-main);
color: #fff;
box-shadow: 0 0 30px rgb(0 0 0 / 20%);
}
body .acf-flexible-content .layout .acfe-fc-placeholder .button span {
display: block;
line-height: 46px;
text-align: center;
width: 50px;
height: 50px;
font-size: 20px;
}
body .acf-flexible-content .layout .acfe-fc-placeholder .button span::before {
}
body .acf-flexible-content .layout .acfe-fc-placeholder .acfe-fc-overlay {
display: none;
}
body .acf-flexible-content .layout .acfe-fc-placeholder .acfe-flexible-placeholder {
}
body .acf-flexible-content .layout[data-layout="quiz"] .acfe-fc-placeholder .acfe-flexible-placeholder {
height: auto
}
body .acf-flexible-content .layout[data-layout="quiz"] .acf-fc-layout-handle {
border: none !important;
margin: 0;
padding: 0px 0px;
}
body .acf-flexible-content .layout[data-layout="quiz"] .acf-fc-layout-controls {
top: 26px;
}
body .acf-flexible-content .layout[data-layout="quiz"] .acfe-fc-placeholder .button {
top: -15px !important;
}
.acf-builder-block {
margin-top: 20px;
}
.acf-builder-block.text {
}
.acf-builder-block.text h2 {
color: var(--c-main);
font-weight: 600;
margin: 0 0 10px 0;
}
.acf-builder-block.text h3 {
}
.acf-builder-block.text p {
}
.acf-builder-block.quote {
background: var(--c-main);
color: #fff;
padding: 40px 60px;
font-style: italic;
font-size: 30px;
border-radius: 0 0 70px 70px;
line-height: 1.2;
}
.acf-builder-block.images {
}
.acf-builder-block.images .caption {
text-align: center;
font-size: 12px;
margin: 10px 0 0 0px;
opacity: 0.7;
}
.acf-builder-block.images .description {
color: #000;
font-size: 14px;
text-align: center;
margin: 50px 0 0 0;
font-style: italic;
}
.acf-builder-block.images {
}
.acf-builder-block.images .img img {
width: 100%;
max-width: 100%;
border-radius: 10px;
}
.acf-builder-block.images.alignright {
text-align: center
}
.acf-builder-block.images.alignright .img img {
border: none;
padding: 0;
}
.acf-builder-block.images.alignright .img .caption {
margin: 5px 0
}
.acf-builder-block.images.images-1 {
grid-template-columns: repeat(1, 1fr);
}
.acf-builder-block.images.images-2 {
grid-template-columns: repeat(2, 1fr);
}
.acf-builder-block.images.images-3 {
grid-template-columns: repeat(3, 1fr);
}
.acf-builder-block.images.images-4 {
grid-template-columns: repeat(4, 1fr);
}
.acf-builder-block.images.images-5 {
grid-template-columns: repeat(5, 1fr);
}
.acf-builder-block.images.captions-above {
margin: 0 0 10px 0;
}
.acf-builder-block.images .row-group {
display: flex;
grid-gap: 30px;
margin: 0;
width: 100%;
}
.acf-builder-block.images .row-group .img {
position: relative
}
.acf-builder-block.images .row-group .img a {
display: block
}
.acf-builder-block.images .row-group p:empty {
display: none
}
.acf-builder-block.images .row-group .caption {
font-size: 11px;
text-align: center;
line-height: 1.2;
margin: 0;
position: absolute;
left: 0;
right: 0;
padding: 10px 5px;
}
body .course-builder .acf-flexible-content .layout {
}
body .course-builder .acf-flexible-content .layout > .acf-fields {
margin: 7px 0 0 0;
}
body .course-builder .acf-flexible-content .layout > .acf-fields .acf-tab-wrap {
margin: 0 0 0 0 !important;
}
body .course-builder .acf-flexible-content .layout.-collapsed > .acf-fc-layout-handle {
border: none !important;
padding: 0;
}
body .course-builder .acf-flexible-content .layout .layout {
border: solid 2px #ddd;
}
body .course-builder .acf-flexible-content .layout .layout .layout {
/* border:none; */
}
body .course-builder .acf-flexible-content .layout.-collapsed .acf-fc-layout-controls {
top: 25px;
}
body .course-builder .acf-flexible-content .layout .layout .acf-fc-layout-controls {
top: 25px;
}
#page .acf-form .acf-fields .course-builder .acf-tab-wrap .acf-tab-group {
overflow: visible;
padding-top: 0;
/* margin: 0 -10px -10px; */
}
#page .acf-form .acf-fields .course-builder .acf-tab-wrap .acf-tab-group li.active a {
/* background:var(--c-main); */
/* color: #fff; */
border-radius: 10px;
box-shadow: 0px 0px 5px rgb(0 0 0 / 5%);
}
#page .acf-form .acf-fields .course-builder .acf-tab-wrap .acf-tab-group::after {
content: none;
}
#page .acf-form .acf-fields .course-builder .acf-tab-wrap .acf-tab-group li {
}
#page .acf-form .acf-fields .course-builder .acf-tab-wrap .acf-tab-group li a {
padding: 0;
margin: 0 20px 0 0;
border-radius: 0;
color: #999;
font-size: 12px;
background: none;
}
#page .acf-form .acf-fields .course-builder .acf-tab-wrap .acf-tab-group li.active a {
background: none;
color: #000;
}
#page .acf-form .acf-fields .course-builder .acf-fields {
grid-row-gap: 5px;
}
.course-builder .acf-field input[type=text], .course-builder .acf-field input[type=password], .course-builder .acf-field input[type=date], .course-builder .acf-field input[type=datetime], .course-builder .acf-field input[type=datetime-local], .course-builder .acf-field input[type=email], .course-builder .acf-field input[type=month], .course-builder .acf-field input[type=number], .course-builder .acf-field input[type=search], .course-builder .acf-field input[type=tel], .course-builder .acf-field input[type=time], .course-builder .acf-field input[type=url], .course-builder .acf-field input[type=week], .course-builder .acf-field textarea, .course-builder .acf-field select {
background: #fff;
}
.course-builder .acfe-modal-content > .acf-fields > .acf-field:not(.acf-field-flexible-content) input[type=text] {
background: var(--c-gray-lightest);
}
#page .course-builder .acf-repeater.-table .acf-table, #page .course-builder .acf-repeater.-block .acf-table {
margin: 0 0 10px 0;
}
#page .course-builder .acf-repeater.-table .acf-table tr td, #page .course-builder .acf-repeater.-block .acf-table tr td {
padding: 8px 15px !important;
}
#page .course-builder .acf-repeater.-table .acf-table tr td.coordinates-image {
width: 50% !important;
}
#page .course-builder .acf-repeater.-table .acf-table tr td.coordinates-image img {
margin-bottom: 10px;
}
#page .course-builder .acf-repeater.-table .acf-table tr td.coordinates-image input {
display: none
}
#page .course-builder .acf-flexible-content .layout .acf-fc-layout-handle {
margin: 0 0 20px 0;
}
#page .course-builder .acf-flexible-content .layout.-collapsed .acf-fc-layout-handle {
margin: 0;
}
#page .course-builder .acf-repeater.-table .acf-table thead tr th {
background: #eee;
padding: 10px;
}
#page .course-builder .acf-table tr td {
border: none !important;
}
#page .course-builder .acf-table tr td.acf-row-handle.order {
background: #eee !important;
}
#page .course-builder .quicktags-toolbar {
border: none
}
#page .course-builder .acf-editor-wrap .wp-editor-container {
border: none
}
body .course-builder .acf-flexible-content .layout .layout .acfe-fc-placeholder .button {
top: auto;
bottom: 0;
transform: translate(-50%,0%);
}
body .course-builder .acf-flexible-content .layout .acfe-fc-placeholder .-preview {
min-height: unset;
height: auto;
padding: 0px 30px 0 44px;
font-weight: 300;
}
body .course-builder .acf-flexible-content .layout .layout .acfe-fc-placeholder .-preview > *:last-child {
margin-bottom: 0 !important;
}
#page .course-builder .acf-flexible-content .acfe-modal-content {
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields {
grid-row-gap: 15px;
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field {
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field > .acf-input {
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field > .acf-input > .acf-flexible-content {
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field > .acf-input > .acf-flexible-content > .values {
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field > .acf-input > .acf-flexible-content > .values > .layout {
border: none;
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field > .acf-input > .acf-flexible-content > .values > .layout.-collapsed > .acf-fc-layout-handle {
display: none
}
#page .course-builder .acf-flexible-content .acfe-modal-content > .acf-fields > .acf-field > .acf-input > .acf-flexible-content > .values > .layout.-collapsed > .acf-fc-layout-controls {
display: none
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acf-fc-layout-handle {
/* display: none; */
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acf-fc-layout-controls {
/* display: none; */
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acfe-fc-preview {
padding: 0 0 0 0;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acfe-fc-preview .button {
transform: translate(-50%,-50%);
bottom: auto;
top: 50%;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acfe-fc-preview .-preview {
padding: 0;
}
#page .course-builder .acf-flexible-content .acfe-fc-preview ul {
margin: 10px 0 20px 0;
}
#page .course-builder .acf-flexible-content .acfe-fc-preview ul li {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 7px 0;
}
#page .course-builder .acf-flexible-content .acfe-fc-preview ul li::before {
content: "";
position: absolute;
background: var(--c-main);
width: 8px;
height: 8px;
top: 8px;
border-radius: 50%;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acfe-fc-preview .-preview p {
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout.-collapsed .acfe-fc-preview .-preview h2 {
font-size: 22px;
font-weight: 600;
line-height: 1.3;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image {
flex: 0 1 50%;
position: relative;
padding: 10px;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .open .tooltip-trigger {
background: var(--c-main);
color: #fff;
animation: none
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .tooltip-trigger {
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
font-size: 13px;
display: block;
position: absolute;
left: 30px;
top: 30px;
border-radius: 50%;
text-align: center;
color: var(--c-main);
font-weight: 600;
animation: pulse 2s infinite;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .info {
position: absolute;
top: 0;
left: 0;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .info.open::before {
content: "";
width: 30px;
display: block;
height: 80px;
position: absolute;
left: 50px;
top: 20px;
/* background: red; */
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .info.open::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 9px 7px 0;
border-color: transparent #fff transparent transparent;
display: block;
position: absolute;
top: 38px;
left: 72px;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .info .info-text {
padding: 20px;
position: absolute;
top: 20px;
left: 80px;
background: #fff;
width: 380px;
font-size: 14px;
border-radius: 10px;
display: none;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image .info.open .info-text {
display: block;
}
#page .course-builder .acf-flexible-content .acfe-modal-content .layout .acfe-fc-preview .-preview .images-container .image img {
border-radius: 10px;
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(255 255 255 / 30%);
}
50% {
box-shadow: 0 0 0 10px rgba(255 255 255 / 30%);
}
100% {
box-shadow: 0 0 0 0px rgba(255 255 255 / 30%);
}
}
.hotspot-image {
position: relative;
}
.hotspot-image img {
}
.hotspot-image .info {
position: absolute;
}
.hotspot-image .info i {
background: var(--c-main);
width: 30px;
height: 30px;
line-height: 30px;
font-size: 13px;
display: block;
/* position: absolute; */
left: 30px;
top: 30px;
border-radius: 50%;
text-align: center;
color: #fff;
font-weight: 600;
animation: pulse 2s infinite;
}
.hotspot-image .info.open::before {
content: "";
width: 30px;
display: block;
height: 80px;
position: absolute;
left: 50px;
top: -10px;
/* background: red; */
}
.hotspot-image .info.open::after {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 7px 9px 7px 0;
border-color: transparent #fff transparent transparent;
display: block;
position: absolute;
top: 7px;
left: 41px;
}
.hotspot-image .info .info-text {
padding: 20px;
position: absolute;
top: -15px;
left: 50px;
background: #fff;
width: 300px;
font-size: 14px;
border-radius: 10px;
display: none;
box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
.hotspot-image .info .info-text img {
/* max-width:200px; */
}
.hotspot-image .info.open .info-text {
display: block;
}
.course-builder .slide {
background: #fff;
padding: 70px;
font-size: 20px;
margin: 20px 0 0 0;
width: 715px;
height: 380px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.course-builder .slide.intro {
text-align: center;
}
.course-builder .slide.intro h2 {
margin: 0;
font-size: 30px !important;
margin: 0 0 6px 0;
}
.course-builder .slide.video h2 {
margin: 0;
font-size: 26px !important;
margin: 0 0 6px 0;
}
.course-builder .slide.intro p {
}
.course-builder .slide.intro p:empty {
display: none
}
.course-builder .slide.intro .btn {
background: var(--c-main);
color: #fff;
border: solid 1px var(--c-main);
}
.hotspot-image .info.pos-left.open::before {
left: auto;
right: 20px;
}
.hotspot-image .info.pos-left.open::after {
left: auto;
right: 42px;
transform: rotate(180deg);
}
.hotspot-image .info.pos-left .info-text {
left: auto;
right: 50px;
}
.acf-field-repeater>.acf-input>.acf-repeater>.acfe-repeater-stylised-button {
border: dashed 2px var(--c-gray-lighter) !important;
}
#page .acf-form#invite-students {
background: var(--c-gray-lightest);
padding: 25px;
border-radius: 20px;
}
#page .acf-form#invite-students .note {
background: var(--c-gray-lighter);
}
.high-contrast #page .acf-form#invite-students .note {
color: var(--c-black);
background: none;
border: solid 2px var(--c-gray-lighter);
}
.high-contrast #page .acf-form#invite-students .note::before {
opacity: 1
}
.dark-mode #page .acf-form#invite-students .note {
color: #fff
}
#page .acf-form#invite-students textarea {
background: #fff
}
#page .acf-form#invite-students input[type="text"], #page .acf-form#invite-students input[type="email"] {
background: #fff;
}
#page .acf-form#invite-students .acf-input {}
#page .acf-form#invite-students .acf-input p:last-child {margin: 0 }
#page .acf-form#invite-students .invite-students-table .acf-table {margin-top: 5px; }
#page .acf-form#invite-students .invite-students-table .acf-table thead {display: none }
#page .acf-form#invite-students .invite-students-table .acf-table tbody tr td.order {display: none; }
#page .acf-form#invite-students .invite-students-table .acf-table tbody tr td:nth-child(2) {padding-left: 0 }
#page #poll_of_the_month {}
#page #poll_of_the_month .acf-fields {}
#page #poll_of_the_month .acf-fields .acf-field {}
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio {margin: -10px 0 0 0; }
#page #poll_of_the_month .acf-fields .acf-field > .acf-label {/* display: none; */ }
#page #poll_of_the_month .acf-fields .acf-field > .acf-input {}
#page #poll_of_the_month .acf-fields .acf-field > .acf-input p {margin: 0; font-weight: 600; }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio > .acf-label {display: none }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list {}
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list li {font-size: 15px; margin: 0 0 10px 0; }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list li label {position: relative; padding: 0 0 0 28px; cursor: pointer; }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list li label::before {content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; display: block; background: var(--c-gray-lightest); border-radius: 50%; border: solid 1px var(--c-gray-lighter); }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list li label.selected::before {content: ""; background: var(--c-main); border: solid 1px var(--c-main); }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list li label.selected::after {content: ""; display: block; width: 20px; height: 20px; background: #fff; position: absolute; top: 2px; left: 0; border-radius: 50%; transform: scale(0.5); }
#page #poll_of_the_month .acf-fields .acf-field.acf-field-radio .acf-radio-list li label input {display: none; }
body ul.acf-radio-list li {margin: 3px 0}
body .acf-field.acf-field-flexible-content>.acf-input>.acf-flexible-content>.acfe-flexible-stylised-button {border: 2px dashed var(--c-gray-light); }
.field-hide{display:none; visibility: hidden; }
#page .acf-form.new-course-basic {}
#page .acf-form.new-course-basic.is-invalid {margin-top: 20px; }
#page .acf-form.new-course-basic .acf-fields .acf-tab-wrap {margin: 0 0 20px 0;}
#page .course-basic .acf-form.new-course-basic > .acf-fields > .acf-field > .acf-input .acf-fields > .acf-tab-wrap > .acf-tab-group {padding: 0; }
#page .course-basic .acf-form.new-course-basic > .acf-fields > .acf-field > .acf-input .acf-fields > .acf-tab-wrap > .acf-tab-group::after {content: none; }
#page .acf-form.new-course-basic .acf-flexible-content .layout {background: var(--c-gray-lighter); }
body .acfe-modal.-open.acfe-modal-select-lessons {}
body .acfe-modal.-open.acfe-modal-select-lessons .acfe-modal-wrapper { max-width: 1000px; height: auto; min-height: unset; }
body .acfe-modal.-open.acfe-modal-select-lessons .acfe-modal-wrapper .acfe-modal-title {}
body .acfe-modal.-open.acfe-modal-select-lessons .acfe-modal-wrapper .acfe-modal-title .title {display:none}
.cw-info-toggle { background: var(--c-gray-lightest); padding: 20px 20px 20px 64px; border-radius: 10px; }
.cw-info-toggle::before {content:"\e49a";font-family: "Font Awesome 7 Pro";position: absolute;left: 20px;top: 10px;font-size: 29px;font-weight: 300;opacity: 0.5;}
.cw-info-toggle.hide {display: none;}
.cw-info-toggle .note { background: none; /*margin-left: -40px;*/ padding: 0 0 0 29px; }
.cw-info-toggle .note::before { left: 0; top: 0px; font-size: 22px; }
.acf-tooltip.acf-fc-popup { background: var(--c-main); }
.acf-tooltip.acf-fc-popup::before { border-bottom-color: var(--c-main) !important; }
.acf-tooltip.acf-fc-popup.top:before {border-top-color: var(--c-main) !important;;}
.acf-tooltip.acf-fc-popup ul {max-height: 210px;overflow: auto;}
.acf-tooltip.acf-fc-popup ul li {}
.acf-tooltip.acf-fc-popup ul li a { line-height: 1; }
/* /w/_general/css/filters.css */
.page-header .dropdown {margin: 0 0 0 auto; }
.page-header .filters {display: flex;flex: 1;margin: 0;z-index: 25;border-radius: 10px;margin: 15px 0 0 0px;}
.page-header .filters .close-filters {position: absolute;right: -12px;top: -10px;background: var(--c-main);border: none;color: #fff;font-size: 10px;width: 28px;height: 28px;text-align: center;line-height: 28px;padding: 0;border-radius: 50%;display: none;}
.page-header .facetwp-facet {flex: 1;padding: 0 20px 0 0;margin: 0;}
.page-header .facetwp-facet:last-child {padding:0}
.page-header .facetwp-facet.facetwp-facet-search .facetwp-input-wrap {
width: 100%;
}
.page-header .facetwp-facet.facetwp-facet-search .facetwp-input-wrap i {
right: 9px;
}
.page-header .facetwp-facet.facetwp-facet-search .facetwp-input-wrap input {
background: var(--c-gray-lighter);
border: none;
padding: 0 30px 0 15px;
border-radius: 10px;
font-weight: 300;
height: 50px;
line-height: 50px;
width: 100%;
}
.page-header .filters.experts {display: flex; position: relative; inset: auto; transform: none; background: none; flex: 1; padding: 0; }
.page-header .facetwp-facet.facetwp-facet-alpha {text-align: right;padding: 0;}
.page-header .facetwp-facet.facetwp-facet-alpha .facetwp-alpha {padding: 0 5px;margin-right: 4px;}
.page-header .filters-1 .facetwp-facet {flex: 0 1 100%;max-width:100%;}
.page-header .filters-2 .facetwp-facet {flex: 0 1 50%;max-width:50%;}
.page-header .filters-3 .facetwp-facet {flex: 0 1 33.33%;max-width: 33.33%;}
.page-header .filters-4 .facetwp-facet {flex: 0 1 25%;max-width:25%;}
.page-header .filters-5 .facetwp-facet {flex: 0 1 20%;max-width:20%;}
.page-header .filters-6 .facetwp-facet {flex: 0 1 16.66%;max-width:16.66%;}
.page-header .filters .facetwp-facet-reset {flex: 0 1 100%;max-width:100%;text-align: right;margin: 0;position: absolute;right: 10px;bottom: -22px;}
.page-header .filters .facetwp-facet-reset a {color: var(--c-gray); text-decoration: none; border-bottom: none; font-size: 12px; font-weight: 400; border-bottom: solid 1px; }
.page-header .facetwp-facet .facetwp-alpha {color: var(--c-gray);}
.page-header .facetwp-facet .facetwp-alpha.available {color: var(--c-black);}
.page-header .facetwp-facet .facetwp-alpha.available.selected {color: var(--c-main);}
.page-header .facetwp-facet .fs-wrap {/* min-width: 270px; */width: 100%;vertical-align: top;}
.page-header .facetwp-facet .fs-wrap .fs-label-wrap {background: var(--c-gray-lighter);border: none;padding: 0 30px 0 15px;border-radius: 10px;font-weight: 300;height: 50px;line-height: 50px;}
.page-header .facetwp-facet .fs-wrap.fs-open .fs-label-wrap {border-radius: 10px 10px 0 0;box-shadow: 0px 10px 0 var(--c-white), 0px 0px 12px rgb(0 0 0 / 15%);background: var(--c-white);}
.page-header .facetwp-facet .fs-wrap .fs-label-wrap .fs-label {padding: 0; }
.page-header .facetwp-facet .fs-wrap .fs-label-wrap .fs-arrow {margin: 0;display: inline-block;top: 23px;right: 15px;border-top: 5px solid var(--c-black);}
.page-header .facetwp-facet .fs-wrap .fs-dropdown {border: none;padding: 0 15px 15px 15px;background: var(--c-white);border-radius: 0 10px 10px 10px;font-size: 14px;font-weight: 300;/* overflow: auto; */box-shadow: 0px -12px 0 var(--c-white), 0px 0px 12px rgb(0 0 0 / 15%);min-width: 220px;top: 62px;}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-search {background: none; padding: 0; margin: 0 0 20px 0; }
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-search input {background: var(--c-gray-lighter);font-size: 14px;padding: 0 15px;height: 40px;border-radius: 10px;font-family: inherit;font-weight: 300;color: var(--c-black);}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options {/* max-height: 400px; *//* overflow: visible; */overflow-x: hidden;padding: 3px 0 0;}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option {padding: 0 0 0 24px;margin: 0 0 12px 0;word-break: normal;}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option .fs-checkbox {background: var(--c-gray-lighter);width: 17px;height: 17px;border-radius: 3px;top: -1px;}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option .fs-checkbox i {margin: 0; width: 15px; height: 15px; border: none; display: none; }
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option .fs-option-label {white-space: normal; line-height: 1.2; }
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected {}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-checkbox {background: var(--c-main);}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-checkbox::before {content:"\e900";font-family: 'icomoon';color: #fff;font-size: 10px;width: 17px;height: 17px;line-height: 17px;text-align: center;display: inline-block;vertical-align: top;}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-checkbox i {background: var(--c-main);}
.page-header .facetwp-facet .fs-wrap .fs-dropdown .fs-options .fs-option.selected .fs-option-label {}
.facetwp-facet.facetwp-facet-map { position: relative; border-radius: 10px; overflow: hidden; }
.facetwp-facet.facetwp-facet-map #facetwp-map { width: 100% !important; height: 500px !important; }
.facetwp-map-filtering { position: absolute; top: 10px; right: 60px; text-transform: none; font-size: 14px; color: #fff; line-height: 1; padding: 13px 21px; border-radius: 10px; font-weight: 600; display: inline-flex; align-items: center; border: none; color: #fff; background: var(--c-main); }
.facetwp-map-filtering:hover {background:var(--c-secondary)}
.facetwp-facet.facetwp-facet-map iframe + div {border:none !important}
.gm-style .gm-style-iw-t {}
.gm-style .gm-style-iw-t > div { padding: 0 !important; max-height: none !important; }
.gm-style .gm-style-iw-t > div > div { overflow: auto !important; }
.gm-style .gm-style-iw-t > div > button[title="Close"] {z-index: 10;}
.gm-style .gm-style-iw-t > div > div > div {}
.gm-style .gm-style-iw-t > div > div.gm-style-iw-chr {
position: absolute;
z-index: 100;
right: 10px;
overflow: hidden !important;
height: auto;
top: 10px;
}
.gm-style .gm-style-iw-t > div > div.gm-style-iw-chr button {
background: var(--c-secondary) !important;
top: 0 !important;
right: 0 !important;
display: flex !important;
align-items: center;
justify-content: center;
}
.gm-style .gm-style-iw-t > div > div.gm-style-iw-chr button span {
margin: 0 !important;
width: 20px !important;
height: 20px !important;
}
.marker-content {max-width: 290px;}
.marker-content::after { content:""; background: url(/w/cpgabaprofessional.de/images/event-overlay-light.png) top center no-repeat; top: 0; bottom: 0; background-size: cover; position: absolute; z-index: 2; width: 100%; display: block; }
.marker-content .banner {display: block;margin: 0 0 10px 0;object-fit: cover;margin: 0;position: relative;z-index: 1;}
.marker-content .banner img {height: 250px; object-fit: cover;object-position: left top; }
.marker-content .text { position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 20px; z-index: 3; color: #000; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; }
.marker-content .text .credits { position: absolute; left: 0; top: 0; z-index: 11; top: 20px; left: 20px; opacity: 1; background: var(--c-orange); color: #fff; width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; font-weight: 700; font-size: 12px; letter-spacing: -1px; padding: 0; }
.marker-content .text .type{ margin: 0 15px 10px 0; background: #aaa; color: #fff; border-radius: 5px; padding: 6px 10px; text-transform: uppercase; font-weight: 400; font-size: 15px; display: inline-block; border-radius: 5px; font-size: 13px; }
.marker-content .text .btn { background: var(--c-secondary); color: #fff; border: none; margin: 0; }
.gm-style .gm-style-iw-tc::after { display: none; }
.marker-content .name { font-weight: 600; text-decoration: none; margin: 0 0 4px 0; display: block; font-size: 16px; color: #000; }
.marker-content .text > strong {display:block; margin:0 0 10px 0}
.marker-content .date { margin: 0 0 8px 0; font-weight: 500; }
.marker-content .address { margin: 10px 0 0 0; opacity: 0.7; }
button[title="Close"] {background: var(--c-secondary) !important; opacity: 1; color: #fff !important; width: 30px !important; height: 30px !important; right: 10px !important; top: 10px !important; border-radius: 50%; }
button[title="Close"] span {background: #fff !important;}
.acf-map {border: none !important;border-radius: 10px;overflow: hidden;}
.sidebar .acf-map {padding-top: 100%; }
.sidebar .acf-map > div {}
.acf-map iframe + div {border:none !important}
.acf-map-wrapper {}
.acf-map-wrapper .address {margin: 0 0 10px 0;}
.acf-map-wrapper .address strong {}
.acf-map-wrapper .date {}
.map-disabled {padding-top: 35%;margin: 0 0 50px 0px;position: relative;overflow: hidden;border-radius: 10px;}
.sidebar .map-disabled {padding-top: 100%;font-size: 13px;margin: 0 0 20px 0;}
.map-disabled::before {content:"";}
.map-disabled p {position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);z-index: 100;background: var(--c-main);color: #fff;padding: 25px;margin: 0;line-height: 1.3;text-align: center;box-shadow: 0 0 20px rgb(0 0 0 / 15%);border-radius: 10px;min-width: 280px;}
.map-disabled img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;object-fit: cover;height: 100%;width: 100%;filter: blur(2px);}
@media (max-width: 1200px) {
.page-header .filters.experts {flex: 0 1 100%;}
}
@media (max-width: 991px) {
.page-header .filters {display: none;flex: 0 1 100%;margin: 0;flex-wrap: wrap;margin: 0 0 0;background: var(--c-white);position: fixed;}
.page-header .filters.active {display:flex;flex-wrap: wrap;}
.page-header .filters {padding: 20px 20px 8px 20px;position: fixed;top: 130px;bottom: 0;left: 0;right: 0;z-index: 99;transform: none;flex-direction: row;margin: 0;padding: 20px 20px 60px 20px;border-radius: 0;align-content: flex-start;}
.page-header .content .filter-trigger {display:block !important; }
.page-header .filters .close-filters {right: auto;top: auto;width: 40px;height: 40px;font-size: 24px;background: none;color: var(--c-black);position: relative;order: 10;background: var(--c-main);border-radius: 50%;color: #fff;font-size: 14px;padding: 0;margin: 0;display: block;position: absolute;top: 20px;right: 20px;}
.page-header .filters .close-filters i {/* display:none; */border-radius: 50%;}
.page-header .filters .close-filters::before {/* content:"Apply filters"; */}
.page-header .facetwp-facet {flex: 0 1 100% !important;padding: 0;max-width: 100% !important;margin: 0 0 15px 0;height: auto;}
.page-header .facetwp-facet .fs-wrap .fs-dropdown {position: relative; }
.page-header .filters .facetwp-facet-reset {text-align:left;margin: 4px 0 10px 0;position: relative;inset: auto;}
.page-header .filters.experts {padding: 0; margin: 20px 0 0 0; }
.page-header .facetwp-facet.facetwp-facet-alpha {text-align: left; margin: 10px 0 0 0px;}
.page-header .facetwp-facet.facetwp-facet-alpha .facetwp-alpha {margin: 0 10px 0 0;}
}
@media (max-width: 767px) {
.page-header .filter-trigger {width: 100%;justify-content: center;margin: 15px 0 0 0;}
.page-header .filters {padding: 75px 20px 60px 20px;top: 115px;}
.page-header .facetwp-facet.facetwp-facet-alpha {text-align: left; }
.page-header .facetwp-facet.facetwp-facet-alpha .facetwp-alpha {padding: 0 15px 0 0;}
.map-disabled {padding-top: 56.25%;}
}
.filters.scroll { border-bottom: none; margin: 0; z-index: 12; position: relative; display: flex; overflow-y: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; flex-wrap: nowrap; width: 100%; flex: none; min-width: 100%; display: block; padding: 0 0 10px 0; border-radius: 0; }
.filters.scroll .facetwp-facet { min-width: 210px; display: inline-block; vertical-align: top; }
.filters.scroll::-webkit-scrollbar {-webkit-appearance: none; height: 5px;background:#eee }
.filters.scroll::-webkit-scrollbar-thumb {border-radius: 5px; background-color: rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .1); }
.filters.admin { flex-wrap: wrap; }
.filters.admin .more-filters { background: none; border: none; font-size: 23px; font-weight: 300; transform: rotate(0deg); transition: all 0.3s; padding: 0; color: #777; margin: 0 12px 0 0; }
.filters.admin .more-filters.active { transform: rotate(180deg); }
.filters.admin .extra-filters { flex: 0 1 100%; display: flex; margin: 20px 0 0 0; display: none; }
.filters.admin .extra-filters.active { display: flex; }
@media (max-width: 767px) {
.filters.admin .more-filters {display:none}
.filters.admin .extra-filters { margin: 0; display: flex !important; flex-wrap: wrap; }
}
/* /w/_general/css/quiz.css */
.form-quiz {}
.form-quiz h1 {margin: 0 0 10px 0; }
.form-quiz h2 {}
.form-quiz h3 {font-size: 20px; font-weight: 300; margin: 0 0 20px 0; }
.quiz-error {background: red;align-items: center;padding: 15px 20px 15px 60px;margin: 10px 0 20px 0;color: #fff;position: relative;border-radius: 10px;line-height: 1.2;}
.quiz-error::before {content:"\f06a";font-family: "Font Awesome 7 Pro";font-weight: 600;font-size: 31px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.quiz-success {background: #16b565;align-items: center;padding: 15px 20px 15px 57px;margin: 10px 0 20px 0;color: #fff;position: relative;border-radius: 10px;line-height: 1.2;}
.quiz-success::before {content:"\f00c";font-family: "Font Awesome 7 Pro";font-weight: 600;font-size: 28px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.form-quiz #btnsubmitquiz {background: var(--c-main); color: #fff; border: solid 1px var(--c-mian); font-weight: 600; font-size: 16px; }
.form-quiz #btnsubmitquiz:hover { background:var(--c-black); color:var(--c-white)}
.form-quiz input[name="cw-verification-code"] {
width: 100%;
height: 50px;
padding: 0 15px;
border-radius: 10px;
background: var(--c-gray-lighter);
border: none;
font-size: 16px;
font-weight: 300;
}
.form-quiz input[name="cw-verification-code"] + .error {margin-top:10px}
.form-quiz ul {list-style: none; padding: 0; margin: 0; }
.form-quiz .question {font-weight: 600;margin: 20px 0 10px 0;font-size: 18px;line-height: 1.3;}
.form-quiz .question span {color: red;font-size: 11px;vertical-align: top;margin: 2px 0 0 1px;display: inline-block;}
.form-quiz .your-answers {margin: 0 0 8px 0;line-height: 1.5;}
.form-quiz .your-answers.correct::after {content:"\f00c";font-family: "Font Awesome 7 Pro";font-weight:600;margin: 0px 0 0 10px;font-size: 14px;vertical-align: top;display: inline-block;background: #16b565;color: var(--c-white);width: 26px;height: 26px;text-align: center;line-height: 26px;border-radius: 50%;}
.form-quiz .your-answers.incorrect::after {
content:"\f00d";
font-family: "Font Awesome 7 Pro";
font-weight: 600;
margin: 0px 0 0 10px;
font-size: 14px;
vertical-align: top;
display: inline-block;
background: #d50000;
color: var(--c-white);
width: 26px;
height: 26px;
text-align: center;
line-height: 26px;
border-radius: 50%;
}
.form-quiz .rationale {
line-height: 1.3;
padding: 15px;
background: var(--c-gray-lighter);
font-size: 13px;
margin: 15px 0 0 0;
border-radius: 10px;
opacity: 0.8;
}
.form-quiz .rationale strong {}
.form-quiz .error {background: none; color: red; text-align: left; padding: 0; font-size: 12px; margin: -7px 0 10px 0; }
.form-quiz ul li {padding: 0;position: relative;padding: 0 0 0 0;line-height: 1;font-size: 16px;margin: 3px 0 15px 0;}
.form-quiz ul.inline {}
.form-quiz ul.inline li {display: inline-block;margin: 0 30px 4px 0;}
.form-quiz textarea {width: 100%; padding: 15px; border: none; background: var(--c-gray-lighter); border-radius: 5px; font-family: inherit; color: inherit; height: 100px; }
.form-quiz ul li input {display: none }
.form-quiz ul li input + label {cursor: pointer;padding-left: 27px;line-height: 20px;}
.form-quiz ul li input[type="radio"] + label::before {content: '';position: absolute;left: 0;top: 0px;width: 21px;height: 21px;border: 2px solid #ddd;border-radius: 100%;background: #fff;}
.form-quiz ul li input[type="radio"]:checked + label::before {background: var(--c-main); border: 2px solid var(--c-main); }
.form-quiz ul li input[type="radio"]:checked + label::after {content: '';position: absolute;left: 0;top: 0px;width: 21px;height: 21px;border-radius: 50%;background: #fff;transform: scale(0.5);}
.form-quiz ul li input[type="checkbox"] + label::before {content: '';position: absolute;left: 0;top: 0px;width: 21px;height: 21px;border: 2px solid #ddd;border-radius: 4px;background: #fff;}
.form-quiz ul li input[type="checkbox"]:checked + label::before {background: var(--c-main); border: 2px solid var(--c-main); }
.form-quiz ul li input[type="checkbox"]:checked + label::after {content: '\f00c';position: absolute;left: 0;top: 0px;width: 21px;height: 21px;border-radius: 50%;color: #fff;font-family: "Font Awesome 7 Pro";font-weight: 900;text-align: center;line-height: 21px;font-size: 12px;}
.quiz-buttons {display: flex;align-items: center;margin: 20px 0 0 0;gap: 20px;}
#submit-quiz {background: var(--c-main);color: #fff;border: solid 1px var(--c-mian);font-weight: 600;font-size: 16px;padding: 15px 20px;border-radius: 10px;line-height: 1;margin: 0;}
#submit-quiz:hover {background: var(--c-secondary);color: #fff;}
.quiz-buttons .btn.secondary {margin: 0 0 0 auto;padding: 0 0 4px 0 !important;border: none !important;border-bottom: solid 2px var(--c-main)!important;background: none !important;color: var(--c-main) !important;border-radius: 0;}
.form-quiz #skip_survey {position: absolute;bottom: 40px;right: 40px;border: solid 1px var(--c-main);font-weight: 400;font-size: 15px;border-radius: 10px;padding: 0 20px;text-decoration: none !important;line-height: 48px;height: 48px;cursor: pointer;}
.form-quiz #skip_survey:hover {background:var(--c-main); color:#fff;}
.quiz-buttons #skip_survey {border-bottom: solid 2px var(--c-main);color: var(--c-main);cursor:pointer;}
.quiz-buttons #skip_survey:hover {border-bottom: solid 2px var(--c-secondary);color: var(--c-secondary);font-weight:400;}
#cw-modal-quiz { z-index: 100008; }
#cw-modal-quiz h3 {font-size: 18px;margin: -10px 0 10px 0;}
#cw-modal-quiz .content { min-height: 200px; }
#cw-modal-quiz .content .btn { margin: 10px 10px 0 0; }
#cw-modal-quiz .content .btn i {margin: 0 6px 0 0;font-size: 18px;}
#cw-modal-quiz .content .note {margin-top:20px}
#cw-modal-quiz .content .note .dotted-box {
display: block;
text-align: center;
margin: 10px 0;
padding: 10px 20px;
font-size: 19px;
}
#cw-modal-quiz .content .note .remaining-courses { padding: 0; margin: 0; list-style: none;
}
#cw-modal-quiz .content .note .remaining-courses li {display: flex;align-items: flex-start;margin: 7px 0px 10px;position: relative;padding: 0;}
#cw-modal-quiz .content .note .remaining-courses li i {background: #fff;color: var(--c-orange);width: 20px;height: 20px;text-align: center;line-height: 20px;border-radius: 50%;margin: 0 9px 0 0;position: absolute;left: 0;top: 0px;font-size: 13px;display: none;}
#cw-modal-quiz .content .note .remaining-courses li.completed i {background: none; color: #fff; font-size: 20px; font-weight: 300;}
#cw-modal-quiz .content .note .remaining-courses li a {color: var(--c-main);text-decoration: underline;flex: 1;line-height: 1.2;}
#cw-modal-quiz .content .note .remaining-courses li a:hover {}
/* #cw-modal-quiz .content .dropdown {}
#cw-modal-quiz .content .dropdown .btn {border: solid 1px var(--c-secondary);background: none;color: var(--c-secondary);box-shadow: none;margin: 0;}
#cw-modal-quiz .content .dropdown .btn i { font-size: 20px; margin: 0 7px 0 0; }
#cw-modal-quiz .content .dropdown .btn::after { margin: 0 0 0 10px; }
#cw-modal-quiz .content .dropdown .btn.show {background: var(--c-secondary);color: #fff;border-radius: 10px 10px 0 0;min-width: 260px;}
#cw-modal-quiz .content .dropdown .dropdown-menu {padding: 15px;background: var(--c-secondary);border: none;border-radius: 0 0 10px 10px;box-shadow: none;top: 40px !important;font-size: 14px;min-width: 260px;max-width: 260px;bottom: auto !important;!i;!;transform: none !important;!i;!;}
#cw-modal-quiz .content .dropdown .dropdown-menu li { margin: 0 0 12px 0; }
#cw-modal-quiz .content .dropdown .dropdown-menu li:last-child { margin: 0; }
#cw-modal-quiz .content .dropdown .dropdown-menu li a { color: #fff; text-decoration: none; }
#cw-modal-quiz .content .dropdown .dropdown-menu li a:hover {font-weight:500} */
@media (max-width: 767px) {
.form-quiz #skip_survey {bottom:20px;right: 20px;}
}
/* /w/_general/css/debug.css */
.nav.nav-tabs {flex: 0 1 100%;text-align: center;margin: 20px 0 20px 0;font-size: 16px;display: flex;/* justify-content: center; */border: none;}
.nav.nav-tabs .nav-link {padding: 0 10px;color: var(--c-black);padding: 5px 12px;margin: 0 10px 10px 0;font-weight: 300;text-decoration: none;border: none;display: inline-block;border: solid 1px var(--c-gray-light);background: none;font-size: 14px;border-radius: 10px;}
.nav.nav-tabs .nav-link:last-child {margin-right:0;}
.nav.nav-tabs .nav-link.active {font-weight: 600;background: var(--c-gray-light);color: var(--c-black);border: solid 1px var(--c-gray-light);}
.nav.nav-tabs .nav-item {
margin: 0 10px 0 0;
}
/* /w/_general/css/admin.css */
/* ================================== */
/* ======= Trainer add course ======= */
/* ================================== */
.add-course-steps {padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between; position: relative; }
.add-course-steps li {border: solid 3px var(--c-gray-light); border-radius: 50%; width: 50px; height: 50px; line-height: 44px; text-align: center; font-size: 15px; position: relative; z-index: 2; background: #fff; box-shadow: 0 0 0 12px var(--c-white); font-weight: 600; }
.add-course-steps li.active {background: var(--c-main); color: #fff; border-color: var(--c-main); width: auto; min-width: 100px; border-radius: 30px; padding: 0 20px; }
.add-course-steps li.completed {color: #fff; background: var(--c-main); border-color: var(--c-main); font-size:0; }
.add-course-steps li.completed::before {content:"\e900";font-family:"icomoon";font-size: 20px;/* color: var(--c-black); */font-weight: 300;}
.add-course-steps::after {content:"";position: absolute;left: 0;right: 0;height: 2px;display: block;top: 50%;transform: translateY(-50%);background: var(--c-gray-lighter);z-index: 1;}
.succes-message {margin: 30px 0 0 0; font-size: 18px; font-weight: 300; text-align: center; background: var(--c-gray-lighter); padding: 20px; border-radius: 10px; }
.succes-message h2 {font-weight: 800; font-size: 21px; display: flex; align-items: center; justify-content: center; margin: 0 0 10px 0; }
.succes-message p {font-size: 16px; }
ul.tabs {list-style: none;padding: 0;margin: 0;display: flex;margin: 0 0 30px 0;position: relative;}
ul.tabs li {margin: 4px 8px 4px 0;}
ul.tabs li a {border: none;background: var(--c-gray-lighter);color: #000;border-radius: 10px;padding: 16px 24px;font-weight: 400;line-height: 1;font-size: 15px;text-decoration: none;display: flex;align-items: center;}
ul.tabs li a i {margin: 0 8px 0 0; font-size: 19px; }
ul.tabs li a.active {font-weight: 700; background: var(--c-main); box-shadow: 0px -3px 10px rgb(0 0 0 / 10%); color: #fff; }
.pills {
margin: 10px 0 15px 0;
}
.pills a {
text-decoration: none;
padding: 10px 15px;
border: solid 2px var(--c-gray-light);
display: inline-block;
border-radius: 10px;
margin: 0 10px 0 0;
line-height: 1;
}
@media (max-width: 991px) {
ul.tabs {
flex-wrap: wrap;
}
ul.tabs li {}
ul.tabs li a {}
}
@media (max-width: 767px) {
ul.tabs {}
ul.tabs li {
width: 100%;
margin: 0 0 5px 0;
}
ul.tabs li a {}
}
.webinar-stats {display: grid;grid-template-columns: repeat(4,1fr);grid-gap: 25px;margin: 0 0 30px 0;}
.webinar-stats .item {
/* border: solid 3px var(--c-gray-light); */
border-radius: 10px;
padding: 20px;
line-height: 1.1;
text-align: center;
display: flex;
/* justify-content: center; */
align-items: stretch;
flex-direction: column;
justify-content: center;
align-items: center;
background: var(--c-gray);
color: #fff;
}
.webinar-stats .item span {
font-size: 17px;
padding: 0 0 6px 0;
text-align: center;
/* flex: 0 1 70%; */
/* max-width: 120px; */
line-height: 1;
}
.webinar-stats .item strong {
display: block;
/* color: var(--c-main); */
font-size: 37px;
font-weight: 800;
}
div.stats {display: grid;grid-template-columns: repeat(3,1fr);margin: 50px 0 0 0;grid-gap: 30px;}
div.stats.cols-1 {grid-template-columns: repeat(1,1fr);}
div.stats.cols-2 {grid-template-columns: repeat(2,1fr);}
div.stats.cols-3 {grid-template-columns: repeat(3,1fr);}
div.stats .stats-item {}
div.stats .stats-item h3 {font-weight: 700;font-size: 21px;margin: 0 0 15px 0;}
div.stats .stats-item .survey {font-size: 14px; }
div.stats .stats-item .survey .question {font-size: 16px; font-weight: 600; margin: 0 0 6px 0; color: var(--c-main); line-height: 1.2; }
div.stats .stats-item .survey ul {margin: 0 0 20px 0;padding: 0;}
div.stats .stats-item .survey ul li {padding: 0; background: #eee; display: inline-block; margin: 0 6px 10px 0; padding: 9px 11px; border-radius: 5px; color: #555; font-size: 13px; line-height: 1; }
div.stats .stats-item .survey ul li::before {content:none}
div.stats .stats-item .survey ul li strong {font-weight: 500; }
@media (max-width: 991px) {
.webinar-stats {grid-template-columns: repeat(2,1fr) !important;grid-gap: 15px;}
div.stats {grid-template-columns: repeat(1,1fr) !important;}
div.stats .default-table {margin:0}
}
.default-table {width: 100%;margin: 10px 0 40px 0;table-layout: fixed;font-size: 15px;border-radius: 10px;overflow: hidden;}
.default-table thead {}
.default-table thead tr {}
.default-table thead tr th {background: var(--c-main);color: #fff;padding: 15px 20px;}
.default-table tbody {}
.default-table tbody tr {}
.default-table tbody tr td {padding: 10px 20px;}
.default-table tbody tr th {background: var(--c-main);color: #fff;padding: 10px 20px;}
.default-table tbody tr:nth-child(2n) {background: var(--c-gray-lightest); }
.default-table tbody tr:nth-child(2n) td {}
.default-table tbody tr:hover {background: var(--c-gray-lighter);}
.default-table tbody tr:nth-child(2n):hover {}
.default-table tfoot {}
.single-stats {}
.single-stats .back-link {text-decoration: none;display: inline-flex;align-items: center;border-radius: 10px;}
.single-stats .back-link i {font-size: 17px;margin: 0 7px 0 0;}
.single-stats h1 {margin: 5px 0 20px 0;font-size: 32px;}
.single-stats > h2 {font-weight: 700;}
.single-stats .tab-title {
display: flex;
align-items: center;
}
.single-stats > .tab-title button {
margin: 0 0 0 auto;
border: none;
background: var(--c-main);
color: #fff;
width: 40px;
height: 40px;
font-size: 19px;
font-weight: 300;
border-radius: 50%;
}
.single-stats > .tab-title button:hover {background:var(--c-secondary);}
.single-stats > .tab-title button i {}
.single-stats .speakers {display: flex;align-items: center;margin: -12px 0 30px 0;}
.single-stats .speakers .photos {margin: 0 15px 0 0; }
.single-stats .speakers .photos img {max-width: 60px;border-radius: 50%;border: solid 1px var(--c-gray-light);}
.single-stats .speakers .names {font-weight: 600; line-height: 1.2; }
.single-stats .speakers .names span {font-weight: 300; display: block; }
@media (max-width: 767px) {
.single-stats h1 {font-size:28px;}
}
.filters-menu {display: flex;align-items: flex-end;width: calc(100% + 20px);/* gap: 20px; */margin: 0 -10px 30px -10px;z-index: 1;}
.filters-menu .filter-item {flex: 0 1 20%;max-width: 20%;padding: 0 10px;position: relative;z-index: 10;}
.filters-menu .filter-item label {display: block;font-size: 14px;line-height: 1;margin: 0 0 5px 0;font-weight: 500;}
.filters-menu .filter-item input {border: none !important;background: var(--c-gray-lighter) !important;padding: 0 15px !important;border-radius: 10px !important;height: 50px;width: 100% !important;font-size: 14px;color: var(--c-black);}
.filters-menu .filter-item.search .dataTables_filter {width: 100%; }
.filters-menu .filter-item.search label {margin: 0;font-weight: 500;display: block;width: 100%;text-align: left;}
.filters-menu .filter-item.search label input {display: block !important; margin: 5px 0 0 0 !important; }
.filters-menu.map-view {align-items: flex-end;justify-content: flex-end;position: relative;bottom: -50px;}
body .filter-item.date {}
body .filter-item.date .daterangepicker {right: 10px !important;left: 10px !important;margin: 0 !important;}
body .filter-item.date .daterangepicker.show-calendar {display:flex !important;right: 10px !important;flex-wrap: wrap;left: -416px !important;margin: 0;top: 80px !important;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
body .filter-item.date .daterangepicker .ranges {}
body .filter-item.date .daterangepicker.show-calendar .ranges {flex: 0 1 130px;margin: 0px;border-radius: 5px 0 0 0;box-shadow: none !important;padding: 0 0 0;}
body .filter-item.date .daterangepicker::after {content:none}
body .filter-item.date .daterangepicker .ranges .drp-buttons .drp-selected {padding: 0; min-width: 200px; margin: 0 0 10px 0; }
body .filter-item.date .daterangepicker .drp-calendar.left {flex: 1; flex: 0 1 260px; border: none; }
body .filter-item.date .daterangepicker .drp-calendar.right {flex: 0 1 260px; }
body .filter-item.date .daterangepicker .drp-buttons {flex: 0 1 100%;background: var(--c-gray-lightest) !important;border-radius: 0 0 5px 5px;}
body .daterangepicker {border: none !important;background: var(--c-white);margin: 10px 0 0 0 !important;border-radius: 5px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
body.dark-mode .daterangepicker {background:#111}
body .daterangepicker .ranges {width: 100%;float: none;background: var(--c-gray-lightest) !important;box-shadow: none;border-radius: 0 0 10px 10px;overflow: hidden;box-shadow: 0 -16px 0 var(--c-gray-lightest) !important;font-family: "Open Sans";}
body .daterangepicker .ranges ul {width: 100%;list-style: none;padding: 0;margin: 0;font-weight: 400;}
body .daterangepicker .ranges ul li {padding: 8px 12px; margin: 0; }
body .daterangepicker .ranges ul li::before {content:none;}
body .daterangepicker .ranges ul li.active {background: var(--c-main); }
body .daterangepicker:before {content: none;}
body .daterangepicker .drp-calendar {padding: 10px !important;}
body .daterangepicker .drp-calendar .calendar-table {background: none; border: none; }
body .daterangepicker .drp-calendar .calendar-table .table-condensed {}
body .daterangepicker .drp-calendar .calendar-table .table-condensed thead {}
body .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr {}
body .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr th {background: none;}
body .daterangepicker .drp-calendar .calendar-table .table-condensed thead tr:first-child th {padding: 0 0 20px 0;}
body .daterangepicker .drp-calendar .calendar-table .table-condensed thead > tr:first-child th.month {}
body .daterangepicker .drp-calendar .calendar-table .table-condensed thead > tr:first-child th.month select {border: none;height: 30px;padding: 0 10px;margin: 0 3px;-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;/* background: var(--c-gray-lightest) !important; *//* background-image: url("data:image/svg+xml;utf8,") !important; *//* background-repeat: no-repeat !important; *//* background-position-x: calc(100% - 7px) !important; *//* background-position-y: 50% !important; *//* border-radius: 5px !important; */}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody {}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr {}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td {/* border-radius: 50%; */width: 32px;height: 32px;line-height: 32px;border: none !important;padding: 0 !important;border-radius: 50%;box-shadow: 0 0 0 2px var(--c-white) inset;background: none;}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.disabled {text-decoration: line-through; font-weight: 300; color: #aaa; }
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.disabled.ends.disabled {opacity:0;}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.off.ends.available {opacity:0;}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.active, body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.active.end-date {background-color: var(--c-main);color: #fff;}
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.today.off {background: none; color: #aaa; }
body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.in-range, body .daterangepicker .drp-calendar .calendar-table .table-condensed tbody tr td.off.in-range-min-span:not(.ends):not(.disabled) {/* background-color: #eee; */color:var(--c-black)}
body .daterangepicker .drp-buttons {border: none;padding: 15px 15px;background: var(--c-gray-lightest) !important;}
body .daterangepicker .drp-buttons .drp-selected {}
body .daterangepicker .drp-buttons .btn {background: none;color: var(--c-black);padding: 6px 14px;border-radius: 10px;font-size: 12px;display: inline-block;text-decoration: none;border: none;font-weight: 500;background: var(--c-main);color: #fff;border-radius: 5px;}
.chartBox {margin: 0 0 40px 0;}
.chartBox #earthChart {margin: -540px 0 0 0;z-index: 0;position: relative;pointer-events: none;}
.chartBox #earthChartReport {margin: -430px 0 0 0;z-index: 0;position: relative;pointer-events: none;}
table.dataTable {font-size: 14px;background: none;margin: 20px 0 30px 0 !important;border: none !important;color: var(--c-black);}
table.dataTable thead {}
table.dataTable thead tr {}
table.dataTable thead tr th{border: none;border-bottom: solid 3px var(--c-gray-lightest);color: var(--c-gray);font-weight: 300;}
table.dataTable tbody{}
table.dataTable tbody tr {}
table.dataTable tbody tr.even {background:var(--c-gray-lightest)}
table.dataTable > tbody > tr > td {border: none !important;box-shadow: none !important;padding: 18px 10px;}
table.dataTable tbody tr td:first-child {border-radius: 10px 0 0 10px; }
table.dataTable tbody tr td:last-child {border-radius: 0 10px 10px 0 }
table.dataTable tbody tr td.expand-button {padding: 18px 15px; cursor: pointer; }
table.dataTable tbody tr td.expand-button::before {content:"\e910";font-family: icomoon;}
table.dataTable tbody tr.shown td.expand-button::before {content:"\e90f";font-family: icomoon;}
table.dataTable tfoot {display:none}
table.dataTable tbody tr.even.shown + tr {background: var(--c-gray-lightest);}
table.dataTable tbody tr.even.shown + tr td {border-radius: 0 0 10px 10px;}
table.dataTable > tbody > tr.even.shown > td:first-child {border-radius: 10px 0 0 0 !important;}
table.dataTable tbody tr.even.shown > td:last-child {border-radius: 0 10px 0 0 !important;}
table.dataTable tbody tr td .title {font-size: 16px; font-weight: 500; color: var(--c-main); text-decoration: none; }
table.dataTable > tbody > tr > td[colspan="9"] {padding-top: 0; }
table.dataTable > tbody > tr > td[colspan="9"] table {}
table.dataTable > tbody > tr > td[colspan="9"] table tr {}
table.dataTable > tbody > tr > td[colspan="9"] table tr td {}
#page .dataTables_info {font-size: 14px;opacity: 0.5;}
#page .dataTables_paginate {font-size: 14px; display: flex; align-items: center; }
#page .dataTables_paginate .paginate_button {border-radius: 50%;border: none;width: 35px;height: 35px;background: none;color: var(--c-black) !important;padding: 0;line-height: 35px;margin: 0 7px;outline: none;}
#page .dataTables_paginate .paginate_button.previous {width: auto;font-size: 0;margin: 0 10px 0 0;outline: none;box-shadow: none;border: none;}
#page .dataTables_paginate .paginate_button.previous::before {content:"\e912";font-family: icomoon;font-size: 21px;}
#page .dataTables_paginate .paginate_button.next {width: auto;padding: 0;font-size: 0;margin: 0 0 0 10px;box-shadow: none !important;border: none !important;outline: none;}
#page .dataTables_paginate .paginate_button.next::before {content:"\e911";font-family: icomoon;font-size: 21px;}
#page .dataTables_paginate .paginate_button.current {background: var(--c-main); color: #fff !important; }
#page .dataTables_length {font-size: 14px; margin: 0 0 20px 0; }
#page .dataTables_length label {}
#page .dataTables_length label select {width: 70px; margin: 0 7px; border: none; border-radius: 5px !important; background-color: #fff !important; padding: 0 10px; height: 40px; font-size: 14px; border: solid 2px #f2f2f2; }
#page .dataTables_filter {font-size: 14px; }
#page .dataTables_filter label {}
#page .dataTables_filter label input {background: #fff; border: none; border-radius: 5px; padding: 0 10px; height: 40px; margin: 0 0 0 10px; border: solid 2px #f2f2f2; color: var(--c-black); }
.marketing-materials {align-items: center; }
.marketing-materials > img {max-width: 120px;}
.marketing-materials .banner {display: inline-block;margin: 0 10px 80px 0;position: relative;min-width: 130px;visibility: hidden;}
.marketing-materials .banner img {/* object-fit: cover; */height: 264px;width: auto;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.marketing-materials .banner .banner-details {
position: absolute;
/* bottom: -28px; */
display: block;
align-items: center;
left: 0;
right: 0;
text-align: center;
}
.marketing-materials .banner .banner-details span {display: block;font-size: 14px;font-weight: 600;padding: 5px 0 0 0;margin: 0 0 4px 0;text-align: center;left: 0;right: 0;line-height: 1.1;}
.marketing-materials .banner:nth-child(4n) {margin: 0; }
.marketing-materials .banner .banner-details .btn {
/* margin: 0 0 0 auto; */
border: none;
padding: 0;
/* position: absolute; */
/* top: 0; */
text-decoration: underline;
font-size: 12px;
background: none;
color: var(--c-main);
}
.listing.admin {grid-template-columns: repeat(1,1fr); grid-gap: 0; }
.listing.admin .item {box-shadow: none;display: flex;flex-wrap: wrap;flex-direction: row;border-radius: 0;align-items: center;padding: 20px;border-radius: 20px;overflow: unset;}
.listing.admin .item::after {content:none}
.listing.admin .item:hover {transform:none;box-shadow: 0 0 20px 0px rgb(0 0 0 / 5%);background: #fff !important;}
.listing.admin .item > div {padding: 0 20px;}
.listing.admin .item > div[data="banner"] {padding: 0;}
.listing.admin .item > div[data="banner"] img {max-width: 125px;border-radius: 5px;}
.listing.admin .item > div[data="title"] {font-weight: 600;font-size: 16px;flex: 1;}
.listing.admin .item > div[data="title"] p {margin: 0;}
.listing.admin .item > div[data="title"] div[data="speaker"] {font-size: 14px;font-weight: 300;}
.listing.admin .item > div[data="stats"] {}
.listing.admin .item > div[data="actions"] {text-align: right;padding-right: 0;}
.listing.admin .item > div[data="actions"] .btn {background: none;color: var(--c-gray-dark);padding: 0;margin: 0px 0 0 0px;font-size: 20px;border-radius: 50%;padding: 10px;border: none;transition: transform 0.3s;}
.listing.admin .item > div[data="actions"] .btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);}
.listing.admin .item > div[data="publish"] {display: inline-flex;align-items: center;padding-right: 0;}
.listing.admin .item > div[data="publish"] > span {display: inline-block;vertical-align: middle;font-size: 13px;line-height: 28px;}
.listing.admin .item > div[data="publish"] .switch {margin: 0 0 0 7px;}
.listing.admin .item > div.clear {flex:0 1 100%}
.listing.admin .item > div[data="registrations"] {flex: 1; padding: 20px 0 0 0; display: flex; align-items: flex-start; }
.listing.admin .item > div[data="registrations"] span {margin: 0 10px 0 0;line-height: 1.2;padding: 7px 12px;border: solid 2px var(--c-gray-light);border-radius: 10px;font-size: 13px;color: var(--c-gray-dark);}
.listing.admin .item > div[data="registrations"] span small { font-size: inherit; }
.listing.admin .item > div[data="registrations"] span strong {font-weight: 700; }
.listing.admin .item > div[data="registrations"] .btn {margin: 0 0 0 auto; }
.listing.admin .item > div.btn-group {margin: 0 0 0 auto; padding: 20px 0 0 0; }
.listing.admin .item > div.btn-group button {padding: 10px 20px;font-size: 13px;width: 180px;text-align: center;justify-content: center;border: none;box-shadow: 0 0 0 1px var(--c-gray);transition: none;background: none;color: #000;}
.listing.admin .item > div.btn-group button::after {content: "\f33d"; font-family: "Font Awesome 7 Pro"; border: none; font-size: 16px; margin: 0 0 0 10px; }
.listing.admin .item > div.btn-group button[aria-expanded="true"] {background: #fff;border-radius: 10px;border-bottom: none;border: none;color: #000;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.listing.admin .item > div.btn-group .dropdown-menu {padding: 10px 15px 15px; font-size: 13px; border: none; box-shadow: 0px -8px 0 rgb(255 255 255 / 100%), 0 0 10px rgb(0 0 0 / 10%); margin: -3px 0 0 0 !important; border-radius: 0 0 10px 10px; width: 180px; border: none; border-top: none; }
.listing.admin .item > div.btn-group .dropdown-menu[data-popper-placement="top-end"]{margin: 0 0 -3px 0 !important; box-shadow: 0px 10px 0 rgb(255 255 255 / 100%), 0 0 10px rgb(0 0 0 / 10%); border-radius: 10px 10px 0 0; }
.listing.admin .item > div.btn-group .dropdown-menu li {}
.listing.admin .item > div.btn-group .dropdown-menu li a {text-decoration: none;font-weight: 300;color: #000;}
.listing.admin .item > div.btn-group .dropdown-menu li a:hover {font-weight:500}
.listing.admin .item > div.btn-group .dropdown-menu li {margin: 0 0 5px 0; border-bottom: solid 1px var(--c-gray-lighter); padding: 0 0 5px 0; }
.listing.admin .item > div.btn-group .dropdown-menu li:last-child {margin:0;padding: 0;border: none;}
.listing.admin .item > div.btn-group .dropdown-menu li ul {padding: 0 0 0 0; list-style: none; font-size: 12px; }
.listing.admin .item > div.btn-group .dropdown-menu li ul li {margin: 9px 0; border: none; padding: 0; }
.listing.admin .item > div.btn-group .dropdown-menu li ul li a {font-weight: 300; display: flex; align-items: flex-start; line-height: 1.1; }
.listing.admin .item > div.btn-group .dropdown-menu li ul li a i {margin: 0 7px 0 0px; }
.listing.admin .item > div[data="status"] {font-size: 13px;}
.listing.admin .item > div[data="status"] span {white-space: nowrap;}
.listing.admin .item > div[data="status"] span::before {content:"";display: inline-block;width: 8px;height: 8px;background: #ddd;border-radius: 50%;margin: 0 7px 0 0;}
.listing.admin .item > div[data="status"] span.draft {}
.listing.admin .item > div[data="status"] span.draft::before {background:#ffb302}
.listing.admin .item > div[data="status"] span.unpublished {}
.listing.admin .item > div[data="status"] span.unpublished::before {background: #ff3838;}
.listing.admin .item > div[data="status"] span.published {}
.listing.admin .item > div[data="status"] span.published::before {background:#7fea8f}
.listing.admin .item:nth-child(2n+1) {background: var(--c-gray-lighter); }
.pathways.admin .item > div[data="actions"] {/* padding-right: 0; */text-align: right;padding-right: 0;display: flex;flex-direction: column;}
.pathways.admin .item > div[data="actions"] .btn {background: none;color: var(--c-gray-dark);padding: 0;margin: 0px 0 0 0px;font-size: 19px;border-radius: 50%;/* padding: 7px; */border: none;transition: transform 0.3s;text-align: center;display: inline-block;width: 32px;height: 32px;line-height: 32px;}
.pathways.admin .item > div[data="actions"] .btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);font-size: 17px;}
.pathways.admin .item > div[data="actions"] .actions-dropdown {position: relative;}
.pathways.admin .item > div[data="actions"] .actions-dropdown .more-actions {border: none;background: none;color: var(--c-main);font-size: 19px;padding: 0;/* padding: 10px; */line-height: 1;width: 32px;height: 32px;line-height: 32px;}
.pathways.admin .item > div[data="actions"] .actions-dropdown .more-actions:hover {color:var(--c-secondary)}
.pathways.admin .item > div[data="actions"] .actions-dropdown .actions-dropdown-content {display: none;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);background: #fff;min-width: 86px;border-radius: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 10px;}
.pathways.admin .item > div[data="actions"] .actions-dropdown .actions-dropdown-content.active {display: block;/* text-align: center; */}
.pathways.admin .item > div[data="actions"] .actions-dropdown .actions-dropdown-content.active::after {content:"";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.trainers.admin {grid-template-columns: repeat(1,1fr);grid-gap: 0;text-align: left;}
.trainers.admin .item {box-shadow: none;display: flex;flex-wrap: wrap;flex-direction: row;border-radius: 0;align-items: center;padding: 20px;border-radius: 20px;overflow: unset;}
.trainers.admin .item::after {content:none}
.trainers.admin .item:hover {transform:none;box-shadow: 0 0 20px 0px rgb(0 0 0 / 5%);background: #fff !important;}
.trainers.admin .item > div {padding: 0 20px;}
.trainers.admin .item > div[data="banner"] {padding: 0;}
.trainers.admin .item > div[data="banner"] img {max-width: 80px;border-radius: 50%;border:solid 1px var(--c-gray-light);}
.trainers.admin .item > div[data="title"] {font-weight: 600;font-size: 16px;flex: 1;}
.trainers.admin .item > div[data="title"] p {margin: 0;}
.trainers.admin .item > div[data="title"] p a {text-decoration: none;}
.trainers.admin .item > div[data="title"] div[data="speaker"] {font-size: 14px;font-weight: 300;}
.trainers.admin .item > div[data="title"] div[data="speaker"] .link {
text-decoration: none;
}
.trainers.admin .item > div[data="stats"] {}
.trainers.admin .item > div[data="actions"] {/* padding-right: 0; */text-align: right;padding-right: 0;}
.trainers.admin .item > div[data="actions"] .btn {background: none;color: var(--c-gray-dark);padding: 0;margin: 0px 0 0 0px;font-size: 20px;border-radius: 50%;padding: 10px;border: none;transition: transform 0.3s;}
.trainers.admin .item > div[data="actions"] .btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);}
.trainers.admin .item > div[data="publish"] {display: inline-flex;align-items: center;padding-right: 0;}
.trainers.admin .item > div[data="publish"] > span {display: inline-block;vertical-align: middle;font-size: 13px;line-height: 28px;}
.trainers.admin .item > div[data="publish"] .switch {margin: 0 0 0 7px;}
.trainers.admin .item > div.clear {flex:0 1 100%}
.trainers.admin .item > div[data="registrations"] {flex: 1; padding: 20px 0 0 0; display: flex; align-items: flex-start; }
.trainers.admin .item > div[data="registrations"] span {margin: 0 10px 0 0;line-height: 1.2;padding: 7px 12px;border: solid 2px var(--c-gray-light);border-radius: 10px;font-size: 13px;color: var(--c-gray-dark);}
.trainers.admin .item > div[data="registrations"] span small {/* display: block; */ font-size: inherit; }
.trainers.admin .item > div[data="registrations"] span strong {font-weight: 700; }
.trainers.admin .item > div[data="registrations"] .btn {margin: 0 0 0 auto; }
.trainers.admin .item > div.btn-group {margin: 0 0 0 auto; padding: 20px 0 0 0; }
.trainers.admin .item > div.btn-group button {padding: 10px 20px;font-size: 13px;width: 180px;text-align: center;justify-content: center;border: none;box-shadow: 0 0 0 1px var(--c-gray);transition: none;background: none;color: #000;}
.trainers.admin .item > div.btn-group button::after {content: "\f33d"; font-family: "Font Awesome 7 Pro"; border: none; font-size: 16px; margin: 0 0 0 10px; }
.trainers.admin .item > div.btn-group button[aria-expanded="true"] {background: #fff;border-radius: 10px;border-bottom: none;border: none;color: #000;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}
.trainers.admin .item > div.btn-group .dropdown-menu {padding: 10px 15px 15px; font-size: 13px; border: none; box-shadow: 0px -8px 0 rgb(255 255 255 / 100%), 0 0 10px rgb(0 0 0 / 10%); margin: -3px 0 0 0 !important; border-radius: 0 0 10px 10px; width: 180px; border: none; border-top: none; }
.trainers.admin .item > div.btn-group .dropdown-menu[data-popper-placement="top-end"]{margin: 0 0 -3px 0 !important; box-shadow: 0px 10px 0 rgb(255 255 255 / 100%), 0 0 10px rgb(0 0 0 / 10%); border-radius: 10px 10px 0 0; }
.trainers.admin .item > div.btn-group .dropdown-menu li {}
.trainers.admin .item > div.btn-group .dropdown-menu li a {text-decoration: none;font-weight: 300;color: #000;}
.trainers.admin .item > div.btn-group .dropdown-menu li a:hover {font-weight:500}
.trainers.admin .item > div.btn-group .dropdown-menu li {margin: 0 0 5px 0; border-bottom: solid 1px var(--c-gray-lighter); padding: 0 0 5px 0; }
.trainers.admin .item > div.btn-group .dropdown-menu li:last-child {margin:0;padding: 0;border: none;}
.trainers.admin .item > div.btn-group .dropdown-menu li ul {padding: 0 0 0 0; list-style: none; font-size: 12px; }
.trainers.admin .item > div.btn-group .dropdown-menu li ul li {margin: 9px 0; border: none; padding: 0; }
.trainers.admin .item > div.btn-group .dropdown-menu li ul li a {font-weight: 300; display: flex; align-items: flex-start; line-height: 1.1; }
.trainers.admin .item > div.btn-group .dropdown-menu li ul li a i {margin: 0 7px 0 0px; }
.trainers.admin .item > div[data="status"] {font-size: 13px;}
.trainers.admin .item > div[data="status"] span {white-space: nowrap;}
.trainers.admin .item > div[data="status"] span::before {content:"";display: inline-block;width: 8px;height: 8px;background: #ddd;border-radius: 50%;margin: 0 7px 0 0;}
.trainers.admin .item > div[data="status"] span.draft {}
.trainers.admin .item > div[data="status"] span.draft::before {background:#ffb302}
.trainers.admin .item > div[data="status"] span.unpublished {}
.trainers.admin .item > div[data="status"] span.unpublished::before {background: #ff3838;}
.trainers.admin .item > div[data="status"] span.published {}
.trainers.admin .item > div[data="status"] span.published::before {background:#7fea8f}
.trainers.admin .item:nth-child(2n+1) {background: var(--c-gray-lighter); }
.categories.admin {grid-template-columns: repeat(1,1fr);grid-gap: 0;text-align: left;display: grid;width: 100%;}
.categories.admin .item {box-shadow: none;display: flex;flex-wrap: wrap;flex-direction: row;border-radius: 0;align-items: center;padding: 20px;border-radius: 20px;overflow: unset;}
.categories.admin .item::after {content:none}
.categories.admin .item:hover {transform:none;box-shadow: 0 0 20px 0px rgb(0 0 0 / 5%);background: #fff !important;}
.categories.admin .item > div {padding: 0;}
.categories.admin .item .name {text-decoration: none;font-weight: 700;font-size: 17px;}
.categories.admin .item .name .link {
font-weight: 400;
font-size: 14px;
text-decoration: none;
}
.categories.admin .item > div[data=actions] {/* padding-right: 0; */text-align: right;padding-right: 0;margin: 0 0 0 auto;}
.categories.admin .item > div[data=actions] .btn {background: none;color: var(--c-gray-dark);padding: 0;margin: 0px 0 0 0px;font-size: 20px;border-radius: 50%;padding: 10px;border: none;transition: transform 0.3s;}
.categories.admin .item > div[data=actions] .btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);}
.categories.admin .item > div[data=actions] .more-actions {
display: none;
}
.categories.admin .item > div.clear {flex:0 1 100%}
.categories.admin .item .item {background: none !important; box-shadow: none; padding: 0 0 0 20px; }
.categories.admin .item .item .name {font-weight: 400; font-size: 15px; }
.categories.admin .item:nth-child(2n+1) {background: var(--c-gray-lighter);}
.page-header.admin-area {}
.page-header.admin-area .content {display: flex;flex-wrap: nowrap;align-items: flex-start;}
.page-header.admin-area .content h1 {flex: 1;min-width: auto;padding: 0;}
.page-header.admin-area .content .actions {display: flex;align-items: center;margin: 8px 0 0 0;}
.page-header.admin-area .content .actions .btn {padding: 0;margin: 0;border: none;font-size: 22px;font-weight: 400;margin: 0 15px 0 0;width: 30px;height: 30px;text-align: center;line-height: 30px;display: inline-block;border-radius: 50px;box-shadow: 0 0 0 0px var(--c-main);transition: none;}
.page-header.admin-area .content .actions .btn:hover {background:none;background: var(--c-main);box-shadow: 0 0 0 9px var(--c-main);transition: box-shadow 0.3s;}
.page-header.admin-area .content .toggle-instructions {margin: 0 0 0 auto;border: none;background: none;font-size: 22px;display: none;font-weight: 300;padding: 0;width: 30px;text-align: center;border-radius: 50%;height: 30px;line-height: 30px;/* transition:all 0.3s; */color: var(--c-main);box-shadow: 0 0 0 0px var(--c-main); }
.page-header.admin-area .content .toggle-instructions:hover {background: var(--c-main);color: #fff;box-shadow: 0 0 0 9px var(--c-main);transition: box-shadow 0.3s}
.page-header.admin-area .content .toggle-instructions.inactive {}
.page-header.admin-area .content .toggle-instructions i {}
@keyframes shaking {
0% { transform: rotate(0deg) scale(1.1); }
5% { transform: rotate(5deg) scale(1.1); }
10% { transform: rotate(0eg) scale(1.1); }
15% { transform: rotate(-5deg) scale(1.1); }
20% { transform: rotate(0deg) scale(1); }
100% { transform: rotate(0deg) scale(1); }
}
.courses.admin {grid-template-columns: repeat(1,1fr); grid-gap: 0; }
.courses.admin .item {box-shadow: none;display: flex;flex-wrap: wrap;flex-direction: row;border-radius: 0;align-items: flex-start;padding: 20px;border-radius: 20px;overflow: unset;}
.courses.admin .item::after {content:none}
.courses.admin .item:hover {transform: none !important;box-shadow: 0 0 20px 0px rgb(0 0 0 / 5%);background: #fff !important;}
.courses.admin .item > div {padding: 0 20px;}
.courses.admin .item > div[data="banner"] {padding: 0;position: relative;flex: 0 1 125px;max-width: 125px;}
.courses.admin .item > div[data="banner"] img {max-width: 125px;border-radius: 5px;}
.courses.admin .item > div[data="banner"] .credits {display: block;background: var(--c-orange);color: #fff;width: 32px;height: 32px;line-height: 32px;font-size: 10px;right: 5px;left: auto;top: 5px;border-radius: 50%;}
.courses.admin .item > div[data="banner"] .credits.ten { line-height: 1; font-size: 14px; letter-spacing: 0; padding: 5px 0 0 0; }
.courses.admin .item > div[data="banner"] .credits.ten span { display: block; font-size: 55%; top: 0; }
.courses.admin .item > div[data="title"] {font-weight: 600;font-size: 16px;flex: 1;}
.courses.admin .item > div[data="title"] .date-container {display: inline-block;font-size: 14px;}
.courses.admin .item > div[data="title"] .date-container strong {font-weight:inherit}
.courses.admin .item > div[data="title"] .live-details {display: inline-flex;align-items: center;font-size: 14px;margin: 0 0 4px 0;}
.courses.admin .item > div[data="title"] .live-details .type {background: #aaa;color: #fff;padding: 4px 8px;border-radius: 5px;margin: 0 10px 0 0;font-size: 13px;}
.courses.admin .item > div[data="title"] .live-details .date {}
.courses.admin .item > div[data="title"] p {margin: 0;}
.courses.admin .item > div[data="title"] p a {text-decoration:none;}
.courses.admin .item > div[data="title"] div[data="speaker"] {font-size: 14px;font-weight: 300;}
.courses.admin .item > div[data="stats"] {}
.courses.admin .item > div[data="actions"] {/* padding-right: 0; */text-align: right;padding-right: 0;display: flex;flex-direction: column;}
.courses.admin .item > div[data="actions"] .btn {background: none;color: var(--c-gray-dark);padding: 0;margin: 0px 0 0 0px;font-size: 19px;border-radius: 50%;/* padding: 7px; */border: none;transition: transform 0.3s;text-align: center;display: inline-block;width: 32px;height: 32px;line-height: 32px;}
.courses.admin .item > div[data="actions"] .btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);font-size: 17px;}
.courses.admin .item > div[data="actions"] .actions-dropdown {position: relative;}
.courses.admin .item > div[data="actions"] .actions-dropdown .more-actions {border: none;background: none;color: var(--c-main);font-size: 19px;padding: 0;/* padding: 10px; */line-height: 1;width: 32px;height: 32px;line-height: 32px;}
.courses.admin .item > div[data="actions"] .actions-dropdown .more-actions:hover {color:var(--c-secondary)}
.courses.admin .item > div[data="actions"] .actions-dropdown .actions-dropdown-content {display: none;position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);background: #fff;min-width: 86px;border-radius: 10px;box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 10px;}
.courses.admin .item > div[data="actions"] .actions-dropdown .actions-dropdown-content.active {display: block;/* text-align: center; */}
.courses.admin .item > div[data="actions"] .actions-dropdown .actions-dropdown-content.active::after {content:"";display: inline-block;width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.courses.admin .item > div[data="publish"] {display: inline-flex;align-items: center;padding-right: 0;}
.courses.admin .item > div[data="publish"] > span {display: inline-block;vertical-align: middle;font-size: 13px;line-height: 28px;}
.courses.admin .item > div[data="publish"] .switch {margin: 0 0 0 7px;}
.courses.admin .item > div.clear {flex:0 1 100%}
.courses.admin .item > div[data="registrations"] {flex: 1;padding: 0 0 0 0;display: flex;align-items: flex-start;/* margin: 20px 0 0 0; */}
.courses.admin .item > div[data="registrations"] span {margin: 0 10px 0 0;line-height: 1.2;padding: 7px 12px;border: solid 2px var(--c-gray-light);border-radius: 10px;font-size: 13px;color: var(--c-gray-dark);}
.courses.admin .item > div[data="registrations"] span small {/* display: block; */ font-size: inherit; }
.courses.admin .item > div[data="registrations"] span strong {font-weight: 700; }
.courses.admin .item > div[data="registrations"] .btn {margin: 0 0 0 auto; }
.courses.admin .item > div[data="registrations"] .more-info {padding: 0;border: none;background: none;font-size: 20px;line-height: 34px;margin: 0 10px 0 0;transition: all 0.1s;color: var(--c-main);}
.courses.admin .item > div[data="registrations"] .more-info.active {
transform: rotate(180deg);
}
.courses.admin .item > div[data="registrations"] .more-info i {}
.courses.admin .item > div.more-info {
flex: 0 1 calc(100% + 40px);
padding: 10px 20px;
font-size: 14px;
/* background: var(--c-gray-light); */
margin: 0 -20px -20px -20px;
border-radius: 0 0 10px 20px;
display: none;
}
.courses.admin .item > div.more-info.active {display:block}
.courses.admin .item > div.btn-group {margin: 0 0 0 auto; padding: 20px 0 0 0; }
.courses.admin .item > div.btn-group button {padding: 10px 20px; font-size: 13px; width: 180px; text-align: center; justify-content: center; border: none; box-shadow: 0 0 0 1px var(--c-gray); transition: none; }
.courses.admin .item > div.btn-group button::after {content: "\f33d"; font-family: "Font Awesome 7 Pro"; border: none; font-size: 16px; margin: 0 0 0 10px; }
.courses.admin .item > div.btn-group button[aria-expanded="true"] {background: #fff; border-radius: 10px; border-bottom: none; border: none; color: var(--c-main); box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.courses.admin .item > div.btn-group .dropdown-menu {padding: 10px 15px 15px; font-size: 13px; border: none; box-shadow: 0px -8px 0 rgb(255 255 255 / 100%), 0 0 10px rgb(0 0 0 / 10%); margin: -3px 0 0 0 !important; border-radius: 0 0 10px 10px; width: 180px; border: none; border-top: none; }
.courses.admin .item > div.btn-group .dropdown-menu[data-popper-placement="top-end"]{margin: 0 0 -3px 0 !important; box-shadow: 0px 10px 0 rgb(255 255 255 / 100%), 0 0 10px rgb(0 0 0 / 10%); border-radius: 10px 10px 0 0; }
.courses.admin .item > div.btn-group .dropdown-menu li {}
.courses.admin .item > div.btn-group .dropdown-menu li a {text-decoration: none; font-weight: 300; }
.courses.admin .item > div.btn-group .dropdown-menu li a:hover {font-weight:500}
.courses.admin .item > div.btn-group .dropdown-menu li {margin: 0 0 5px 0; border-bottom: solid 1px var(--c-gray-lighter); padding: 0 0 5px 0; }
.courses.admin .item > div.btn-group .dropdown-menu li:last-child {margin:0;padding: 0;border: none;}
.courses.admin .item > div.btn-group .dropdown-menu li ul {padding: 0 0 0 0; list-style: none; font-size: 12px; }
.courses.admin .item > div.btn-group .dropdown-menu li ul li {margin: 9px 0; border: none; padding: 0; }
.courses.admin .item > div.btn-group .dropdown-menu li ul li a {font-weight: 300; display: flex; align-items: flex-start; line-height: 1.1; }
.courses.admin .item > div.btn-group .dropdown-menu li ul li a i {margin: 0 7px 0 0px; }
.courses.admin .item > div[data="status"] {font-size: 13px;}
.courses.admin .item > div[data="status"] span {white-space: nowrap;}
.courses.admin .item > div[data="status"] span::before {content:"";display: inline-block;width: 8px;height: 8px;background: #ddd;border-radius: 50%;margin: 0 7px 0 0;}
.courses.admin .item > div[data="status"] span.draft {}
.courses.admin .item > div[data="status"] span.draft::before {background:#ffb302}
.courses.admin .item > div[data="status"] span.unpublished {}
.courses.admin .item > div[data="status"] span.unpublished::before {background: #ff3838;}
.courses.admin .item > div[data="status"] span.published {}
.courses.admin .item > div[data="status"] span.published::before {background:#7fea8f}
.courses.admin .item:nth-child(2n+1) {background: var(--c-gray-lighter); }
@media (max-width: 1024px) {
.listing.admin {}
.listing.admin .item {}
.listing.admin .item > div[data="banner"] {}
.listing.admin .item > div[data="status"] {order: 9;padding: 0;margin: 0 0 0 auto;}
.listing.admin .item > div[data="title"] {}
.listing.admin .item > div[data="actions"] {text-align: left;padding: 0;order: 8;}
.listing.admin .item > div[data="registrations"] {flex: 0 1 100%;width: 100%;flex-wrap: wrap;}
.listing.admin .item > div[data="registrations"] span {white-space: nowrap;margin: 5px 10px 5px 0;}
.listing.admin .item > div.btn-group {margin: 0 0 20px 0;order: 6;flex: 0 1 100%;}
.trainers.admin {}
.trainers.admin .item {}
.trainers.admin .item > div[data="banner"] {}
.trainers.admin .item > div[data="status"] {order: 9;padding: 0;margin: 0 0 0 auto;}
.trainers.admin .item > div[data="title"] {}
.trainers.admin .item > div[data="actions"] {text-align: left;padding: 0;order: 8;}
.trainers.admin .item > div[data="registrations"] {flex: 0 1 100%;width: 100%;flex-wrap: wrap;}
.trainers.admin .item > div[data="registrations"] span {white-space: nowrap;margin: 5px 10px 5px 0;}
.trainers.admin .item > div.btn-group {margin: 0 0 20px 0;order: 6;flex: 0 1 100%;}
}
@media (max-width: 767px) {
.listing.admin {}
.listing.admin .item {overflow: hidden; margin: 0 0 20px 0; background: var(--c-white) !important; }
.listing.admin .item > div[data="banner"] {margin: -20px -20px 20px; }
.listing.admin .item > div[data="banner"] img {width: 100%; max-width: 100%; border-radius: 0; }
.listing.admin .item > div[data="status"] {}
.listing.admin .item > div[data="title"] {flex: 0 1 100%; padding: 0; margin: 0; }
.listing.admin .item > div[data="actions"] {}
.listing.admin .item > div[data="registrations"] {padding: 10px 0 0 0; }
.listing.admin .item > div[data="registrations"] span {}
.listing.admin .item > div.btn-group {}
.trainers.admin {}
.trainers.admin .item {overflow: hidden; margin: 0 0 20px 0; background: var(--c-white) !important; }
.trainers.admin .item > div[data="banner"] {margin: 0 0 10px 0;/* width: calc(100% + 40px); */}
.trainers.admin .item > div[data="banner"] img {width: 100%;max-width: 80px;border-radius: 50%;/* border: none; */}
.trainers.admin .item > div[data="status"] {}
.trainers.admin .item > div[data="title"] {/* flex: 0 1 100%; */padding: 0;padding: 0 0 0 20px;margin: 0 0 10px 0;}
.trainers.admin .item > div[data="actions"] {}
.trainers.admin .item > div[data="registrations"] {padding: 10px 0 0 0; }
.trainers.admin .item > div[data="registrations"] span {}
.trainers.admin .item > div.btn-group {}
}
.admin-actions {}
.page-header-admin { display: flex; margin: 0 0 40px 0; align-items: flex-end; }
.page-header-admin h1 { margin: 0; }
.page-header-admin .actions { margin: 0 0 0 auto; display: flex; align-items: flex-end; }
.page-header-admin .actions .item { margin: 0 0 0 10px; }
.page-header-admin .actions .item label { display: block; font-weight: 600; font-size: 13px; margin: 0 0 3px 0; }
.page-header-admin .actions .item select { margin: 0; min-width: 220px; height: 40px; }
.page-header-admin .actions .item .btn { padding: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; border-radius: 50%; justify-content: center; margin: 0 0 0 20px; font-size: 24px; background: var(--c-main); color: #fff; border: solid 1px var(--c-main); margin: 0 0 0 20px; }
.member-filters {display: flex;flex-wrap: wrap;gap: 10px;}
.member-filters .member-filters-item { flex: 1; }
.member-filters .member-filters-item .column-toggle-wrap { position: relative; }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_btn { /* background: var(--c-gray-lighter) !important; */ border: none; height: 50px; padding: 0 10px; border-radius: 10px; font-weight: 300; width: 100%; text-align: left; background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; background-position-x: calc(100% - 7px) !important; background-position-y: 50% !important; }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu { background: var(--c-gray-lighter) !important; position:absolute; left: 0; right: 0; top: 43px; border-radius:4px; padding: 10px; z-index:100; min-width:200px; max-height: 330px; overflow-y:auto; border-radius: 0 0 10px 10px; }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu::-webkit-scrollbar {-webkit-appearance: none; width: 5px; }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu div { display: flex; padding: 5px 0; gap: 5px; }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu div input {height: auto !important;flex: none;display: none;}
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu div input + label { position: relative; padding: 0 0 0 23px; cursor: pointer; }
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu div input + label::before {content:"";width: 16px;height: 16px;position: absolute;left: 0;top: 4px;background: #fff;border: solid 1px var(--c-gray-normal);border-radius: 3px;}
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu div input:checked + label::before {background: var(--c-secondary);border: solid 1px var(--c-secondary);}
.member-filters .member-filters-item .column-toggle-wrap #column_toggle_menu div input:checked + label::after {content:"\f00c";font-family: "Font Awesome 7 Pro";position: absolute;left: 0;top: 4px;color: #fff;font-size: 9px;width: 16px;height: 16px;text-align: center;line-height: 16px;}
.member-filters select { width: 100%; }
.member-filters input { flex: 1; background: var(--c-gray-lighter) !important; border: none; padding: 0 10px !important; height: 50px !important; border-radius: 10px; }
.member-filters #filter_summary { flex: 0 1 100%; text-align: right; margin: 29px 0 -38px 0; }
/* /w/_general/css/video-js.css */
/* ==================== */
/* ===== Video js ===== */
/* ==================== */
body .video-js .vjs-big-play-button {background: rgb(255 255 255 / 70%) !important;color: var(--c-main);border: none;width: 200px;height: 200px;line-height: 200px;padding: 0;border-radius: 50%;box-shadow: 0 0 20px rgb(0 0 0 / 30%);/* border: solid 7px #fff; */margin: 0;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 10;/* border: solid 2px #fff; */}
/* body .video-js.vjs-paused .vjs-big-play-button {display:block !important;} */
body .video-js .vjs-big-play-button:hover {
background: var(--c-main) !important;
color: #fff;
}
body .video-js .vjs-big-play-button .vjs-icon-placeholder {}
body .video-js .vjs-big-play-button .vjs-icon-placeholder::before {font-family: "Font Awesome 7 Pro";content: "\f04b";font-weight: 900;font-size: 70px;margin: 0 0 0 3px;}
body .video-js {background:#fff}
/*body .video-js .vjs-control-bar {background: none;height: auto;padding: 0 40px 20px;margin: 0 0 0px 0;display: flex;align-items: center;}*/
body .video-js .vjs-control-bar {background: none;height: 5em;padding: 0 40px 20px;margin: 0 0 0px 0;display: flex;align-items: center;}
body .video-js .vjs-control-bar::after {content:"";background: #24bdba;background: -moz-linear-gradient(0deg, #37ac91 0%, rgba(216,25,30,0) 100%);background: -webkit-linear-gradient(0deg, #24bdba 0%, rgba(216,25,30,0) 100%);background: linear-gradient(0deg, #24bdba 0%, rgba(216,25,30,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d8191e",endColorstr="#d8191e",GradientType=1);position: absolute;right: 0;left: 0;top: -90px;z-index: 0;pointer-events: none;bottom: 0;}
body .video-js .vjs-control-bar > * {z-index:1}
body .video-js .vjs-control-bar .vjs-time-control {font-size:13px}
body .video-js .vjs-control-bar .vjs-button {height: 40px;width: 40px;z-index: 11;}
body .video-js .vjs-control-bar .vjs-button .vjs-volume-control {}
body .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder {}
body .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder::before {line-height: 40px;font-size: 32px;}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal {}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control {height: 40px !important;}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control .vjs-volume-bar {margin: 19px 0 0 0;height: 2px;background: rgb(255 255 255 / 50%);}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal .vjs-volume-control .vjs-volume-bar .vjs-volume-level {height: 2px;}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-vertical {height: 40px;}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-vertical .vjs-volume-control {background: var(--c-main);border-radius: 5px;}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-vertical .vjs-volume-control::after {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 9px 0 9px;border-color: var(--c-main) transparent transparent transparent;position: absolute;left: 50%;transform:translateX(-50%);bottom: -4px;}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-vertical .vjs-volume-control .vjs-volume-bar {background: rgba(255 255 255 / 50%);}
body .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-vertical .vjs-volume-control .vjs-volume-bar .vjs-volume-level {}
.video-js .vjs-volume-control .vjs-mouse-display {background:#fff}
body .video-js .vjs-control-bar .vjs-control-text {}
body .video-js .vjs-control-bar .vjs-progress-control {padding: 0 50px;}
body .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {background: rgb(255 255 255 / 50%);height: 2px;text-shadow: none;box-shadow: none;}
body .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress {background: rgb(255 255 255 / 50%);}
body .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-load-progress div {background: rgb(255 255 255 / 50%);}
body .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {}
body .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress::before {line-height: 2px;}
body .video-js .vjs-time-tooltip {background: #fff;color: #000;font-weight: bold;}
body .video-js .vjs-mouse-display .vjs-time-tooltip {background: rgb(255 255 255 / 40%);color: #fff;font-weight: normal;display: none;}
body .video-js .vjs-progress-control .vjs-mouse-display {background:#fff}
body .vjs-mouse-display {background:#fff}
body .vjs-mouse-display .vjs-volume-tooltip {background: #fff;color: #000;font-weight: bold;}
body .vjs-menu-button-popup .vjs-menu {}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background: var(--c-main);
font-size: 9px;
border-radius: 5px;
margin: 0 0 10px 0;
padding: 10px;
text-align: left;
color: #fff;
overflow: auto;
width: 300px !important;
right: 0;
}
body .vjs-menu-button-popup .vjs-menu::before {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 9px 0 9px;border-color: var(--c-main) transparent transparent transparent;position: absolute;left: 50%;transform:translateX(-50%);bottom: 18px;}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-title {color: #fff;text-align: left;font-size: 12px;}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item {color: #fff;font-size: 12px;text-align: left;background: none;line-height: 1.3;text-transform: none;padding: 5px 0;}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item.vjs-texttrack-settings {display:none}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item:hover {font-weight:bold}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content .vjs-menu-item[aria-checked="true"] {font-weight: 600; text-align: left; }
body .vjs-modal-dialog {left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff; height: 100%; }
body .vjs-modal-dialog .vjs-modal-dialog-content {background: #fff; color: #000; display: block; }
body .vjs-modal-dialog .vjs-modal-dialog-content .vjs-track-settings-colors {display: flex; gap: 20px; margin: 0 0 20px 0; }
body .vjs-modal-dialog .vjs-modal-dialog-content .vjs-track-settings-font {width: 100%; display: flex; gap: 20px; }
body .vjs-modal-dialog .vjs-modal-dialog-content fieldset {margin: 0; padding: 0; width: 100%; }
body .vjs-modal-dialog .vjs-modal-dialog-content fieldset span {display: block; }
body .vjs-modal-dialog .vjs-modal-dialog-content fieldset legend {color: #000; font-weight: bold; font-size: 11px; border: none; }
body .vjs-modal-dialog .vjs-modal-dialog-content fieldset select {width: 100%; max-width: 100%; margin: 0 0 10px 0; }
body .vjs-modal-dialog .vjs-modal-dialog-content .vjs-track-settings-controls {display: block; }
body .vjs-modal-dialog .vjs-modal-dialog-content .vjs-track-settings-controls button {background: var(--c-main); color: #fff; font-size: 11px; padding: 5px 12px; border-radius: 5px; border: none; }
.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before, .video-js .vjs-control:focus {text-shadow: none !important;}
body .video-js .vjs-loading-spinner {border: solid 6px rgb(255 255 255 / 0.5); }
body .video-js .vjs-loading-spinner::before {}
body .video-js .vjs-loading-spinner::after {}
@media (max-width: 767px) {
body .video-js .vjs-big-play-button {width: 70px;height: 70px;line-height: 70px;}
body .video-js .vjs-big-play-button .vjs-icon-placeholder::before {font-size: 30px;}
body .video-js .vjs-control-bar {padding: 0 0px 0;}
body .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder::before {font-size: 20px;}
body .video-js .vjs-control-bar .vjs-progress-control {padding:0 }
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content {overflow:auto;max-height: 150px !important;}
body .vjs-menu-button-popup .vjs-menu .vjs-menu-content::before {content:none}
}
body .podcast .item .banner .video-js {position: absolute;left: 0;right: 0;bottom: 0;top: 0;padding: 0;width: 100%;height: 100%;background: rgb(0 0 0 / 70%);z-index: 10;}
body .podcast .video-js .vjs-control-bar {padding: 0 10px 10px;}
body .podcast .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider {padding:0;min-width: 10px;text-align: center;}
body .podcast .video-js .vjs-control-bar .vjs-button .vjs-icon-placeholder::before {font-size: 28px;}
body .podcast .video-js .vjs-control-bar .vjs-progress-control {padding:0}
body .podcast .video-js .vjs-control-bar .vjs-fullscreen-control {display: none;}
body .podcast .video-js .vjs-control-bar .vjs-time-control {font-size: 11px; }
.video-js.vjs-fullscreen {width: 100% !important;height: 100% !important;padding-top: 0 !important; }
body .vjs-modal-dialog.product-modal {left: auto; right: 20px; transform: none; height: auto; bottom: 20px; top: auto; width: 250px; height: auto; text-align: left; min-height: 90px; background: #f2f2f2; overflow: visible; border-radius: 10px; z-index: 1000; }
body .vjs-modal-dialog.product-modal .vjs-close-button {background: #000; right: -15px; top: -15px; width: 30px; height: 30px; border-radius: 50%; line-height: 30px; }
body .vjs-modal-dialog.product-modal .vjs-close-button .vjs-icon-placeholder {}
body .vjs-modal-dialog.product-modal .vjs-close-button .vjs-icon-placeholder::before {content: "\e90d"; font-family: icomoon; font-size: 10px; line-height: 30px; font-weight: 600; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content {padding: 0; background: none; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div {padding: 15px; position: relative; z-index: 1000; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item {display: flex; align-items: flex-end; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item .banner {}
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item .banner img {max-width: 65px; border-radius: 5px; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item .text {padding: 0 0 0 10px; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item .text .name {color: #000; text-decoration: none; margin: 0 0 8px 0; display: block; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item .text .btn {font-size: 11px; padding: 9px 15px; border-radius: 5px; background: #000; }
body .vjs-modal-dialog.product-modal .vjs-modal-dialog-content > div .item .text .btn.show-in-video {display:none}
#product-modal {background: #f2f2f2;position: absolute;z-index: 1000000;right: 20px;bottom: 20px;padding: 20px;min-width: 250px;border-radius: 10px;text-align: left;color: #000;}
#product-modal .item {display: flex; align-items: flex-end; }
#product-modal .item .banner {}
#product-modal .item .banner img {max-width: 65px; border-radius: 5px; }
#product-modal .item .text {padding: 0 0 0 10px; }
#product-modal .item .text .name {color: #000;text-decoration: none;margin: 0 0 8px 0;display: block;font-size: 12px;}
#product-modal .item .text .btn {font-size: 11px; padding: 9px 15px; border-radius: 5px; background: #000; }
#product-modal .item .text .btn.show-in-video {display:none}
#product-modal-close {background: #000;color: #fff;position: absolute;width: 30px;height: 30px;right: -15px;top: -15px;border-radius: 50%;text-align: center;line-height: 30px;cursor: pointer;}
#product-modal-close::before {content:"\e90d"; font-family:"icomoon";}
@media (max-width: 767px) {
#product-modal {right: 20px; left: 20px; bottom: 10px; padding: 15px; font-family: Inter; }
#product-modal .item {align-items: center; }
#product-modal .item .banner {}
#product-modal .item .banner img {max-width: 40px; }
#product-modal .item .text {display: flex; align-items: center; flex: 1; }
#product-modal .item .text .name {margin: 0 20px 0 0; flex: 1; }
#product-modal .item .text .btn {margin: 0 0 0 auto; }
#product-modal .item .text .btn.show-in-video {}
#product-modal-close {}
#product-modal-close::before {}
}
/* /w/_general/css/datatables.css */
.scroll-y {overflow-y:auto}
#body .dt-container {
display: flex;
font-size: 14px;
align-items: center;
flex-wrap: wrap;
}
#body .dt-container input[type="text"], #body .dt-container input[type="serch"] {
height: 40px;
border-radius: 10px;
padding: 0 10px;
border: none;
}
#body .dt-container select {
height: 40px;
background-color: #fff !important;
margin: 0px 0 0 0;
}
#body .dt-container > * {}
#body .dt-container .dt-layout-row {flex: 0 1 100%;display: flex;width: 100%;align-items: center;}
#body .dt-container .dt-layout-row.dt-layout-table {display: block;}
#body .dt-container .dt-layout-row .dt-layout-cell {}
#body .dt-container .dt-layout-row .dt-layout-cell.dt-start {}
#body .dt-container .dt-layout-row .dt-layout-cell.dt-end {margin: 0 0 0 auto;}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-length {}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-length select {margin:0 10px 0 0;min-width: 70px;border: none;height: 40px;padding: 0 15px;border-radius: 5px;}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-search {}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-search input {background: var(--c-gray-lighter) !important;border: none;height: 40px;border-radius: 10px;margin: 0 0 0 10px;}
#body .dt-paging {
}
#body .dt-paging .dt-paging-button { width: 40px; height: 40px; display: inline-block; text-decoration: none; line-height: 40px; text-align: center; color: #000; cursor: pointer; border: none; background: none; padding: 0; box-shadow: none;}
#body .dt-paging .dt-paging-button:hover {color:#000 !important; font-weight: 600;}
#body .dt-paging .dt-paging-button.last, #body .dt-paging .dt-paging-button.first {display:none}
#body .dt-paging .dt-paging-button.previous { font-size: 0; }
#body .dt-paging .dt-paging-button.previous::before { content: "\e912"; font-family: icomoon; font-size: 16px; }
#body .dt-paging .dt-paging-button.next { font-size: 0; margin: 0; }
#body .dt-paging .dt-paging-button.next::before { content: "\e911"; font-family: icomoon; font-size: 16px; }
#body .dt-paging .dt-paging-button.current { background: var(--c-main); color: #fff !important; border-radius: 50%; padding: 0; border: none; font-weight: 600;}
#body .dt-paging > span { display: inline-block; vertical-align: top; }
#body .dt-container .dataTables_length {}
#body .dt-container .dataTables_length label {}
#body .dt-container .dataTables_length label select {display: inline-block;width: auto;height: 50px;width: 70px;margin: 0 10px;border: none;border-radius: 10px;padding: 0 10px;}
#body .dt-container .dataTables_filter {
grid-column: span 1;
text-align: right;
display: flex;
align-items: center;
flex: 1;
gap: 10px;
max-width: 930px;
justify-content: flex-end;
margin: 0;
}
#body .dt-container .dataTables_filter label {
white-space: nowrap;
order: 6;
margin: 0 0 0 20px;
}
#body .dt-container .dataTables_filter select {
/* box-shadow:0 0 20px -16px var(--c-main); */
}
#body .dt-container .dataTables_filter input {
height: 50px;
width: auto;
margin: 0 0 0 10px;
border: none !important;
/* box-shadow: 0 0 20px -16px var(--c-main); */
border-radius: 10px;
padding: 0 10px;
background: var(--c-white);
}
#body .dt-container #filters {
display: flex;
grid-column: span 1;
grid-gap: 10px;
flex: 1;
margin: 0 0 0 80px;
}
#body .dt-container #filters > span {
flex: 1;
max-width: 33.33%;
}
#body .dt-container .dataTables_info {
grid-column: span 1;
font-weight: 400;
font-size: 12px;
flex: 0 1 50%;
align-self: center;
text-align: left;
}
#body .dt-container .dataTables_paginate {
flex: 0 1 50%;
text-align: right;
justify-content: flex-end;
}
#body .dt-container .dataTable {
font-size: 13px;
margin: 20px 0 40px 0;
width: 100% !important;
border: none;
flex: 0 1 100%;
}
#body .dt-container .dataTable thead {
}
#body .dt-container .dataTable thead tr {
}
#body .dt-container .dataTable thead tr th {
padding: 10px 27px 10px 10px;
background: var(--c-main);
color: #fff;
cursor: pointer;
position: relative;
border: none;
}
#body .dt-container .dataTable thead tr th.text-right {
text-align: right
}
#body .dt-container .dataTable tbody {
}
#body .dt-container .dataTable tbody tr {
}
#body .dt-container .dataTable tbody tr td { padding: 10px; box-shadow: none; border: none; }
#body .dt-container .dataTable tbody tr td i.btn-live, #body .dt-container .dataTable tbody tr td i.btn-delete {font-size: 20px;}
#body .dt-container .dataTable tbody tr td i.btn-live {
color: var(--c-main);
}
#body .dt-container .dataTable tbody tr td i.btn-live.fa-solid {
color: var(--c-orange);
}
#body .dt-container .dataTable tbody tr td i.btn-delete {
color: #d50000;
}
#body .dt-container .dataTable tbody tr td.text-right { text-align: right }
#body .dt-container .dataTable tbody tr td.actions { }
#body .dt-container .dataTable tbody tr td.actions a { margin: 0 0 0 18px; }
#body .dt-container .dataTable tbody tr td.actions a i { }
#body .dt-container .dataTable tbody tr.odd { }
#body .dt-container .dataTable tbody tr.even { background: var(--c-gray-lighter); }
#body .dt-container .dataTable tbody tr.even { background: var(--c-gray-lighter); }
#body .dt-container .dataTable tbody tr.disabled td:not(.actions) { text-decoration: line-through; }
#body .dataTables_paginate { }
#body .dataTables_paginate .paginate_button { width: 40px; height: 40px; display: inline-block; text-decoration: none; line-height: 40px; text-align: center; color: #000; cursor: pointer; }
#body .dataTables_paginate .paginate_button.previous {font-size: 0;}
#body .dataTables_paginate .paginate_button.previous::before {content: "\e912";font-family: icomoon;font-size: 16px;}
#body .dataTables_paginate .paginate_button.next {font-size: 0;margin: 0;}
#body .dataTables_paginate .paginate_button.next::before {content: "\e911";font-family: icomoon;font-size: 16px;}
#body .dataTables_paginate .paginate_button.current {background: var(--c-main);color: #fff !important;border-radius: 50%;padding: 0;border: none;}
#body .dataTables_paginate > span {display: inline-block;vertical-align: top;}
#body .dt-container {align-items: flex-start;}
#body .dt-container .dataTables_length {margin: 0 auto 0 0;}
#body .dt-container .dataTables_length label {}
#body .dt-container .dataTables_length label select {}
#body .dt-container .dataTable {}
#body .dt-container .dataTable thead {}
#body .dt-container .dataTable thead tr {}
#body .dt-container .dataTable thead tr th {}
#body .dt-container .dataTable thead tr:nth-child(2) th[data-filter] { padding-top: 0; }
#body .dt-container .dataTable thead tr th[data-actions] {text-align:right}
#body .dt-container .dataTable thead tr.filters {background: #d9d6ea;}
#body .dt-container .dataTable thead tr.filters th {background: none;}
#body .dt-container .dataTable thead tr.filters th:first-child {}
#body .dt-container .dataTable thead tr.filters th:last-child {}
#body .dt-container .dataTable thead tr.filters th input {height: 40px;}
#body .dt-container .dataTable tbody {
}
#body .dt-container .dataTable tbody tr.dtr-expanded { background: var(--c-gray-light) !important; border-radius: 0 !important; }
#body .dt-container .dataTable tbody tr.dtr-expanded td {border-radius: 0 !important;}
#body .dt-container .dataTable tbody tr.dtr-expanded + tr.child { background: var(--c-gray-light); }
#body .dt-container .dataTable tbody tr.dtr-expanded + tr.child {border-radius:0 !important}
#body .dt-container .dataTable tbody tr.dtr-expanded + tr.child td {border-radius:0 !important}
#body .dt-container .dataTable tbody tr:hover { background: var(--c-gray-light); }
#body .dt-container .dataTable tbody tr td { }
#body .dt-container .dataTable tbody tr td[data-active] {font-size:18px;}
#body .dt-container .dataTable tbody tr td[data-actions] {
text-align: right;
white-space: nowrap;
}
#body .dt-container .dataTable tbody tr [data-actions] button {
border: none;
background: none;
font-size: 16px;
color: var(--c-gray-dark);
width: 30px;
height: 30px;
}
#body .dt-container .dataTable tbody tr [data-actions] .btn {}
#body .dt-container .dataTable tbody tr [data-actions] .btn i {
font-size: 120%;
margin: 0 7px 0 0;
}
#body .dt-container .dataTable tbody tr [data-actions] button:hover {color:var(--c-main);background: var(--c-white);border-radius: 50%;box-shadow: 0 0 10px rgb(0 0 0 / 5%);}
#body .dt-container .dataTable tbody tr [data-actions] button i {}
#body .dt-container .dataTable tbody tr td .user-pic {
max-width: 45px;
width: 45px;
border-radius: 50%;
border: solid 2px var(--c-white);
box-shadow: 0 0 0 1px var(
--c-gray);
display: inline-block;
}
#body .dt-container #exam-table {
}
#body .dt-container #exam-table thead {
}
#body .dt-container #exam-table thead tr th:last-child {
text-align: right;
}
#body .dt-container #exam-table tbody tr {
}
#body .dt-container #exam-table tbody tr td:last-child {
text-align: right;
vertical-align: middle;
}
#body .dt-container #exam-table tbody tr td:last-child .chart-wrap {
margin: 0 15px 0 0;
}
#page .dt-container .select2-container .select2-selection {
box-shadow: 0 0 20px -16px var(--c-main);
border-radius: 10px !important;
padding: 0 10px;
overflow-y: auto;
white-space: nowrap;
overflow: hidden;
}
#page .dt-container .select2-container .select2-selection .select2-selection__rendered {
padding: 0;
}
#page .dt-container .select2-container .select2-selection > .select2-search.select2-search--inline {
margin: 10px 0;
}
#page .dt-container .select2-container .select2-selection > .select2-search.select2-search--inline textarea {
font-family: Roboto;
font-size: 15px;
padding: 4px 0 0 0;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
position: absolute;
display: block;
opacity: 0.125;
right: 10px;
line-height: 9px;
font-size: 0.9em;
}
table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before {bottom: 50%;content: "â–´";}
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after {top: 50%;content: "â–¾";}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after,table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {opacity: 0.6;}
table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting_asc_disabled:before {display: none;}
table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active {outline: none;}
div.dataTables_scrollBody table.dataTable thead > tr > th:before, div.dataTables_scrollBody table.dataTable thead > tr > th:after, div.dataTables_scrollBody table.dataTable thead > tr > td:before, div.dataTables_scrollBody table.dataTable thead > tr > td:after {display: none;}
#body .dt-container .dataTable tbody tr td.dtr-control {
padding: 10px 10px 10px 10px;
white-space: normal;
position: relative;
text-align: left;
}
@media (max-width: 1015px) {
#body .dt-container .dataTable tbody tr:hover {background:none}
#body .dt-container .dataTable tbody tr td.dtr-control {padding: 10px 10px 10px 40px;}
#body .dt-container .dataTable tbody tr td.dtr-control::before {left: 6px;content: "\e910";font-family: 'icomoon';color: #fff;border: none;position: absolute;top: 50%;transform: translateY(-50%);background: #ccc;font-size: 10px;width: 20px;height: 20px;text-align: center;line-height: 20px;padding: 0;border-radius: 50%;margin: 0;}
#body .dt-container .dataTable {margin-bottom: 20px;}
#body .dt-container #exam-table tbody tr td:last-child {text-align: left;}
#body .dt-container .dataTables_filter {width: 100%;flex: 0 1 100%;}
#body .dt-container .dataTables_filter label {margin: 10px 0 0 0;width: 100%;}
#body .dt-container .dataTables_filter label input {width: 100%;margin: 0;}
#body .dt-container .dataTables_length {width: 100%;}
#body .dt-container .dataTables_length label {display: flex;align-items: center;}
#body .dt-container .dataTables_length label select {flex: 1}
#body .dt-container .dataTables_info {flex: 0 1 100%;text-align: center;padding: 0 0 10px 0;}
#body .dt-container .dataTables_paginate {flex: 0 1 100%;text-align: center;}
#body .dt-container .dataTable tbody tr.dtr-expanded td.dtr-control::before {content: "\e90f";}
#body table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, #body table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {content: "\e90f";}
table.dataTable>tbody>tr.child ul.dtr-details {width: 100%;}
table.dataTable>tbody>tr.child ul.dtr-details>li {padding: 3px 0 !important;}
table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title {display: inline;}
table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-title::after {content:": "}
table.dataTable>tbody>tr.child ul.dtr-details>li .dtr-data {display: inline-block;vertical-align: middle;}
}
@media (max-width:767px) {
#body .dt-container .dt-layout-row {flex-wrap:wrap}
#body .dt-container .dt-layout-row .dt-layout-cell {flex: 0 1 100%;}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-length {display: flex;align-items: center;}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-length select {flex:1;order: 2;margin: 0 0 0 10px;}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-length label {}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-search {display: flex;align-items: center;}
#body .dt-container .dt-layout-row .dt-layout-cell .dt-search input {flex:1}
}
/* /w/_general/css/articles.css */
.article-header {display: grid;width: 100%;grid-template-columns: repeat(3,1fr);grid-column-gap: 40px;align-items: end;margin: 40px 0 0 0;}
.article-header::after {content:"";position: absolute;bottom: 0;height: 100px;background: var(--c-gray-lightest);left: 0;right: 0;}
.article-header .header {margin: 0;z-index: 2;position: relative;}
.article-header .header img {border-radius: 20px;}
.article-header .header .btn.watch-now {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); background: var(--c-main); color: #fff; border-radius: 50%; border: none; height: 90px; width: 90px; line-height: 88px; text-align: center; padding: 0; display: block; font-size: 37px; border: solid 1px #fff; box-shadow: 0 0 20px rgb(0 0 0 / 50%); }
.article-header .header .btn.watch-now:hover {background:var(--c-secondary);}
.article-header .actions {line-height: 1;display: inline-flex;align-items: center;min-height: 36px;width: 100%;margin: 20px 0 0 0;/* flex-wrap: wrap; */}
.article-header .actions .buttons {margin-right: auto;display: inline-flex;align-items: center;}
.article-header .actions .buttons .watch-now {margin: 0 20px 0px 0;}
.article-header .actions .buttons .pdf {text-decoration: none;display: inline-flex;align-items: center;margin: 20px 0;cursor: pointer;}
.article-header .actions .buttons .pdf:hover {text-decoration:underline}
.article-header .actions .buttons .pdf i {margin: 0 6px 0 0;font-size: 21px;}
.not-logged-in .article-header .actions {}
.modal .article-header .actions {position: absolute;bottom: 117px;right: 0;width: auto;margin: 0;}
.article-header .actions .bookmark {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 25px;vertical-align: top;border: none;background: none;padding: 0;width: 42px;height: 42px;line-height: 42px;justify-content: center;}
.article-header .actions .bookmark:hover {
background:var(--c-main);
color: #fff;
border-radius: 50%;
text-align: center;
justify-content: center;
}
.article-header .actions .bookmark i {content:"\ea1d";font-family: icomoon;font-size: 25px;margin: 0;}
.article-header .actions .bookmark:hover i {/* background: var(--c-main); *//* box-shadow: 0 0 0 10px var(--c-main); *//* border-radius: 50%; *//* color:#fff; */}
.article-header .actions .bookmark.active i::before {content:"\ea1c";font-family: icomoon;}
.article-header .actions > *:first-child {margin-left:0}
.article-header .actions .share {margin: 0 0 0 5px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 0;position: relative;}
.article-header .actions .share em {display: inline-flex;align-items: center;position: relative;width: 42px;height: 42px;line-height: 42px;display: inline-block;border-radius: 50%;text-align: center;}
.article-header .actions .share em::before {content:"\ea1b";font-family: icomoon;font-size: 25px;margin: 0;font-style:normal;text-align: center;display: inline-block;border-radius: 50%;}
.article-header .actions .share:hover em {
background: var(--c-main);
color: #fff;
}
.article-header .actions .share.active em {}
.article-header .actions .share.active em::before {margin: 0;content: "\e90d";font-size: 17px;background: var(--c-main);border-radius: 50%;width: 42px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;box-shadow: none !important;}
.article-header .actions .share ul {list-style: none;margin: 0;padding: 0;font-size: 0;position: absolute;top: 0;right: 47px;z-index: 10;white-space: nowrap;/* background: #fff; */}
.article-header .actions .share.active ul {background: #fff; }
.article-header .actions .share ul li {display: inline-block;margin: 0 0 0 8px;}
.article-header .actions .share ul li a {width: 42px;height: 42px;display: block;background: #fff;color: #333f4c;border-radius: 50%;text-align: center;font-size: 19px;width: 0;height: 0;opacity: 0;transform: scale(0);transition: all 200ms;position: relative;border: none;}
.article-header .actions .share.active ul li a:hover {background: var(--c-main);color:#fff;border: solid 1px var(--c-main);}
.article-header .actions .share.active ul li a {overflow: hidden;width: 42px;height: 42px;opacity: 1;line-height: 40px;transform: scale(1);border: solid 1px #ddd;margin: 0 0 5px 0;}
.article-header .actions .share ul li a i {}
.article-header .intro {flex: 1; padding: 0; display: flex; flex-direction: column; align-content: flex-start; align-items: flex-start; grid-column:span 2; padding: 0 0 100px 0; z-index: 2; }
.modal .article-header .intro {position: relative;}
.page-header .article-header .intro h1 {padding: 0; margin: 0 0 15px 0; flex: none; }
.article-header .intro .data {margin: 0 0 10px 0; }
.article-header .intro .data .type {background: #aaa;color: #fff;display: inline-block;padding: 5px 14px;border-radius: 5px;text-transform: uppercase;font-weight: 600;margin: 0 10px 0 0;}
.article-header .intro .data .duration {margin: 0 0 10px 0; display: inline-block; }
.article-header .intro .data .average-rating {}
.article-header .intro .spacer {flex-grow: 1; }
.article-header .intro .speakers {display: flex;flex-wrap: wrap;align-items: center;margin: 0;/* align-self: center; */}
.article-header .intro .speakers .credits {z-index: 11;top: 20px;left: 20px;opacity: 1;background: var(--c-orange);color: #fff;width: 70px;height: 70px;border-radius: 50%;text-align: center;line-height: 70px;font-weight: 700;font-size: 21px;letter-spacing: -1px;margin: 0 10px 0 0;}
.article-header .intro .speakers .credits.ten {
line-height: 1;
font-size: 29px;
padding: 12px 0 0 0;
}
.article-header .intro .speakers .credits.ten span {
font-size: 50%;
position: relative;
top: -14px;
}
.article-header .intro .speakers .photos {
/* flex: 1; */
}
.article-header .intro .speakers .photos img {max-width: 50px;border-radius: 50%;max-width: 70px;border: solid 1px var(--c-gray-light);border-radius: 50%;margin: 0 10px 0 0;}
.article-header .intro .speakers .names {color: var(--c-main);font-weight: 400;line-height: 1.1;flex: 1;}
.article-header .intro .speakers .names a {text-decoration: none; font-weight: 600; line-height: 1.3; font-size: 16px; }
.article-header .intro .btn {font-size: 16px;margin: 20px 0 0 0;margin: 0 auto 0 0;}
.article-header .intro .btn i {font-size: 26px; margin: 0 10px 0 0; }
@media (max-width: 991px) {
.article-header {margin: 0;}
.article-header .intro {order: 1;grid-column: span 3;}
.article-header .intro .speakers .photos img {
max-width: 40px;
}
.article-header .header {order: 0;grid-column: span 3;margin: 0 -20px -20px -20px;display: none;}
.article-header .header img {border-radius: 0;}
.article-header .intro {padding: 0;margin: 30px 0 20px 0;}
.article-header::after {content:none}
.modal .article-header .actions {bottom: 0;}
.modal .article-header .two-rows + .actions {bottom: 43px;right: 0;}
}
@media (max-width: 767px) {
.article-header .intro .speakers.two-rows {}
.article-header .intro .speakers.two-rows .names {flex: 0 1 100%;margin: 10px 0 0 0;}
.article-header .actions .buttons {}
.article-header .actions .buttons .pdf {display:none}
}
.single-article {margin: -120px 0 0 0; z-index: 10; }
.single-article + .sidebar {margin: -40px 0 0 0; }
.single-article .block {padding: 0;margin: 0 0 30px 0;/* z-index: 10; *//* position: relative; */}
.single-article .block.carousel-wrap {padding: 0; }
.single-article .block.carousel-wrap img {border-radius:10px;}
.single-article .block.fineprint {font-size: 13px; }
.footnotes {padding: 0; margin: 0 0 30px 0; }
.footnotes li {background: none; padding: 12px 15px 12px 15px; font-size: 13px; display: flex; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; border-radius: 10px; }
.footnotes li:hover {
background: var(--c-gray-light) !important;
}
.footnotes li::before {content: none }
.footnotes li:nth-child(2n) {background-color: var(--c-white); }
.no-header .footnotes li:nth-child(2n) {background-color: var(--c-gray-lighter); }
.footnotes span {display: flex; cursor: pointer; position: relative; min-width: 60px; }
.footnotes span::after {content: "\f176"; font-family: "Fontawesome"; margin: 0 8px 0 25px; cursor: pointer; padding: 0 5px; position: absolute; right: 0; font-weight: 300; font-size: 10px; top: 2px; opacity: 0.5; }
.footnotes span:hover::after {opacity: 1;}
i[data-id] {font-style: normal;color: #fff;position: relative;padding: 0;font-weight: 500;cursor: pointer;font-size: 8px;font-style: normal;top: -0.8em;background: var(--c-gray);width: 16px;height: 16px;display: inline-block;text-align: center;line-height: 16px;border-radius: 50%;margin: 0 0 0 2px;transform: scale(1);animation: all 0.3s;position: relative;z-index: 10;}
i[data-id] + sup {display:inline-block;}
i[data-id].blink {animation: blink-animation 0.6s linear infinite;-webkit-animation: blink-animation 0.6s linear infinite;color: #fff;}
i[data-id]:hover {background:var(--c-main);/* transform: scale(1.4); *//* z-index: 1; */}
@keyframes blink-animation {
to {background-color: var(--c-main);color:#fff;}
}
.ttip {display: none;}
.ttip {display: none;position: absolute;right: 15px;background: var(--c-main);box-shadow: 0px 0px 17px rgba(0,0,0,0.15);padding: 15px;width: auto;font-size: 13px;line-height: 1.6;z-index: 1000;min-width: 280px;bottom: 30px;right: -20px;/* transform: translateX(-50%); */color: #fff;font-weight: normal;border-radius: 10px;text-align: right;left: 50%;transform: translateX(-50%);right: auto;min-width: 280px;text-align:center;}
.ttip::before {content: "";position: absolute;left: 0;right: 0;bottom: -15px;margin: 0;height: 20px;width: 100%;}
.ttip::after {content:" ";bottom: -7px;width: 10px;display: block;background: transparent;right: 18px;position: absolute;height: 0;border-style: solid;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 10px solid var(--c-main);border-bottom: 0;right: auto;left: 50%;transform: translateX(-50%);}
.ttip.left {position: absolute;right: -20px;right: -20px;left: auto;transform: none;text-align: left;min-width: 220px;}
.ttip.left::before {/* content:" "; *//* width: 10px; *//* display: block; *//* background: transparent; *//* height: 30px; *//* position: absolute; *//* top: 0; *//* left: -10px; *//* height: 100%; *//* border: none; *//* margin: 0; */}
.ttip.left::after {/* content: ""; *//* width: 0; *//* height: 0; *//* border-style: solid; *//* border-width: 8px 8px 8px 0; *//* border-color: transparent var(--c-main) transparent transparent; *//* left: -5px; *//* top: 50%; *//* margin: -13px 0 0 0; */left: auto;transform: none;right: 20px;}
.ttip.right {position: absolute;left: -20px;right: auto;transform: none;text-align: left;min-width: 220px;}
.ttip.right::before {/* content:" "; *//* width: 10px; *//* display: block; *//* background: transparent; *//* height: 30px; *//* position: absolute; *//* top: 0; *//* left: -10px; *//* height: 100%; *//* border: none; *//* margin: 0; */}
.ttip.right::after {/* content: ""; *//* width: 0; *//* height: 0; *//* border-style: solid; *//* border-width: 8px 8px 8px 0; *//* border-color: transparent var(--c-main) transparent transparent; *//* left: -5px; *//* top: 50%; *//* margin: -13px 0 0 0; */left: 19px;transform: none;right: auto;}
@media (max-width: 767px) {
ttip:not(.left):not(.right) {}
}
div.single-article .quote {background-color: var(--c-main);margin: 0 0 30px;padding: 40px 60px;border-radius: 0 0 70px 70px;}
div.single-article .quote > div {color: #fff !important;text-align: center;font-style: italic;font-size: 23px;line-height: 1.4;font-weight: 400;}
div.single-article .quote h3 {font-size: 30px;margin: 0 0 30px 0;line-height: 1;}
div.single-article .quote .cols-3 {font-style: italic;margin: 0 -15px;font-size: 14px;}
div.single-article .quote .cols-3 .column {padding: 0 15px;}
div.single-article .quote .author {width: 100%;text-align: right;margin: 0;color: #000;font-size: 18px;}
div.single-article .quote .author span { color: #8c8c8c;}
div.single-article .block.images.captions-above {margin: 0 0 10px 0; }
div.single-article .block.images .row-group {display: flex;grid-gap: 20px;margin: 0;width: 100%;}
div.single-article .block.images .row-group .img {position:relative}
div.single-article .block.images .row-group .img img {border-radius: 10px; }
div.single-article .block.images .row-group .img a {display:block}
div.single-article .block.images .row-group p:empty {display:none}
div.single-article .block.images .row-group .caption {font-size: 11px;font-weight: 400;text-align: center;line-height: 1.2;margin: 0;position: absolute;left: 0;right: 0;padding: 5px 5px 0px 5px;opacity: 0.7;}
div.single-article .block.images .row-group .caption i {display: none;}
div.single-article .block.images .row-group .caption .caption-text {}
div.single-article .block.images + .images-source {text-align:center;font-size: 12px;margin: 0 0 40px 0;}
div.single-article .block.images.masonry {margin: 0 -10px 10px !important;min-width: calc(100% + 20px);width: calc(100% + 20px);display: flex;flex-wrap: wrap;grid-gap: 0;}
div.single-article .block.images.masonry .row-group {display: flex;margin: 0 !important;/* width: calc(100% + 20px) !important; */grid-gap: 0;}
div.single-article .block.images.masonry .row-group .img {flex: 0 1 33.33% !important;max-width: 33.33%;padding: 10px;}
div.single-article .block.images.masonry .row-group .caption {position: relative;left: auto;right: auto;}
/*.block.images.images-2.masonry .img {max-width: 50%;flex: 0 1 50%; width: 50%;}
.block.images.images-3.masonry .img {max-width: 33.33%;flex: 0 1 33.33%;width: 33.33%;}
.block.images.images-4.masonry .img {max-width: 25%;flex: 0 1 25%;width: 25%;}
.block.images.images-5.masonry .img {max-width: 20%;flex: 0 1 20%;width: 20%;}*/
div.single-article .block.images.slider {margin: 0;}
div.single-article .block.images.slider .row-group {margin: 0 0 10px 0 !important;display: block !important;}
div.single-article .block.images.slider .row-group:not(.owl-loaded) {display:none !important;}
div.single-article .block.images.slider .row-group .owl-stage {/* white-space: nowrap; */}
div.single-article .block.images.slider .owl-carousel .img {position: relative;}
div.single-article .block.images.slider .owl-carousel .caption {bottom: auto;top: 20px;right: 20px;opacity: 1;width: 11px;height: 11px;left: auto;padding: 0;}
div.single-article .block.images.slider .owl-carousel .caption i {color: #fff;display: block;font-size: 14px;/* text-shadow: 0 0px 5px #777; */background: #fff;color: var(--c-main);width: 20px;height: 20px;line-height: 20px;font-size: 10px;border-radius: 50%;}
div.single-article .block.images.slider .owl-carousel .caption.active i {background: var(--c-main);text-shadow:none;color: #fff;}
div.single-article .block.images.slider .owl-carousel .caption i:hover {/* color:var(--c-main); *//* text-shadow:none; */}
div.single-article .block.images.slider .owl-carousel .caption .caption-text {background: var(--c-main);position: absolute;padding: 10px;right: -14px;top: 33px;width: 140px;text-align: left;border-radius: 5px;color: #fff;display:none}
div.single-article .block.images.slider .owl-carousel .caption.active .caption-text {display:block}
div.single-article .block.images.slider .owl-carousel .caption.active::before {content:"";position: absolute;top: 14px;right: -20px;width: 120px;height: 20px;}
div.single-article .block.images.slider .owl-carousel .caption.active::after {content: "";position: absolute;left: -6px;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-main) transparent;border-style: solid;width: 0;height: 0;top: 27px;margin: 0;left: 0px;z-index: 1000000;}
div.single-article .block.images.slider .owl-carousel .img img {height:200px;width: auto;}
div.single-article .block.images.slider .owl-carousel .owl-nav {display: block;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev {left: -18px;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next {right: -20px;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next, div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: var(--c-main);color: #fff;line-height: 40px;font-size: 18px;border-radius: 50%;}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next:hover, div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev:hover {background:var(--c-secondary)}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next::before, div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev::before {content:""; font-family:"icomoon";}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-next::before {content: "\f16c";}
div.single-article .block.images.slider .owl-carousel .owl-nav .owl-prev::before {content: "\f142";}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav {display: block;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev {left: -19px;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next {right: -19px;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next, div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev {position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background: var(--c-main);color: #fff;line-height: 40px;font-size: 18px;border-radius: 50%;}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next::before, div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev::before {content:""; font-family:"icomoon";}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next:hover, div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev:hover {background:var(--c-secondary)}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-next::before {content: "\f16c";}
div.single-article .block.carousel-wrap .owl-carousel .owl-nav .owl-prev::before {content: "\f142";}
div.single-article .block.video {border-radius: 20px; overflow: hidden; }
div.single-article .block.video video {border-radius: 10px;}
div.single-article .block.audio {}
div.single-article .block.audio .audio-player {background: var(--c-main); padding: 30px; border-radius: 20px; color: #fff; display: flex; align-items: center; flex-wrap: wrap; position: relative; padding: 40px 30px 40px 30px; }
div.single-article .block.audio .audio-player .icon-wrap {position: relative; z-index: 3; }
div.single-article .block.audio .audio-player .icon-wrap > i {font-size: 54px;border-radius: 50%;width: 100px;height: 100px;line-height: 98px;text-align: center;border: solid 2px #fff;font-weight: 700;}
div.single-article .block.audio .audio-player .icon-wrap .icon {position: absolute;bottom: 0;right: 0;background: #fff;width: 34px;height: 34px;text-align: center;border-radius: 50%;color: var(--c-secondary);line-height: 34px;font-size: 14px;}
div.single-article .block.audio .audio-player .icon-wrap .icon:hover {background:var(--c-secondary); color:#fff}
div.single-article .block.audio .audio-player .icon-wrap .icon i {}
div.single-article .block.audio .audio-player .icon-wrap .icon i.fa-play {margin: 0 0 0 2px; }
div.single-article .block.audio .audio-player .icon{}
div.single-article .block.audio .audio-player .poster {position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
div.single-article .block.audio .audio-player .poster img {height: 100%;width: 100%;object-fit: cover;mix-blend-mode: multiply;opacity: 0.5;filter: grayscale(1);}
div.single-article .block.audio .audio-player .poster.default {}
div.single-article .block.audio .audio-player .poster.default img {mix-blend-mode: unset; padding: 16px 0; object-position: top center; margin: 15px auto 0 auto; width: 100%; max-width: 100%; opacity: 0.3; }
div.single-article .block.audio .audio-player .details {flex: 1; padding: 0 0 0 25px; z-index: 2; position: relative; }
div.single-article .block.audio .audio-player .details h3 {color: #fff; font-size: 18px; }
div.single-article .block.audio .audio-player .details p {font-size: 13px;line-height: 1.2;margin: 0 0 10px 0;}
div.single-article .block.audio .audio-player .video-js {flex: 0 1 100%; height: 30px; margin: 15px 0 -10px -7px; background: none; z-index: 3; width: 100%; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar {background: none; padding: 0; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar::after {content:none;}
div.single-article .block.audio .audio-player .video-js .vjs-big-play-button {display: none; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-progress-control {padding: 0; }
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-button {display:none !important}
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-volume-panel.vjs-volume-panel-horizontal {display:none !important}
div.single-article .block.audio .audio-player .video-js .vjs-control-bar .vjs-time-control {padding: 0 0 0 20px; }
div.single-article .block.video .video-js.portrait {padding-top: 56.25%;background: #000;}
@media (max-width: 767px) {
.single-article + .sidebar {margin: 0;}
div.single-article .block.images.masonry {margin: 0 -5px 10px !important; min-width: calc(100% + 10px); width: calc(100% + 10px); }
div.single-article .block.images.masonry .row-group .img {flex: 0 1 50% !important;max-width: 50%;padding: 5px;margin: 0;}
div.single-article .block.images.default {margin: 0;}
div.single-article .block.images.default .row-group {display: block;margin: 0 0 0 0 !important;}
div.single-article .block.images.default .row-group .img {margin: 0 0 20px 0;}
div.single-article .block.images.default .row-group .caption {position: relative;}
div.single-article .block.images + .images-source {margin:0 0 20px; 0}
div.single-article .block.audio .audio-player {flex-wrap: wrap;text-align: center;justify-content: center;padding: 25px;margin: 0 -20px;border-radius: 0;}
div.single-article .block.audio .audio-player .icon-wrap {}
div.single-article .block.audio .audio-player .details {flex: 0 1 100%;padding: 20px 0 0 0;}
div.single-article .block.images.slider .owl-carousel .img img {height:auto;width: 100%;}
div.single-article .block.video {margin: 0 -20px 30px -20px;border-radius: 0;}
div.single-article .block.video .video-js {border-radius: 0;}
div.single-article .quote {padding: 20px;margin: 0 -20px 20px;}
div.single-article .quote > div { font-size: 19px; }
}
/* /w/_general/css/certificates.css */
.certificates {margin: 0 0 40px 0;display: grid;grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.certificates .year {font-weight: 800;font-size: 29px;margin: 0 0 -20px 0px;position:relative;display: flex;align-items: center;grid-column: span 2;}
.certificates .year::after {content:"";height: 2px;background: #eee;flex: 1;margin: 0 0 0 15px;}
.certificates .item {display: flex;align-items: flex-start;background: var(--c-white);/* margin: 0 0 20px 0; */padding: 25px;border-radius: 10px;/* align-items: center; */position: relative;}
.certificates .item > div {padding: 0;flex: 0 1 15%;text-align: center;}
.certificates .item > div[data-name="Course"] {flex: 0 1 100%;text-align: left;padding: 0;display: flex;flex-direction: column;align-items: flex-start;height: 100%;}
.certificates .item > div[data-name="Course"] .name {text-decoration: none;font-weight: 600;font-size: 18px;margin: 0;display: block;line-height: 1.1;}
.certificates .item > div[data-name="Course"] div[data-name="Date"] { margin: 0 0 15px 0; flex-grow: 1; }
.certificates .item > div[data-name="Course"] .actions {}
.certificates .item > div[data-name="Course"] .actions .btn {background: var(--c-main);color: #fff;border: none;margin: 0px 8px 10px 0;}
.certificates .item > div[data-name="Course"] .actions .btn:hover {background:var(--c-secondary)}
.certificates .item > div[data-name="Course"] .actions .btn i {font-size: 20px; margin: 0 10px 0 0; }
.certificates .item > div[data-name="Year"] {}
.certificates .item div[data-name="Type"] { margin: 0 15px 0 0; background: #aaa; color: #fff; border-radius: 5px; padding: 6px 14px; text-transform: uppercase; font-weight: 500; display: inline-block; font-size: 13px; margin: 0 0 15px 0; }
.certificates .item > div[data-name="CE Credits"] { flex: 1; text-align: right; position: absolute; right: 20px; top: 16px; }
.certificates .item > div[data-name="CE Credits"] .credits { opacity: 1; background: var(--c-orange); color: #fff; width: 50px; height: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-weight: 700; font-size: 13px; letter-spacing: -1px; padding: 0; display: inline-block; }
.certificates .item > div[data-name="Course"] .actions .note {
margin: 20px 0 0 0;
/* display: none; */
}
.certificates .item > div[data-name="Course"] .actions .note .remaining-courses { padding: 0; margin: 0; list-style: none; }
.certificates .item > div[data-name="Course"] .actions .note .remaining-courses li {}
.certificates .item > div[data-name="Course"] .actions .note .remaining-courses li i {display:none}
@media (max-width: 991px) {
.certificates { grid-gap: 20px; }
.certificates .year {}
.certificates .year::after {}
.certificates .item {flex-wrap: wrap;grid-column: span 2;}
.certificates .item > div {flex: 0 1 100%; text-align: left; padding: 0; margin: 2px 0 0 0; }
.certificates .item > div[data-name="Course"] {}
.certificates .item > div[data-name="Course"] .name {margin: 0 0 5px 0; }
.certificates .item > div[data-name="Course"] .actions {margin: 0 0 10px 0; }
.certificates .item > div[data-name="Course"] .actions .btn {}
.certificates .item > div[data-name="Course"] .actions .btn:hover {}
.certificates .item > div[data-name="Course"] .actions .btn i {}
.certificates .item > div[data-name="Year"] {}
.certificates .item > div[data-name="Type"] {}
.certificates .item > div[data-name="CE Credits"] {}
}
/* /w/_general/css/snackbar.css */
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar {
visibility: hidden;
color: #7f8c8d;
text-align: center;
padding: 15px 50px;
position: fixed;
z-index: 200100;
bottom: 30px;
top: auto;
font-weight: 700;
font-size: 13px;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
left: 50%;
transform: translateX(-50%);
border-radius: 0;
max-width: 700px;
width: 100%;
border-radius: 10px;
}
#snackbar.snack-success {background-color: #6fc3ab;color: #ffffff}
#snackbar.snack-error {background-color: #d50000;color: #ffffff }
#snackbar.snack-info {background-color: var(--c-main);color: #ffffff}
#snackbar .title {
font-size: 18px;
line-height: 1;
}
#snackbar .details {
font-weight: 400;
font-size: 12px;
}
/* Show the snackbar when clicking on a button (class added with JavaScript) */
#snackbar.show {
visibility: visible; /* Show the snackbar */
/* Add animation: Take 0.5 seconds to fade in and out the snackbar.
However, delay the fade out process for 2.5 seconds */
-webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
from {bottom: 30px; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@keyframes fadein {
from {bottom: 30px; opacity: 0;}
to {bottom: 30px; opacity: 1;}
}
@-webkit-keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 30px; opacity: 0;}
}
@keyframes fadeout {
from {bottom: 30px; opacity: 1;}
to {bottom: 30px; opacity: 0;}
}
.sticky-button {
position: -webkit-sticky; /* Safari */
position: sticky;
bottom: 0;
}
#tinymce {
font-family: "Roboto"; font-size: 16p;
}
.add-quiz-button-text
{
font-size: 0.6em;
}
.loading-spinner {
width: 56px;
height: 56px;
border-radius: 50%;
border: 9px solid;
border-color: #dbdcef;
border-right-color: #532b88;
animation: spinner-d3wgkg 1s infinite linear;
margin: auto;
}
@keyframes spinner-d3wgkg {
to {
transform: rotate(1turn);
}
}
/* AICI E GATA CE O PUS RADU, PLM 2 */
/* /w/_general/js/owl-carousel/owl.carousel.css */
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1; }
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */ }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none; }
.owl-carousel .owl-item img {
display: block;
width: 100%; }
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none; }
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit; }
.owl-carousel.owl-loaded {
display: block; }
.owl-carousel.owl-loading {
opacity: 0;
display: block; }
.owl-carousel.owl-hidden {
opacity: 0; }
.owl-carousel.owl-refresh .owl-item {
visibility: hidden; }
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.owl-carousel.owl-grab {
cursor: move;
cursor: grab; }
.owl-carousel.owl-rtl {
direction: rtl; }
.owl-carousel.owl-rtl .owl-item {
float: right; }
/* No Js */
.no-js .owl-carousel {
display: block; }
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both; }
.owl-carousel .owl-animated-in {
z-index: 0; }
.owl-carousel .owl-animated-out {
z-index: 1; }
.owl-carousel .fadeOut {
animation-name: fadeOut; }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
transition: height 500ms ease-in-out; }
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/ }
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0; }
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d; }
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000; }
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url('/w/_general/js/owl-carousel/owl.video.play.png') no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease; }
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none; }
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%; }
/* /w/_general/js/algolia/search.css */
/*! @algolia/autocomplete-theme-classic 1.7.4 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root{
--aa-search-input-height:44px;
--aa-input-icon-size:20px;
--aa-base-unit:16;
--aa-spacing-factor:1;
--aa-spacing:
calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
--aa-spacing-half:
calc(var(--aa-spacing)/2);
--aa-panel-max-height: 430px;
--aa-base-z-index:9999;
--aa-font-size:
calc(var(--aa-base-unit)*1px);
--aa-font-family:inherit;
--aa-font-weight-medium:500;
--aa-font-weight-semibold:600;
--aa-font-weight-bold:700;
--aa-icon-size:20px;
--aa-icon-stroke-width:1.6;
--aa-icon-color-rgb:119,119,163;
--aa-icon-color-alpha:1;
--aa-action-icon-size:20px;
--aa-text-color-rgb:38,38,39;
--aa-text-color-alpha:1;
--aa-primary-color-rgb:62,52,211;
--aa-primary-color-alpha:0.2;
--aa-muted-color-rgb:128,126,163;
--aa-muted-color-alpha:0.6;
--aa-panel-border-color-rgb:128,126,163;
--aa-panel-border-color-alpha:0.3;
--aa-input-border-color-rgb:128,126,163;
--aa-input-border-color-alpha:0.8;
--aa-background-color-rgb:255,255,255;
--aa-background-color-alpha:1;
--aa-input-background-color-rgb:255,255,255;
--aa-input-background-color-alpha:1;
--aa-selected-color-rgb:179,173,214;
--aa-selected-color-alpha:0.205;
--aa-description-highlight-background-color-rgb:245,223,77;
--aa-description-highlight-background-color-alpha:0.5;
--aa-detached-media-query:(max-width:680px);
--aa-detached-modal-media-query:(min-width:680px);
--aa-detached-modal-max-width:680px;
--aa-detached-modal-max-height:500px;
--aa-overlay-color-rgb:115,114,129;
--aa-overlay-color-alpha:0.4;
--aa-panel-shadow:0 0 0 1px
rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);
--aa-scrollbar-width: 10px;
--aa-scrollbar-track-background-color-rgb: 244,244,244;
--aa-scrollbar-track-background-color-alpha:1;
--aa-scrollbar-thumb-background-color-rgb: 200,200,200;
--aa-scrollbar-thumb-background-color-alpha:1
}
@media (hover:none) and (pointer:coarse){
:root{
--aa-spacing-factor:1.2;
--aa-action-icon-size:22px
}
}
body.dark,body[data-theme=dark]{
--aa-text-color-rgb:183,192,199;
--aa-primary-color-rgb:146,138,255;
--aa-muted-color-rgb:146,138,255;
--aa-input-background-color-rgb:0,3,9;
--aa-background-color-rgb:21,24,42;
--aa-selected-color-rgb:146,138,255;
--aa-selected-color-alpha:0.25;
--aa-description-highlight-background-color-rgb:0 255 255;
--aa-description-highlight-background-color-alpha:0.25;
--aa-icon-color-rgb:119,119,163;
--aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;
--aa-scrollbar-track-background-color-rgb:44,46,64;
--aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb)
}
.aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{
box-sizing:border-box
}
.aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-family:inherit;
font-family:var(--aa-font-family);
font-size:16px;
font-size:var(--aa-font-size);
font-weight:400;
line-height:1em;
margin:0;
padding:0;
text-align:left
}
.aa-Form{
align-items:center;
background-color:#fff;
background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));
border:1px solid rgba(128,126,163,.8);
border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));
border-radius:3px;
display:flex;
line-height:1em;
margin:0;
position:relative;
width:100%
}
.aa-Form[focus-within]{
border-color:#3e34d3;
border-color:rgba(var(--aa-primary-color-rgb),1);
box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);
box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;
outline:medium none currentColor
}
.aa-Form:focus-within{
border-color:#3e34d3;
border-color:rgba(var(--aa-primary-color-rgb),1);
box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);
box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;
outline:medium none currentColor
}
.aa-InputWrapperPrefix{
align-items:center;
display:flex;
flex-shrink:0;
height:44px;
height:var(--aa-search-input-height);
order:1
}
.aa-Label,.aa-LoadingIndicator{
cursor:auto;
flex-shrink:0;
height:100%;
padding:0;
text-align:left
}
.aa-Label svg,.aa-LoadingIndicator svg{
color:#3e34d3;
color:rgba(var(--aa-primary-color-rgb),1);
height:auto;
max-height:20px;
max-height:var(--aa-input-icon-size);
stroke-width:1.6;
stroke-width:var(--aa-icon-stroke-width);
width:20px;
width:var(--aa-input-icon-size)
}
.aa-LoadingIndicator,.aa-SubmitButton{
height:100%;
padding-left:11px;
padding-left:calc(var(--aa-spacing)*0.75 - 1px);
padding-right:8px;
padding-right:var(--aa-spacing-half);
width:47px;
width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)
}
@media (hover:none) and (pointer:coarse){
.aa-LoadingIndicator,.aa-SubmitButton{
padding-left:3px;
padding-left:calc(var(--aa-spacing-half)/2 - 1px);
width:39px;
width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)
}
}
.aa-SubmitButton{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:none;
border:0;
margin:0
}
.aa-LoadingIndicator{
align-items:center;
display:flex;
justify-content:center
}
.aa-LoadingIndicator[hidden]{
display:none
}
.aa-InputWrapper{
order:3;
position:relative;
width:100%
}
.aa-Input{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:none;
border:0;
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font:inherit;
height:44px;
height:var(--aa-search-input-height);
padding:0;
width:100%
}
.aa-Input::-moz-placeholder{
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
opacity:1
}
.aa-Input:-ms-input-placeholder{
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
opacity:1
}
.aa-Input::placeholder{
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
opacity:1
}
.aa-Input:focus{
border-color:none;
box-shadow:none;
outline:none
}
.aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{
-webkit-appearance:none;
appearance:none
}
.aa-InputWrapperSuffix{
align-items:center;
display:flex;
height:44px;
height:var(--aa-search-input-height);
order:4
}
.aa-ClearButton{
align-items:center;
background:none;
border:0;
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
cursor:pointer;
display:flex;
height:100%;
margin:0;
padding:0 12.8333333333px;
padding:0 calc(var(--aa-spacing)*0.83333 - .5px)
}
@media (hover:none) and (pointer:coarse){
.aa-ClearButton{
padding:0 10.1666666667px;
padding:0 calc(var(--aa-spacing)*0.66667 - .5px)
}
}
.aa-ClearButton:focus,.aa-ClearButton:hover{
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))
}
.aa-ClearButton[hidden]{
display:none
}
.aa-ClearButton svg{
stroke-width:1.6;
stroke-width:var(--aa-icon-stroke-width);
width:20px;
width:var(--aa-icon-size)
}
.aa-Panel{
background-color:#fff;
background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
border-radius:4px;
border-radius:calc(var(--aa-spacing)/4);
box-shadow: 0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);
box-shadow:var(--aa-panel-shadow);
margin:8px 0 0;
overflow:hidden;
position:absolute;
transition:opacity .2s ease-in,filter .2s ease-in
}
@media screen and (prefers-reduced-motion){
.aa-Panel{
transition:none
}
}
.aa-Panel button{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background:none;
border:0;
margin:0;
padding:0
}
.aa-PanelLayout{
height:100%;
margin:0;
max-height:650px;
max-height:var(--aa-panel-max-height);
overflow-y:auto;
padding:0;
position:relative;
text-align:left
}
.aa-PanelLayoutColumns--twoGolden{
display:grid;
grid-template-columns:39.2% auto;
overflow:hidden;
padding:0
}
.aa-PanelLayoutColumns--two{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
overflow:hidden;
padding:0
}
.aa-PanelLayoutColumns--three{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
overflow:hidden;
padding:0
}
.aa-Panel--stalled .aa-Source{
filter:grayscale(1);
opacity:.8
}
.aa-Panel--scrollable{
margin:0;
max-height:650px;
max-height:var(--aa-panel-max-height);
overflow-x:hidden;
overflow-y:auto;
padding:8px;
padding:var(--aa-spacing-half);
scrollbar-color:#fff #eaeaea;
scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));
scrollbar-width:thin
}
.aa-Panel--scrollable::-webkit-scrollbar{
width:13px;
width:var(--aa-scrollbar-width)
}
.aa-Panel--scrollable::-webkit-scrollbar-track{
background-color:#eaeaea;
background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))
}
.aa-Panel--scrollable::-webkit-scrollbar-thumb{
background-color:#fff;
background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));
border-radius:9999px;
border:3px solid #eaeaea;
border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));
border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))
}
.aa-Source{
margin:0;
padding:0;
position:relative;
width:100%
}
.aa-Source:empty{
display:none
}
.aa-SourceNoResults{
font-size:1em;
margin:0;
padding:16px;
padding:var(--aa-spacing)
}
.aa-List{
list-style:none;
margin:0
}
.aa-List,.aa-SourceHeader{
padding:0;
position:relative
}
.aa-SourceHeader{
margin:8px .5em 8px 0;
margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0
}
.aa-SourceHeader:empty{
display:none
}
.aa-SourceHeaderTitle{
background:#fff;
background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
color:#3e34d3;
color:rgba(var(--aa-primary-color-rgb),1);
display:inline-block;
font-size:.8em;
font-weight:600;
font-weight:var(--aa-font-weight-semibold);
margin:0;
padding:0 8px 0 0;
padding:0 var(--aa-spacing-half) 0 0;
position:relative;
z-index:9999;
z-index:var(--aa-base-z-index)
}
.aa-SourceHeaderLine{
border-bottom:1px solid #3e34d3;
border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1);
display:block;
height:2px;
left:0;
margin:0;
opacity:.3;
padding:0;
position:absolute;
right:0;
top:8px;
top:var(--aa-spacing-half);
z-index:9998;
z-index:calc(var(--aa-base-z-index) - 1)
}
.aa-SourceFooterSeeAll{
background:linear-gradient(180deg,#fff,rgba(128,126,163,.14));
background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));
border:1px solid rgba(128,126,163,.6);
border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
border-radius:5px;
box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);
color:inherit;
font-size:.95em;
font-weight:500;
font-weight:var(--aa-font-weight-medium);
padding:.475em 1em .6em;
text-decoration:none
}
.aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{
border:1px solid #3e34d3;
border:1px solid rgba(var(--aa-primary-color-rgb),1);
color:#3e34d3;
color:rgba(var(--aa-primary-color-rgb),1)
}
.aa-Item{
align-items:center;
border-radius:3px;
cursor:pointer;
display:grid;
min-height:40px;
min-height:calc(var(--aa-spacing)*2.5);
padding:4px;
padding:calc(var(--aa-spacing-half)/2)
}
.aa-Item[aria-selected=true]{
background-color:rgba(179,173,214,.205);
background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))
}
.aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{
visibility:visible
}
.aa-ItemIcon{
align-items:center;
background:#fff;
background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
border-radius:3px;
box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);
box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));
color:#7777a3;
color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));
display:flex;
flex-shrink:0;
font-size:.7em;
height:28px;
height:calc(var(--aa-icon-size) + var(--aa-spacing-half));
justify-content:center;
overflow:hidden;
stroke-width:1.6;
stroke-width:var(--aa-icon-stroke-width);
text-align:center;
width:28px;
width:calc(var(--aa-icon-size) + var(--aa-spacing-half))
}
.aa-ItemIcon img{
height:auto;
max-height:20px;
max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
max-width:20px;
max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
width:auto
}
.aa-ItemIcon svg{
height:20px;
height:var(--aa-icon-size);
width:20px;
width:var(--aa-icon-size)
}
.aa-ItemIcon--alignTop{
align-self:flex-start
}
.aa-ItemIcon--noBorder{
background:none;
box-shadow:none
}
.aa-ItemIcon--picture{
height:96px;
width:96px
}
.aa-ItemIcon--picture img{
max-height:100%;
max-width:100%;
padding:8px;
padding:var(--aa-spacing-half)
}
.aa-ItemContent{
align-items:center;
cursor:pointer;
display:grid;
grid-gap:8px;
gap:8px;
grid-gap:var(--aa-spacing-half);
gap:var(--aa-spacing-half);
grid-auto-flow:column;
line-height:1.25em;
overflow:hidden
}
.aa-ItemContent:empty{
display:none
}
.aa-ItemContent mark{
background:none;
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-style:normal;
font-weight:700;
font-weight:var(--aa-font-weight-bold)
}
.aa-ItemContent--dual{
display:flex;
flex-direction:column;
justify-content:space-between;
text-align:left
}
.aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{
display:block
}
.aa-ItemContent--indented{
padding-left:36px;
padding-left:calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-ItemContentBody{
display:grid;
grid-gap:4px;
gap:4px;
grid-gap:calc(var(--aa-spacing-half)/2);
gap:calc(var(--aa-spacing-half)/2)
}
.aa-ItemContentTitle{
display:inline-block;
margin:0 .5em 0 0;
max-width:100%;
overflow:hidden;
padding:0;
text-overflow:ellipsis;
white-space:nowrap
}
.aa-ItemContentSubtitle{
font-size:.92em
}
.aa-ItemContentSubtitleIcon:before{
border-color:rgba(128,126,163,.64);
border-color:rgba(var(--aa-muted-color-rgb),.64);
border-style:solid;
content:"";
display:inline-block;
left:1px;
position:relative;
top:-3px
}
.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{
border-width:0 0 1.5px;
margin-left:8px;
margin-left:var(--aa-spacing-half);
margin-right:4px;
margin-right:calc(var(--aa-spacing-half)/2);
width:10px;
width:calc(var(--aa-spacing-half) + 2px)
}
.aa-ItemContentSubtitle--standalone{
align-items:center;
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
display:grid;
grid-gap:8px;
gap:8px;
grid-gap:var(--aa-spacing-half);
gap:var(--aa-spacing-half);
grid-auto-flow:column;
justify-content:start
}
.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{
border-radius:0 0 0 3px;
border-width:0 0 1.5px 1.5px;
height:8px;
height:var(--aa-spacing-half);
width:8px;
width:var(--aa-spacing-half)
}
.aa-ItemContentSubtitleCategory{
color:#807ea3;
color:rgba(var(--aa-muted-color-rgb),1);
font-weight:500
}
.aa-ItemContentDescription{
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-size:.85em;
max-width:100%;
overflow-x:hidden;
text-overflow:ellipsis
}
.aa-ItemContentDescription:empty{
display:none
}
.aa-ItemContentDescription mark{
background:rgba(245,223,77,.5);
background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-style:normal;
font-weight:500;
font-weight:var(--aa-font-weight-medium)
}
.aa-ItemContentDash{
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
display:none;
opacity:.4
}
.aa-ItemContentTag{
background-color:rgba(62,52,211,.2);
background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));
border-radius:3px;
margin:0 .4em 0 0;
padding:.08em .3em
}
.aa-ItemLink,.aa-ItemWrapper{
align-items:center;
color:inherit;
display:grid;
grid-gap:4px;
gap:4px;
grid-gap:calc(var(--aa-spacing-half)/2);
gap:calc(var(--aa-spacing-half)/2);
grid-auto-flow:column;
justify-content:space-between;
width:100%
}
.aa-ItemLink{
color:inherit;
text-decoration:none
}
.aa-ItemActions{
display:grid;
grid-auto-flow:column;
height:100%;
justify-self:end;
margin:0 -5.3333333333px;
margin:0 calc(var(--aa-spacing)/-3);
padding:0 2px 0 0
}
.aa-ItemActionButton{
align-items:center;
background:none;
border:0;
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
cursor:pointer;
display:flex;
flex-shrink:0;
padding:0
}
.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))
}
@media (hover:none) and (pointer:coarse){
.aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{
color:inherit
}
}
.aa-ItemActionButton svg{
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
margin:5.3333333333px;
margin:calc(var(--aa-spacing)/3);
stroke-width:1.6;
stroke-width:var(--aa-icon-stroke-width);
width:20px;
width:var(--aa-action-icon-size)
}
.aa-ActiveOnly{
visibility:hidden
}
.aa-PanelHeader{
align-items:center;
background:#3e34d3;
background:rgba(var(--aa-primary-color-rgb),1);
color:#fff;
display:grid;
height:var(--aa-modal-header-height);
margin:0;
padding:8px 16px;
padding:var(--aa-spacing-half) var(--aa-spacing);
position:relative
}
.aa-PanelHeader:after{
background-image:linear-gradient(#fff,hsla(0,0%,100%,0));
background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));
bottom:-8px;
bottom:calc(var(--aa-spacing-half)*-1);
content:"";
height:8px;
height:var(--aa-spacing-half);
left:0;
pointer-events:none;
position:absolute;
right:0
}
.aa-PanelFooter,.aa-PanelHeader:after{
z-index:9999;
z-index:var(--aa-base-z-index)
}
.aa-PanelFooter{
background-color:#fff;
background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
box-shadow:inset 0 1px 0 rgba(128,126,163,.3);
box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));
display:flex;
justify-content:space-between;
margin:0;
padding:16px;
padding:var(--aa-spacing);
position:relative
}
.aa-PanelFooter:after{
background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6));
background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));
content:"";
height:16px;
height:var(--aa-spacing);
left:0;
opacity:.12;
pointer-events:none;
position:absolute;
right:0;
top:-16px;
top:calc(var(--aa-spacing)*-1);
z-index:9998;
z-index:calc(var(--aa-base-z-index) - 1)
}
.aa-DetachedContainer{
background:#fff;
background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
bottom:0;
box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15);
box-shadow:var(--aa-panel-shadow);
display:flex;
flex-direction:column;
left:0;
margin:0;
overflow:hidden;
padding:0;
position:fixed;
right:0;
top:0;
z-index:9999;
z-index:var(--aa-base-z-index)
}
.aa-DetachedContainer:after{
height:32px
}
.aa-DetachedContainer .aa-SourceHeader{
margin:8px 0 8px 2px;
margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
}
.aa-DetachedContainer .aa-Panel{
background-color:#fff;
background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
border-radius:0;
box-shadow:none;
flex-grow:1;
margin:0;
padding:0;
position:relative
}
.aa-DetachedContainer .aa-PanelLayout{
bottom:0;
box-shadow:none;
left:0;
margin:0;
max-height:none;
overflow-y:auto;
position:absolute;
right:0;
top:0;
width:100%
}
.aa-DetachedFormContainer{
border-bottom:1px solid rgba(128,126,163,.3);
border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));
display:flex;
flex-direction:row;
justify-content:space-between;
margin:0;
padding:8px;
padding:var(--aa-spacing-half)
}
.aa-DetachedCancelButton{
background:none;
border:0;
border-radius:3px;
color:inherit;
color:#262627;
color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
cursor:pointer;
font:inherit;
margin:0 0 0 8px;
margin:0 0 0 var(--aa-spacing-half);
padding:0 8px;
padding:0 var(--aa-spacing-half)
}
.aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{
box-shadow:inset 0 0 0 1px rgba(128,126,163,.3);
box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))
}
.aa-DetachedContainer--modal{
border-radius:6px;
bottom:inherit;
height:auto;
margin:0 auto;
max-width:680px;
max-width:var(--aa-detached-modal-max-width);
position:absolute;
top:3%
}
.aa-DetachedContainer--modal .aa-PanelLayout{
max-height:500px;
max-height:var(--aa-detached-modal-max-height);
padding-bottom:8px;
padding-bottom:var(--aa-spacing-half);
position:static
}
.aa-DetachedSearchButton{
align-items:center;
background-color:#fff;
background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));
border:1px solid rgba(128,126,163,.8);
border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));
border-radius:3px;
color:rgba(128,126,163,.6);
color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
cursor:pointer;
display:flex;
font:inherit;
font-family:inherit;
font-family:var(--aa-font-family);
font-size:16px;
font-size:var(--aa-font-size);
height:44px;
height:var(--aa-search-input-height);
margin:0;
padding:0 5.5px;
padding:0 calc(var(--aa-search-input-height)/8);
position:relative;
text-align:left;
width:100%
}
.aa-DetachedSearchButton:focus{
border-color:#3e34d3;
border-color:rgba(var(--aa-primary-color-rgb),1);
box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2);
box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;
outline:medium none currentColor
}
.aa-DetachedSearchButtonIcon{
align-items:center;
color:#3e34d3;
color:rgba(var(--aa-primary-color-rgb),1);
cursor:auto;
display:flex;
height:100%;
justify-content:center;
width:36px;
width:calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-Detached{
height:100vh;
overflow:hidden
}
.aa-DetachedOverlay{
background-color:rgba(115,114,129,.4);
background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));
height:100vh;
left:0;
margin:0;
padding:0;
position:fixed;
right:0;
top:0;
z-index:9998;
z-index:calc(var(--aa-base-z-index) - 1)
}
.aa-GradientBottom,.aa-GradientTop{
height:8px;
height:var(--aa-spacing-half);
left:0;
pointer-events:none;
position:absolute;
right:0;
z-index:9999;
z-index:var(--aa-base-z-index)
}
.aa-GradientTop{
background-image:linear-gradient(#fff,hsla(0,0%,100%,0));
background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));
top:0
}
.aa-GradientBottom{
background-image:linear-gradient(hsla(0,0%,100%,0),#fff);
background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));
border-bottom-left-radius:4px;
border-bottom-left-radius:calc(var(--aa-spacing)/4);
border-bottom-right-radius:4px;
border-bottom-right-radius:calc(var(--aa-spacing)/4);
bottom:0;
display: none;
}
@media (hover:none) and (pointer:coarse){
.aa-DesktopOnly{
display:none
}
}
@media (hover:hover){
.aa-TouchOnly{
display:none
}
}
.header-search {display: flex;align-items: center;position: relative;line-height: 1;}
.header-search .search-trigger {font-size: 24px;display: inline-block;vertical-align: top;cursor: pointer;line-height: 1;color: var(--c-main);width: 44px;height: 44px;text-align: center;line-height: 44px;}
.header-search .search-trigger.active {background: #f2f2f2; color: #000;z-index: 1002;border-radius: 0 10px 10px 0px;}
.header-search .search-panel {width: 0;overflow: hidden;margin: -7px 0;position: absolute;right: 43px;}
.header-search.active .search-panel {width: 390px;padding: 0;height: auto;transition: all 0.1s;margin: 0 -42px 0 0px;z-index: 20;}
.header-search .search-panel #autocomplete {}
.header-search .search-panel #autocomplete .aa-Autocomplete {}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form {border: none;/* background: #f2f2f2; */border-radius: 0;box-shadow: none;border-radius: 10px;}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix {}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix label {}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix label button {display: none; }
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperPrefix label button svg {color: #000; }
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapper {}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapper input {font-weight: 300;color: #000;font-size: 14px;padding: 0 20px;background: #f2f2f2;border-radius: 10px 0 0 10px;}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperSuffix {margin: 0 27px 0 0;}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton {background: none;z-index: 10;border-radius: 50px;background: #f2f2f2;border-radius: 0;}
body .aa-Panel {z-index: 10000;border: none;box-shadow: none;border-radius: 10px;background: #fff;}
body .aa-Panel .aa-PanelLayout {padding: 0; border: none; box-shadow: none; }
body .aa-Panel .aa-PanelLayout .aa-Source {}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-SourceNoResults {font-size: 13px;background: #f2f2f2;}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List {}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item {font-size: 14px;font-weight: 300;padding: 0;min-height: auto;margin: 0;border-bottom: solid 1px #fff;padding: 10px 20px;border-radius: 0;/* background: none !important; */line-height: 1.3;color: var(--c-gray-dark);background: #f2f2f2;}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item:hover {background: var(--c-main); color: #fff; }
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item:last-child {}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div {padding: 0 0 0 70px;position: relative;min-height: 50px;font-size: 12px;}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div > span {/* position:relative; */}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div .dental-expert-div {
padding: 0px 0 0 54px;
}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div img {max-width: 60px;width: auto;position: absolute;left: 0;top: 0;border-radius: 5px;/* display: none; *//* width: 100%; */}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div img.trainer {max-width: 50px;border-radius: 50%;border: solid 1px var(--c-white);left: 5px;display:block;background: #fff;}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div .type {margin: 0 0 4px 0; display: inline-block; border-radius: 5px; font-size: 11px; }
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item:hover div .type {}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div .search-title {font-weight: 500;font-size: 14px;margin: 0 0 2px 0;color: #000;}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div .search-author {margin:0}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div .snippet {padding: 0; }
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item:hover div .search-title { color:#fff}
body .aa-Panel .aa-PanelLayout .aa-Source .aa-List .aa-Item div mark {background: none; font-weight: 600; padding: 0; color: inherit; }
body .searchwp-live-search-results {border: none; box-shadow: none; background: #f2f2f2; border-radius: 0 0 10px 10px; margin: -5px 0 0 0; box-shadow: 0 -10px 0 #f2f2f2; }
body .searchwp-live-search-no-results {}
body .searchwp-live-search-no-results em {font-style: normal; font-size: 13px; font-weight: 600; }
body .searchwp-live-search-results .searchwp-live-search-result {border: none;padding: 10px 0;position: relative;display: flex;align-items: center;border-bottom: solid 1px #fff;margin: 0 15px;}
body .searchwp-live-search-results .searchwp-live-search-result img {width: 75px;border-radius: 3px;margin: 0 10px 0 0;}
body .searchwp-live-search-results .searchwp-live-search-result img.dental-expert {border-radius:50%;border: solid 1px var(--c-main);}
body .searchwp-live-search-results .searchwp-live-search-result img.webinar {}
body .searchwp-live-search-results .searchwp-live-search-result img.article {}
body .searchwp-live-search-results .searchwp-live-search-result p {border: none;padding: 0;flex: 1;max-width: calc(100% - 85px);}
body .searchwp-live-search-results .searchwp-live-search-result p a {text-decoration: none;color: #000;line-height: 1.2;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;white-space: normal;font-size: 14px;}
body .searchwp-live-search-results .searchwp-live-search-result p a:hover {font-weight:500}
body .searchwp-live-search-results .searchwp-live-search-result p small {font-size: 12px; color: #f2f2f2; }
@media (max-width: 767px) {
.header-search .search-trigger {display: none;}
.header-search .search-panel {position: relative;width: auto;margin: 0;right: auto;position: absolute;z-index: 1000;left: 20px;right: 20px;top: 90px;}
.header-search {position: unset;display: none !important;}
.menuWrap.open + .icons .header-search {display:block !important}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperSuffix {margin: 0;width: 44px;}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperSuffix .aa-ClearButton {display:none}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapperSuffix::after {content: "\e906";font-family: icomoon;height: 40px;line-height: 40px;font-size: 21px;text-align: center;margin: 0px 0 0 0;position: absolute;right: 15px;}
.header-search .search-panel #autocomplete .aa-Autocomplete .aa-Form .aa-InputWrapper input {background:#fff}
}
.header-search.v2 {}
.header-search.v2 .search-panel {/* overflow: visible; */}
.header-search.v2.active .search-panel {overflow: visible;z-index: 1001;}
.header-search.v2 .search-trigger.active {background: none;}
.header-search.v2 .search-trigger.active::before {content:"\f00d";font-family: "Font Awesome 7 Pro";font-weight: 300;}
.header-search.v2 .search-panel #search-input { width: 100%; padding: 10px; margin-bottom: 20px; font-size: 16px; border: 2px solid #ddd; border-radius: 4px; transition: border-color 0.3s ease; background: #f2f2f2; border: none; margin: 0; border-radius: 10px; font-size: 14px; height: 44px; line-height: 44px; padding: 10px 10px; }
.header-search.v2.active .search-panel #search-input {/* border-radius:10px 10px 0 0; */}
.header-search.v2.active .search-panel #search-results {max-height: 800px;overflow-y: auto;border: 1px solid #ddd;border-radius: 10px;padding: 10px;margin-top: 10px;position: absolute;left: 0;right: 0;top: 40px;background: #f2f2f2;z-index: 1002;border: none;border-radius: 0 0 10px 10px;padding: 0;border: none;margin: 0;box-shadow: 0 -8px 0 #f2f2f2;}
.header-search.v2 .search-panel #search-results > p { padding: 10px; margin: 0; font-weight: 400; color: var(--c-secondary); font-size: 13px; }
.header-search.v2.active .search-panel #search-results:empty {display:none}
.header-search.v2 .search-panel #search-results ul {margin: 0;list-style: none;padding: 0;}
.header-search.v2 .search-panel #search-results ul li {}
.header-search.v2 .search-panel #search-results ul li:last-child .result-item {border:none}
.header-search.v2 .search-panel #search-results ul li .result-item {display: flex;align-items: flex-start;padding: 10px;border-bottom: solid 1px #fff;}
.header-search.v2 .search-panel #search-results ul li .result-item:hover {background:var(--c-main); color:#fff}
.header-search.v2 .search-panel #search-results ul li .result-item .result-image { flex: 0 1 60px; min-width: auto; margin: 0 10px 0 0; }
.header-search.v2 .search-panel #search-results ul li .result-item .result-image .no-image {}
.header-search.v2 .search-panel #search-results ul li .result-item .result-image .no-image::before {content:"";}
.header-search.v2 .search-panel #search-results ul li .result-item .result-image img {border-radius: 5px;height: 50px;object-fit: cover;}
.header-search.v2 .search-panel #search-results ul li .result-item .result-content { flex: 1; font-size: 14px; color: inherit; }
.header-search.v2 .search-panel #search-results ul li .result-item .result-content strong { margin: 0 0 4px 0; background: var(--c-gray); color: #fff; font-size: 10px; padding: 5px; display: inline-block; border-radius: 3px; font-weight: 500; } .header-search.v2 .search-panel #search-results ul li .result-item .result-content h3 {font-size: 13px;color: inherit;color: var(--c-secondary);margin: 0 0 5px 0;}
.header-search.v2 .search-panel #search-results ul li .result-item .result-content p {color: inherit;color: var(--c-main);line-height: 1.2;font-size: 12px;margin: 0;}
.header-search.v2 .search-panel #search-results ul li .result-item:hover .result-content h3 {color:#fff;}
.header-search.v2 .search-panel #search-results ul li .result-item:hover .result-content p {color:#fff;}
.header-search.v2 .search-panel #search-results ul li .result-item:hover .result-content strong { background: var(--c-secondary); }
@media (max-width: 767px) {
.header-search.v2 {}
.header-search.v2.open {position: absolute;top: 109px;left: 20px;right: 20px;margin: 0;padding: 0 0;}
.header-search.v2.open .search-panel { position: relative; left: auto; right: auto; top: auto; width: 100%; }
.header-search.v2 .search-panel #search-results {}
.header-search.v2 .search-trigger {display: block;position: absolute;top: 0;right: 0;z-index: 10001;pointer-events: none;}
.header-search.v2 .search-trigger.active {pointer-events:auto;}
.header-search.v2 .search-panel #search-input { background: #fff; }
.header-search.v2 .search-panel #search-results {background:#fff !important;box-shadow: 0 -8px 0 #fff !important;border-radius: 0 0 10px 10px;max-height: 500px;overflow-y: auto;}
.header-search.v2 .search-panel #search-results ul li .result-item {border-bottom:solid 1px #eee}
}
/* /w/cpgabaprofessional.de/css/gigya.css */
.login-page {position: relative;padding: 70px 0 0 0;display: flex;align-items: flex-start;/* margin: 0 -50px; *//* overflow-x: hidden; */min-height: 860px;}
.login-page::before {content:"";width: 50px;height: 100%;position: absolute;background: var(--c-gray-lightest);z-index: 10;left: 0;top: 0;}
.login-page::after {content:"";width: 50px;height: 100%;position: absolute;background: var(--c-gray-lightest);z-index: 10;right: 0;top: 0;}
.login-page .background {border-radius: 0% 0% 71% 42% / 34% 6% 48% 25%;position: absolute;top: 0;left: 0;right: 0;z-index: 9;}
.login-page .gigya-raas-screenset-embed-holder {position: relative;z-index: 11;flex: 1;box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.13);max-width: 720px;border-radius: 10px;background: #fff;padding: 30px;margin: 0 10% 0 auto;min-height: 500px;}
/*
.login-page .gigya-raas-screenset-embed-holder h1 {}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait {padding: 0;width: 100%;max-width: 100%;margin: 0 !important;font-size: inherit;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait::before {width:100%;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait h1 {}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row {}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control {font-family: inherit;font-weight: 400;padding: 10px 0;}
.login-page .gigya-screen, .login-page .gigya-screen * {font-family: "Open Sans" !important;}
.gigya-screen .gigya-composite-control.gigya-composite-control-dropdown select {padding: 0 10px;background-color: #fff !important;}
.gigya-screen .gigya-composite-control.gigya-composite-control-label.main-text {font-family: inherit !important;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox {min-height: 30px; margin: 0 0 10px 0; padding: 0; }
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox input {box-shadow: none !important;margin: 0;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox input::after {content:"";background: rgb(238, 238, 238);width: 20px;height: 20px;display: inline-block;vertical-align: top;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox input:checked::after {font-family: "Font Awesome 7 Pro";font-weight: 900;content: "\f00c";line-height: 20px;font-size: 12px;text-align: center;background: var(--c-main);width: 20px;height: 20px;display: inline-block;color: #fff;vertical-align: top;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox label {margin-top: 3px;font-weight: 300;margin-left: 18px;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox label span {padding:0;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-checkbox label label.gigya-required-display { margin-left: 0 !important; }
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-password {}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-link {font-weight: 600;text-decoration: underline;margin: 9px 0 20px 0;font-size: 14px;color: var(--c-main);}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-link.login-button {padding: 0;margin: 0;} .gigya-screen .gigya-composite-control.gigya-terms-error { padding: 5px !important; }
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-link.login-button input {margin: 0;font-family: inherit;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit {padding: 0; }
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-submit input {margin: 0;font-family: inherit;color: #fff;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-spacer {padding: 0; }
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-layout-row .gigya-composite-control.gigya-composite-control-header {font-family: inherit;padding: 0;font-size: 28px;}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-composite-control-submit {}
.login-page .gigya-raas-screenset-embed-holder .gigya-screen.portrait .gigya-composite-control-submit input { background: var(--c-main) !important; border: none; color: #fff; border-radius: 5px !important; width: 100%; box-sizing: border-box; }
.gigya-screen a {color: var(--c-main) !important;text-decoration: underline !important;}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content {}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape {padding: 0; max-width: unset !important; }
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form {}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row {}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row h2 {color:var(--c-main)}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row * {font-family: inherit;}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-composite-control-header {padding:0;}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-multi-choice-item {}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-multi-choice-item input[type="radio"] { display: none; }
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-multi-choice-item label { position: relative; margin: 0; padding: 0 0 0 27px; margin: 0 !important; }
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-multi-choice-item label::before {content:"";width: 18px;height: 18px;position: absolute;left: 0;top: 4px;background: rgb(238, 238, 238);border-radius: 50%;}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-multi-choice-item input:checked + label::before {content:"";background: #fff;border: solid 5px var(--c-main);}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-multi-choice-item input:checked + label::after {content:""}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .updateBtn {}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .updateBtn input {background: var(--c-main);color: #fff;margin: 0;}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-spacer {height: auto !important;}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-composite-control-dropdown {}
.login-page .gigya-raas-screenset-embed-holder #gigya-screenset-container_content .gigya-screen.landscape .gigya-profile-form .gigya-layout-row .gigya-composite-control-dropdown::after {content:none}
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox {min-height: 30px; margin: 0 0 10px 0; padding: 0; }
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox {box-shadow: none !important; }
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox input {}
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox::after {content:none}
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox::after {content:"";background: rgb(238, 238, 238);width: 20px;height: 20px;display: inline-block;vertical-align: top;}
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox .gigya-input-checkbox:checked::after {font-family: "Font Awesome 7 Pro";font-weight: 900;content: "\f00c";line-height: 20px;font-size: 12px;text-align: center;background: var(--c-main);}
#gigya-screenset-container_content .gigya-screen .gigya-composite-control.gigya-composite-control-checkbox label {margin-top: 1px;max-width: 95%;}
*/
@media (max-width: 991px) {
.login-page {padding: 30px 20px 0 20px;margin: 0 -20px;overflow-x: hidden;}
.login-page::before {display: none; }
.login-page::after {display: none; }
.login-page .background {left: -40px; right: -40px; width: calc(100% + 80px); max-width: calc(100% + 80px); }
.login-page .gigya-raas-screenset-embed-holder {width: 100%;max-width: 100%;margin: 0;box-shadow: none;}
}
/* /w/cpgabaprofessional.de/css/styles.css */
/* @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); */
* {box-sizing:border-box; outline:none}
img {width:100%;max-width:100%;}
html {font-size: 17px;}
body {
font-family:Open Sans !important;;
--c-main: #63666A;
--c-secondary: #333333;
--c-red: #D8191E;
--c-orange: #ff440c;
--c-gray-lightest: #f9f9f9;
--c-gray-lighter: #f2f2f2;
--c-gray-light: #e9e9e9;
--c-gray-normal: #ccc;
--c-gray: #aaa;
--c-gray-dark: #777777;
--c-black: #000000;
--c-white: #ffffff;
--r20: 20px;
--r10: 10px;
--r5: 5px;
color: #63666A;;
font-size: 15px;
font-weight: 300;
}
body.dark-mode {
--c-gray-lightest: #222222;
--c-gray-lighter: #333;
--c-gray-light: #666666;
--c-gray: #999999;
--c-gray-dark: #aaaaaa;
--c-black: #ffffff;
--c-white: #000000;
--c-secondary: #fff;
background: var(--c-white);
}
.noScroll {overflow:hidden;}
.color-main { color: var(--c-main) !important;}
.color-secondary { color: var(--c-secondary) !important;}
.color-gray-lightest { color: var(--c-gray-lightest) !important;}
.color-gray-lighter { color: var(--c-gray-lighter) !important;}
.color-gray-light { color: var(--c-gray-light) !important;}
.color-gray { color: var(--c-gray) !important;}
.color-gray-dark { color: var(--c-gray-dark) !important;}
.color-black { color: var(--c-black) !important;}
.color-white { color: var(--c-white) !important;}
p:empty {margin: 0;}
.bg-main { background: var(--c-main) !important;}
.bg-secondary { background: var(--c-secondary) !important;}
.bg-gray-lightest { background: var(--c-gray-lightest) !important;}
.bg-gray-lighter { background: var(--c-gray-lighter) !important;}
.bg-gray-light { background: var(--c-gray-light) !important;}
.bg-gray { background: var(--c-gray) !important;}
.bg-gray-dark { background: var(--c-gray-dark) !important;}
.bg-black { background: var(--c-black) !important;}
.bg-white { background: var(--c-white) !important;}
.fs-11 {font-size: 11px !important;}
.fs-12 {font-size: 12px !important;}
.fs-13 {font-size: 13px !important;}
.fs-14 {font-size: 14px !important;}
.fs-15 {font-size: 15px !important;}
.fs-16 {font-size: 16px !important;}
.fs-17 {font-size: 17px !important;}
.fs-18 {font-size: 18px !important;}
.fs-19 {font-size: 19px !important;}
.fs-20 {font-size: 20px !important;}
.fs-21 {font-size: 21px !important;}
.fs-22 {font-size: 22px !important;}
.fs-23 {font-size: 23px !important;}
.fs-24 {font-size: 24px !important;}
.fs-25 {font-size: 25px !important;}
.fs-26 {font-size: 26px !important;}
.fs-27 {font-size: 27px !important;}
.fs-28 {font-size: 28px !important;}
.fs-29 {font-size: 29px !important;}
.fs-30 {font-size: 30px !important;}
.fs-31 {font-size: 31px !important;}
.fs-32 {font-size: 32px !important;}
.tooltip {}
.tooltip .tooltip-arrow {}
.tooltip .tooltip-arrow::before {border-top-color: var(--c-secondary);}
.tooltip .tooltip-inner {background: var(--c-secondary);border: none;font-size: 12px;}
.cancel_registration_btn {color:#fff;font-size:12px;display: none;margin: 10px 0 0 0;padding: 7px 15px;text-decoration: none;background: none;color: #fff;width: auto;border-radius: 5px;border: none;border: solid 1px #fff;font-weight: 400;align-items: center;}
.cancel_registration_btn::before {content:"\f00d";font-family: "Font Awesome 7 Pro";font-weight: 900;font-size: 13px;vertical-align: middle;margin: 0 5px 0 0;background: #fff;display: inline-block;width: 20px;height: 20px;line-height: 20px;color: #000;border-radius: 50%;}
.cancel_registration_btn.visible {display:inline-flex;}
.cancel_registration_btn:hover {background:var(--c-secondary);color: #fff;border: solid 1px var(--c-secondary);/* display: inline-block !important; */}
ul.checked-list {list-style: none; padding: 0; margin: 0;margin-bottom: 20px; }
ul.checked-list:last-child {margin-bottom: 0;}
ul.checked-list > li {color: var(--c-black); font-weight: 400; }
ul.checked-list > li::before {content: "\f00c";font-family: "Font Awesome 7 Pro";font-weight: 900;color: var(--c-main);font-size: 20px;margin: 0 7px 0 0;display: inline-block;vertical-align: middle;}
ul.checked-list > li > ul {list-style: none; padding: 0; margin: 0 0 10px 30px; }
ul.checked-list > li > ul > li {font-weight: 300; }
ul.checked-list > li > ul > li::before {content:"";display: inline-block;width: 7px;height: 7px;background: var(--c-main);border-radius: 50%;vertical-align: middle;margin: -3px 9px 0 0;}
strong {font-weight: 700;}
a {color:var(--c-main);}
a:hover {color:var(--c-main);}
.no-scroll {overflow:hidden}
font {outline:none}
.btn {text-transform: none;font-size: 14px;color: #fff;line-height: 1;padding: 10px 21px;border-radius: 10px;font-weight: 600;/* background: var(--c-main); */display: inline-flex;align-items: center;border: solid 1px var(--c-gray);color: var(--c-main);}
.btn.secodary {}
.btn:focus {box-shadow:none}
.btn:hover {color:#fff;background: var(--c-secondary);border: solid 1px var(--c-secondary);}
.btn.small {padding: 8px 15px; font-size: 12px; font-weight: 400; }
.btn.secondary {background: none;border: solid 1px var(--c-gray);color: #000;font-weight: 400;}
.btn.secondary:hover {
background: var(--c-main);
color: #fff;
border: solid 1px var(--c-main);
}
.btn.primary {background: var(--c-main); color: #fff; border: solid 1px var(--c-main); }
.btn.primary:hover {background: var(--c-secondary); border: solid 1px var(--c-secondary); }
.btn.large {padding: 16px 32px;font-size: 18px;}
.momentjs-tl {white-space: pre;}
select {color:var(--c-black);-moz-appearance: none;-webkit-appearance: none;appearance: none;border-radius: 0;background: var(--c-gray-lighter) !important;background-image: url("data:image/svg+xml;utf8,") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;border-radius: 10px;padding: 0 35px 0 15px;border: none;height: 50px;font-weight: 300;}
.dark-mode select {background-image: url("data:image/svg+xml;utf8,") !important; background-repeat: no-repeat !important;}
.btn-dropdown-wrap {position: relative;margin: 0 10px 0 0;}
.btn-dropdown-wrap.active > a.btn {background:var(--c-main);border:solid 1px var(--c-main);color:#fff;margin: 0 !important;}
.btn-dropdown-wrap > a.btn {margin: 0 !important; }
.btn-dropdown-wrap .btn-dropdown {background: var(--c-main);padding: 14px 20px;position: absolute;top: -97px;min-width: 210px;border-radius: 10px;left: 50%;transform:translateX(-50%);display: none;}
.btn-dropdown-wrap.active .btn-dropdown {display:block;}
.btn-dropdown-wrap .btn-dropdown::before {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: var(--c-main) transparent transparent transparent;position: absolute;bottom: -10px;left: 50%;transform:translateX(-50%);}
.btn-dropdown-wrap .btn-dropdown a {font-size: 12px;display: block;color: #fff;padding: 4px 0;text-decoration: none;}
.btn-dropdown-wrap .btn-dropdown a:hover {font-weight: 400;}
#page {}
h1 {font-weight: 800;margin: 0 0 20px 0;/* text-transform: uppercase; */font-size: 36px;color: var(--c-secondary);}
h2 {font-size: 26px;margin: 0 0 20px 0;color: var(--c-secondary);}
h2.stronger {font-weight:800;}
h3 {font-size: 22px;color: var(--c-secondary);}
h4 {font-size: 20px;font-weight: 400;}
h2.section-name {
margin: 35px 0 15px 0;
font-weight: 700;
color: var(--c-secondary);
}
h2.section-name.with-button {
display: flex;
align-items: center;
}
h2.section-name.with-button .btn {
margin: 0 90px 0 auto;
}
#submit-question-message {margin:15px 0 0 0;}
#submit-question-message .error {text-align:left;margin: 0;}
.error {background: red;color: #fff;text-align: center;font-size: 13px;font-weight: 500;padding: 14px 20px;margin: 0 0 20px 0;border-radius: 10px;line-height: 1.4;}
.error a {color: #fff;}
.success {font-size: 14px;line-height: 1.4;background: var(--c-gray);padding: 14px 20px;border-radius: 10px;color: #fff;}
.success strong {color: #fff;}
.note {background: var(--c-gray-lighter);padding: 20px 20px 20px 61px;border-radius: 10px;position: relative;font-size: 15px;}
.note::before {content:"\f06a";font-family: 'Font Awesome 7 Pro';font-weight: 900;font-size: 30px;position: absolute;left: 20px;top: 17px;line-height: 1;opacity: 0.5;}
.dotted-box {
font-size: 15px;
padding: 4px 10px;
border-radius: 10px;
position: relative;
background: none;
border: dotted 2px var(--c-gray);
display: inline-block;
margin: 0 5px;
}
.note.course-disclaimer {
margin: 30px 0 30px 0;
}
.listing + .note.course-disclaimer {
margin: 30px 0 0 0;
}
.section {padding: 70px 45px;margin: 0;}
.section.gray {background: var(--c-gray-lighter); }
.section .content {max-width: 1300px; margin: 0 auto; }
.blocks-content {
max-width: 1340px;
margin: 0 auto;
padding: 0 20px;
}
.block {padding: 50px 45px;margin: 0;}
.standard .block {padding: 45px 0; }
.standard .block.owl-carousel {padding: 0; }
.block.gray {background: var(--c-gray-lighter); }
.block .content {max-width: 1300px;margin: 0 auto;}
.switch {position: relative;display: inline-block;width: 48px;height: 28px;border-radius: 10px;}
.switch input {opacity: 0; width: 0; height: 0; }
.slider:not(.block) {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: var(--c-gray);-webkit-transition: .4s;transition: .4s;border-radius: 20px;}
.slider:not(.block):before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;border-radius: 10px;}
input:checked + .slider {background-color: var(--c-main); }
input:focus + .slider {box-shadow: 0 0 1px #2e376f; }
input:checked + .slider:before {-webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); }
@media (max-width: 1200px) {
.section {padding: 0 45px;}
}
@media (max-width: 767px) {
.section {padding: 0 20px;}
h1 {font-size: 28px; margin: 0 0 15px 0px; }
h2 {
font-size: 22px;
}
h2.section-name {
font-size: 20px;
margin: 20px 0 10px 0;
padding: 0;
}
h2.section-name.with-button .btn {display:none;}
.block {
padding: 40px 20px;
}
}
#masthead .admin-sites {/* width: 100%; */margin: 0;/* padding: 0 20px; *//* min-width: 320px; *//* background: var(--c-orange); *//* color: #fff; */margin: 0 0 0 auto;}
#masthead .admin-sites > .content {max-width: 1300px;margin: 0 auto;display: flex;align-items: center;padding: 0;justify-content: center;}
#masthead .admin-sites label {margin: 0 20px 0 0;font-weight:500;line-height: 1;font-size: 14px;display: none;}
#masthead .admin-sites form { flex: 1; max-width: 320px; }
#masthead .admin-sites form select {width: 100%;border: none;height: 40px;font-weight: 300;max-width: 230px;font-size: 14px;}
@media (max-width: 1200px) {
#masthead .admin-sites {
width: calc(100% + 40px);
background: var(--c-gray-lighter);
padding: 10px 20px;
margin: 20px -20px 0;
}
#masthead .admin-sites > .content {
width: 100%;
}
#masthead .admin-sites label {}
#masthead .admin-sites form {max-width: 100%;}
#masthead .admin-sites form select {max-width: 100%;color: var(--c-black);-moz-appearance: none;-webkit-appearance: none;appearance: none;background: var(--c-white) !important;background-image: url("data:image/svg+xml;utf8,") !important;background-repeat: no-repeat !important;background-position-x: calc(100% - 7px) !important;background-position-y: 50% !important;border: none;font-weight: 300;}
}
@media (max-width: 767px) {
#masthead .admin-sites > .content {}
#masthead .admin-sites form {
width: 100%;
max-width: 100%;
}
}
#masthead {padding: 20px 20px; }
#masthead .content {max-width: 1300px;margin: 0 auto;display: flex;align-items: center;width: 100%;flex-wrap: wrap;}
#masthead .content .logo {}
#masthead .content .logo img {height: 48px;width: auto;}
.dark-mode #masthead .content .logo img {filter: invert(1); }
#masthead .content .menu-wrap {margin: 20px 0 0 0;flex: 0 1 100%;display: flex;align-items: center;flex-wrap: wrap;}
#masthead .content .top-menu { display: flex; justify-content: flex-end; align-items: center; margin: 0 0 0 auto; }
#masthead .content .menu {padding: 0;margin: 0;list-style: none;font-size: 16px;}
#masthead .content .menu > li {display: inline-block;margin: 0 38px 0 0;position: relative;}
#masthead .content .menu > li:last-child {margin-right:0}
#masthead .content .menu > li > a {font-weight: 500;color: var(--c-main);text-decoration: none;text-transform: uppercase;font-weight: 600;letter-spacing: 0px;}
#masthead .content .menu > li > a.active { font-weight: 700; color: var(--c-secondary); }
#masthead .content .menu > li > a:hover {text-decoration:none;color: var(--c-secondary);}
#masthead .content .menu > li .dropdown {position: absolute;top: 42px;left: 50%;transform: translateX(-50%);min-width: 320px;display: flex;background: var(--c-white);border-radius: var(--r10);box-shadow: 0 0 20px rgb(0 0 0 / 20%);z-index: 100;display: none;padding: 20px;}
#masthead .content .menu > li.opened .dropdown {display:flex}
#masthead .content .menu > li .dropdown::before {content:"";display: block;position: absolute;height: 40px;width: 40%;left: 50%;transform: translateX(-50%);top: -26px;}
#masthead .content .menu > li .dropdown::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;top: -10px;left: 50%;transform: translateX(-50%);}
#masthead .content .menu > li .dropdown .links {padding: 20px; flex: 0 1 40%; }
#masthead .content .menu > li .dropdown .links .btn {padding: 10px 16px; font-size: 12px; font-weight: 500; }
#masthead .content .menu > li .dropdown ul {font-size: 14px;list-style: none;padding: 0;margin: 0;}
#masthead .content .menu > li .dropdown ul li {}
#masthead .content .menu > li .dropdown ul li:first-child a {/* padding-top:0; */}
#masthead .content .menu > li .dropdown ul li a {color: var(--c-black);padding: 6px 0 6px 0;display: block;position:relative;text-decoration:none;line-height: 1.2;}
#masthead .content .menu > li .dropdown ul li a:hover {color: var(--c-main); font-weight: 500; }
#masthead .content .menu > li .dropdown ul li a::before {content: "\e914";font-family: icomoon;margin: 1px 0 0 0;display: inline-block;font-weight: 300;font-size: 12px;vertical-align: top;opacity: 0.5;transition: margin 0.3s;position: absolute;left: 0;top: 6px;color: var(--c-gray);content: none;}
#masthead .content .menu > li .dropdown ul li a:hover::before {color: var(--c-main);opacity:1}
#masthead .content .menu > li .dropdown .courses-wrap {padding: 20px; background: var(--c-gray-lighter); flex: 1; border-radius: 0 var(--r10) var(--r10) 0; }
#masthead .content .menu > li .dropdown h3 {font-weight: 800; font-size: 14px; margin: 0 0 15px 0; text-transform: uppercase; }
#masthead .content .language {margin: 0 0 0 40px; }
#masthead .content .language .trigger {display: inline-block; border-radius: 50%; overflow: hidden; vertical-align: top; }
#masthead .content .language .trigger img {}
.header-search {margin: 0 10px 0 0;}
.header-search .trigger {font-size: 25px; }
.header-search .trigger i {}
.site-header .login-register {display: flex; align-items: center; }
.site-header .login-register > i {font-size: 25px; margin: 0 10px 0 0; }
.not-logged-in .site-header .login-register > i {font-weight: 500; }
.not-logged-in .site-header .login-register > i::before {content:"\f007"}
.site-header .login-register > a {margin: 0; font-weight: 600; text-decoration: none; }
.site-header .login-register > .separator {width: 1px; background: var(--c-red); height: 15px; margin: 0 10px; }
.register-page .register .btn {background: #fff;border: none;padding: 15px 25px;text-transform: uppercase;font-weight: 700;font-size: 15px;color: var(--c-secondary);}
.register-page .register .btn:hover {background: var(--c-secondary); color: #fff; }
#masthead .content .site-home {font-size: 17px;}
#masthead .content .cp-home {margin: 0px 9px 0 20px;font-size: 18px;}
#masthead .content .account {margin: 0;position: relative;}
#masthead .content .account .trigger {display: flex; align-items: center; }
#masthead .content .account .trigger a {margin: 0;font-weight: 400;text-decoration: none;line-height: 1;text-align: right;}
#masthead .content .account .trigger a.welcome-message {text-align:left;font-size: 14px;line-height: 1.1;}
#masthead .content .account .trigger .loggedout-options {display: flex;}
#masthead .content .account .trigger > i {font-size: 26px;margin: 0 10px 0 0;}
#masthead .content .account.opened .trigger::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-gray-light) transparent;position: absolute;bottom: -17px;left: 6px;}
.not-logged-in #masthead .content .account.opened .trigger::after {content:none;}
.not-logged-in #masthead .content .account .trigger > i {/* font-weight: 500; */}
.not-logged-in #masthead .content .account .trigger > i::before {content:"\f007"}
#masthead .content .account .trigger .separator {width: 1px; background: var(--c-red); height: 15px; margin: 0 10px; }
#masthead .content .account .trigger img {border-radius: 50%; }
#masthead .content .account .dropdown {position: absolute;right: 0;/* transform: translateX(-50%); */top: 46px;background: var(--c-gray-light);padding: 20px;border-radius: var(--r10);/* min-width: max-content; */text-align: right;display:none;z-index: 100;min-width: 240px;}
#masthead .content .account.opened .dropdown {display: flex;justify-content: flex-end;/* flex-wrap: wrap; */}
#masthead .content .account .dropdown::before {content:"";display: block;position: absolute;height: 20px;width: 100%;left: 50%;transform: translateX(-50%);top: -20px;}
#masthead .content .account .dropdown .column {}
#masthead .content .account .dropdown .admin-column {padding: 0 0 0 40px; }
#masthead .content .account .dropdown ul {padding: 0;list-style: none;font-size: 15px;margin: 0;}
#masthead .content .account .dropdown ul li {}
#masthead .content .account .dropdown ul li a {color: var(--c-black);text-decoration: none;padding: 5px 0;display: block;white-space: nowrap;}
#masthead .content .account .dropdown ul li a:hover {color:var(--c-main);/* font-weight:500; */}
#masthead .content .account .dropdown ul li a .notify { background: var(--c-orange); color: #fff; border-radius: 10px; font-size: 10px; width: 20px; height: 20px; line-height: 20px; display: inline-block; margin: 0 0 0 6px; text-align: center; vertical-align: top; }
#masthead .content .account .dropdown ul li a:hover .notify {background: var(--c-secondary);}
#masthead .content .account .dropdown .theme {font-size: 15px;margin: 20px 0 0 0;}
#masthead .content .account .dropdown .theme .elem {display: flex;align-items: center;margin: 7px 0 0px 0;justify-content: flex-end;}
#masthead .content .account .dropdown .theme .elem label {margin: 0 0 0 7px;order: 2;}
#masthead .content .account .dropdown .theme .elem span {font-size: 13px;/* font-weight: 400; */white-space: nowrap;}
.menuTrigger {display: none;z-index: 10001;margin: 0 0 0 15px;}
.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: #000;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: 5px;left: 4px;width: 30px;}
.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: 4px;top: 26px;width: 30px;}
.menuTrigger.open div span {background: #000;}
.lang-switcher {margin: 14px 0 0 20px;position: relative;}
.lang-switcher {
margin-top: 0;
}
.lang-switcher > img {width: 32px;height: 32px;object-fit: cover;border-radius: 50%;border: solid 1px #ddd;}
.lang-switcher > ul {display: none;position: absolute;right: -20px;top: 50px;background: var(--c-gray-light);/* box-shadow: 0 0 10px rgb(0 0 0 / 10%); *//* border-radius: 10px; */padding: 20px;list-style: none;min-width: 190px;text-align: right;z-index: 100;border-radius: 10px;}
.lang-switcher.open > ul {display:block;}
.lang-switcher > ul::before {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-gray-light) transparent;position: absolute;top: -10px;right: 27px;}
.lang-switcher.open::after {content:"";height: 40px;width: 70px;position: absolute;right: -20px;top: 14px;}
.lang-switcher > ul li {margin: 0 0 10px 0; }
.lang-switcher > ul li:last-child {margin:0}
.lang-switcher > ul li a {color: #1b2426;font-weight: 300;font-size: 14px;text-decoration: none;}
.lang-switcher > ul li a:hover {font-weight:500;}
.lang-switcher > ul li a.active {font-weight:600;}
.lang-switcher > ul li a img {width: 28px; height: 28px; object-fit: cover; border-radius: 50%; margin: 0 0 0 10px; }
@media (max-width: 1300px) {
#masthead .content .logo img {
/* max-width: 420px; */
}
}
@media (max-width: 1023px) {
#masthead .content {}
#masthead .content .logo {margin:0 auto 0 0;}
#masthead .content .menu-wrap {margin:0;}
#masthead .content .menu {display:none;position: fixed;top: 42px;left: 0;right: 0;bottom: 0;margin: 0;background: var(--c-gray-light);z-index: 101;padding: 30px 20px;font-size: 18px;overflow-y: auto;overflow-x: hidden;}
#masthead .content .menu li {margin: 0 0 15px 0;display: block;}
#masthead .content .menu li.has-dropdown {position:relative;}
#masthead .content .menu li.has-dropdown::after {content:"\e910";position: absolute;top: 0;right: 0;font-family: 'icomoon';font-weight: 300;}
#masthead .content .menu li.has-dropdown.opened::after {content:"\e90f";}
#masthead .content .menu > li .dropdown {display: none;position: relative;top: auto;left: auto;transform: none;background: none;box-shadow: none;padding: 0;margin: 0;}
#masthead .content .menu > li.has-dropdown.opened .dropdown {display:block}
#masthead .content .menu > li .dropdown::before {content:none;}
#masthead .content .menu > li .dropdown::after {content:none;}
#masthead .content .menu > li .dropdown .links {padding: 20px 0 20px 0;}
#masthead .content .menu > li .dropdown .links ul {columns: 3;margin: 0 0 10px 0;column-gap: 20px;}
#masthead .content .menu > li .dropdown .links ul li {break-inside: avoid;margin: 0 0 5px 0;}
#masthead .content .menu > li .dropdown h3 {display:none}
#masthead .content .menu > li .dropdown .courses {display: none;}
#masthead .content .menu.open {display: block;}
.menuTrigger {display:block;width: 30px;}
#masthead .content .account .trigger > a {display:none}
.lang-switcher {margin: 0 0 0 9px;}
.lang-switcher > img {width: 28px;height: 28px;}
}
@media (max-width: 991px) {
#masthead .content .logo img {/* max-width: 360px; */}
#masthead .content .menu > li .dropdown .courses-wrap {display:none}
}
@media (max-width: 1200px) {
#masthead .content .logo img {
height: 40px;
}
}
@media (max-width: 767px) {
#masthead .content {}
#masthead .content .logo {}
#masthead .content .logo img {/* max-width: 245px; */height: 20px;}
.header-search {margin: 0 15px 0 0;}
.header-search.open {display: block !important;}
#masthead .content .account .trigger > i {margin:0}
#masthead .content .menu-wrap {
margin: 0;
}
#masthead .content .menu.open {top: 40px;padding: 140px 20px 30px;}
#masthead .content .menu > li .dropdown .links ul {columns:1}
#masthead .content .account .trigger .loggedout-options {display:none;}
#masthead .content .account.opened .trigger .loggedout-options {display: block;position: absolute;right: -45px;z-index: 30;top: 38px;background: var(--c-gray-light);padding: 15px;border-radius: 10px;min-width: 170px;}
#masthead .content .account.opened .trigger .loggedout-options::before {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-gray-light) transparent;position: absolute;top: -10px;right: 43px;}
#masthead .content .account .trigger a.welcome-message {display:none}
#masthead .content .language .trigger img {max-width: 30px; }
#masthead .content .account .dropdown .theme {margin: 0;}
#masthead .content .account .dropdown {left: auto;right: -45px;top: 40px;}
#masthead .content .account.opened .dropdown {flex-wrap: wrap;}
#masthead .content .account .dropdown::after {right: 43px;left: auto;transform: none;}
#masthead .content .account .dropdown .column {}
#masthead .content .account .dropdown .admin-column {
margin: 20px 0 0 0;
}
#masthead .content .cp-home, #masthead .content .site-home {display: none;}
.lang-switcher {margin: 0 0 0 15px;}
}
.block .content h2 {text-align: center; font-weight: 800; font-size: 36px; margin: 0 0 35px 0; color: var(--c-secondary); }
.block .content h2 small {display: block;font-weight: inherit;font-size: 16px;color: var(--c-main);}
.block .content .benefits {display: grid;gap: 40px;grid-template-columns: repeat(2,1fr);}
.block .content .benefits .item {display: flex;align-items: center;box-shadow: 0 0 20px rgb(0 0 0 / 10%);padding: 30px;border-radius: 10px;text-align: center;flex-wrap: wrap;}
.block .content .benefits .item p {font-size: 15px;line-height: 1.3;margin: 0;flex: 0 1 100%;}
.block .content .benefits .item p strong {display: block;font-weight: 600;font-size: 20px;margin: 0 0 5px 0;}
.block .content .benefits .item i {color: var(--c-main);font-size: 86px;margin: 0 0 20px 0;flex: 0 1 100%;}
.block.features {
padding-left: 0;
padding-right: 0;
}
@media (max-width: 767px) {
.block .content .benefits {grid-template-columns: repeat(1,1fr); }
.block .content h2 {
font-size: 20px;
margin: 0 0 15px 0;
}
}
.home-header {padding: 20px 20px 0; }
.home-header .content {max-width: 1300px;margin: 0 auto;display: flex;position: relative;align-items: center;}
.home-header .content .text {/* flex: 0 1 50%; */position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;max-width: 660px;}
.home-header .content .text h1 {font-size: 40px;margin: 0 0 10px 0;}
.home-header .content .text p {font-size: 21px;line-height: 1.3;}
.home-header .content .text .buttons {}
.home-header .content .text .buttons .btn {border: none; background: var(--c-main); color: #fff; padding: 17px 30px; font-size: 18px; margin: 0 10px 0 0; }
.home-header .content .img {flex: 1; position: relative; }
.home-header .content .img img {border-radius: 10px; }
.home-header .content .img::before {content:"";background: rgb(249,249,249);background: linear-gradient(-90deg, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 60%);position: absolute;top: 0;left: 0;bottom: 0;/* right: 0; */width: 80%;}
@media (max-width: 991px) {
.home-header .content {flex-wrap: wrap;}
.home-header .content .img {order: 1;flex: 0 1 calc(100% + 40px);margin: -20px -20px 0-20px;}
.home-header .content .img img {border-radius:0;height: 500px;object-fit: cover;object-position: right;}
.home-header .content .img::before {
background: #fff;
width: 100%;
opacity: 1;
background: rgb(249,249,249);
background: linear-gradient(180deg, rgba(249,249,249,0) -10%, rgba(249,249,249,1) 70%);
}
.home-header .content .text {order: 2;flex: 0 1 100%;text-align: center;right: 0;transform: none;top: auto;bottom: 40px;max-width: 100%;}
.home-header .content .text h1 {font-size: 26px;line-height: 1;}
.home-header .content .text h1 br {display:none}
.home-header .content .text p {font-size: 16px;}
.home-header .content .text .buttons {}
.home-header .content .text .buttons .btn {
margin: 0 4px;
font-size: 15px;
padding: 12px 19px;
}
}
.packs {display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 40px; }
.packs .item {background: var(--c-main);padding: 40px;border-radius: 20px;color: #fff;text-align: center;position: relative;display: flex;flex-direction: column;align-items: center;overflow: hidden;transition: all 0.3s;}
.packs .item:hover {box-shadow: 0 0 20px rgb(0 0 0 / 20%), 0 0 0 5px var(--c-secondary);}
.packs .item::before {content:"";border: solid 25px #fff;width: 190px;height: 190px;border-radius: 40px;opacity: 0.2;position: absolute;left: -90px;top: -50px;}
.packs .item::after {content:"";border: solid 25px #fff;width: 190px;height: 190px;border-radius: 40px;opacity: 0.2;position: absolute;right: -90px;bottom: -50px;}
.packs .item h3 {text-align: center; font-weight: 800; color: #fff; line-height: 1; }
.packs .item h3 strong {display: block;font-weight: 800;font-size: 70px;/* display: flex; */align-items: self-end;letter-spacing: -4px;}
.packs .item h3 strong sup {font-size: 38%; vertical-align: super; top: -5px; margin: 0 0 0 2px; letter-spacing: -1px; }
.packs .item h3 strong small {opacity: 1; font-weight: 700; font-size: 27px; display: inline-block; padding: 0 0 10px 3px; letter-spacing: -1px; }
/*.packs .item:last-child h3 strong {font-size: 42px;line-height: 0.9;display: block;margin: 7px 0 20px 0;}*/
.packs .item h3 small {font-size: 14px;opacity: 0.7;font-weight: 300;}
.packs .item ul {list-style: none;padding: 0;margin: 20px 0 20px 0;text-align: left;}
.packs .item ul li {position: relative;padding: 0 0 8px 30px;}
.packs .item ul li::before {content: "\e900";font-family: 'icomoon';position: absolute;left: 0;top: -6px;font-size: 20px;}
.packs .item .spacer {flex-grow:1;}
.packs .item .btn {background: var(--c-secondary);padding: 15px 30px;font-size: 16px;border-radius: 15px;}
.packs .item .btn:hover {background:#fff; color:#000;}
.section .content.img-text {display: flex; align-items: center; text-align: left; }
.section .content.img-text .img {flex: 0 1 34%; }
.section .content.img-text .img img {}
.section .content.img-text .text {flex: 1; padding: 0 0 0 80px; }
.section .content.img-text .text h2 {text-align: left;margin: 0 0 15px 0;}
.section .content.img-text .text p {font-size: 17px; }
.section .content.img-text .text .btn {}
.section .content.img-text {}
.section .content.img-text .img:last-child {flex: 0 1 50%; }
.section .content.img-text .img:first-child img {}
.section .content.img-text .text:first-child {padding: 0 80px 0 0; }
.section .content.img-text .text:first-child h2 {}
.section .content.img-text .text:first-child p {}
.section .content.img-text .text:first-child .btn {}
.section .content .partners {display: flex; align-items: center; justify-content: center; }
.section .content .partners .item {padding: 0 50px; }
.section .content .partners .item a {}
.section .content .partners .item a img {}
.block.html {}
.block.html h2 {text-align:left;margin: 0 0 10px 0;font-size: 28px;}
.block.hero-image {padding: 0;}
.block.hero-image .content {max-width: 1300px;margin: 0 auto;display: flex;position: relative;align-items: center;}
.block.hero-image .content .text {/* flex: 0 1 50%; */position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 2;max-width: 660px;}
.block.hero-image .content .text h2 {font-size: 36px;margin: 0 0 10px 0;text-align: inherit;}
.block.hero-image .content .text p {font-size: 21px;line-height: 1.3;}
.block.hero-image .content .text .buttons {}
.block.hero-image .content .text .buttons .btn {border: none; background: var(--c-main); color: #fff; padding: 17px 30px; font-size: 18px; margin: 0 10px 0 0; }
.block.hero-image .content .img {flex: 1;position: relative;overflow: hidden;}
.block.hero-image .content .img img {border-radius: 10px; }
.block.hero-image .content .img::before {content:"";background: rgb(249,249,249);background: linear-gradient(-90deg, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 60%);position: absolute;top: -70px;left: 0;bottom: 0;/* right: 0; */width: 80%;pointer-events: none;}
@media (max-width: 991px) {
.block.hero-image .content {flex-wrap: wrap;}
.block.hero-image .content .img {order: 1;flex: 0 1 calc(100% + 40px);margin: -20px -20px 0-20px;}
.block.hero-image .content .img img {border-radius:0;height: 500px;object-fit: cover;object-position: right;}
.block.hero-image .content .img::before { background: #fff; width: 100%; opacity: 1; background: rgb(249,249,249); background: linear-gradient(180deg, rgba(249,249,249,0) -10%, rgba(249,249,249,1) 70%); }
.block.hero-image .content .text {order: 2;flex: 0 1 100%;text-align: center;right: 0;transform: none;top: auto;bottom: 40px;max-width: 100%;}
.block.hero-image .content .text h1 {font-size: 26px;line-height: 1;}
.block.hero-image .content .text h1 br {display:none}
.block.hero-image .content .text p {font-size: 16px;}
.block.hero-image .content .text .buttons {}
.block.hero-image .content .text .buttons .btn { margin: 0 4px; font-size: 15px; padding: 12px 19px; }
}
@media (max-width: 767px) {
.block.hero-image .content .text h2 {
font-size: 28px;
text-align: center;
}
}
.block.image-html {}
.block.image-html .content {display: flex; align-items: center; }
.block.image-html .content .img {flex: 0 1 34%; }
.block.image-html .content .img img {border-radius: 20px; }
.block.image-html .content .text {flex: 1;padding: 0 0 0 80px;font-size: 17px;}
.block.image-html .content .text h2 {text-align: left;margin: 0 0 15px 0;}
.block.image-html .content .text p {}
.block.image-html .content .text .btn {margin: 0 8px 0 0;}
.block.image-html .content .text .btn.secondary {color: var(--c-secondary);border: solid 1px var(--c-secondary);}
.block.image-html .content .text .btn.secondary:hover {color:#fff; background:var(--c-secondary)}
.block.image-html .content .text:first-child {padding: 0 80px 0 0; }
@media (max-width: 767px) {
.block.image-html {}
.block.image-html .content {flex-direction: column;}
.block.image-html .content .img {margin: 0 0 20px 0;}
.block.image-html .content .text {padding: 0;width: 100%;}
}
.block.posts .content {text-align:center;}
.block.posts .content .section-name-wrap {display: flex;align-items: center;margin: 0 0 30px 0;justify-content: center;text-align: center;}
.block.posts .content .section-name-wrap h2 {text-align: center;margin: 0;}
.block.posts .content .courses {text-align: left;}
.block.posts .content .view-all.btn {margin: 30px 0 0 auto;padding: 20px 40px;font-size: 17px;}
.home-slider {padding: 0;margin: 0;border-radius: 10px;overflow: hidden;}
.home-slider .item {position: relative;max-height: 660px;}
.home-slider.slider-padding .item {border-radius:20px;overflow: hidden;position: relative;}
.home-slider.slider-padding .item::after {content:"";height: 50%;display: block;width: 100%;position: absolute;left: 0;right: 0;height: 100%;bottom: 0;background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 31%, rgba(99,102,106,1) 62%);z-index: 3;};.courses .item:hover::after {background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 31%, rgba(99,102,106,1) 62%);}
.home-slider .item .content {width: 100%;position: absolute;top: 50%;max-width: 660px;left: 0;transform: translateY(-50%);color: var(--c-secondary);text-align: center;z-index: 4;text-align: left;}
.home-slider .item .content h2 {/* color: #fff; */font-size: 60px;font-weight: 800;line-height: 1;font-size: 36px;margin: 0 0 15px 0;text-align: left;}
.home-slider .item .content p {font-size: 20px;font-weight: 300;margin: 0 0 15px 0;opacity: 0.8;}
.home-slider .item .content p:last-child {margin:0}
.home-slider .item .content .btn {margin: 0 10px 0 0;font-size: 16px;padding: 16px 30px;color: #fff;background: var(--c-main);border: solid 1px var(--c-main);}
.home-slider .item .content .btn:hover {background:var(--c-secondary); border:solid 1px var(--c-secondary);;}
.home-slider .item .content .btn.primary {background: #fff; color: #000; padding: 20px 33px; font-weight: 600; font-size: 20px; }
.home-slider .item .content .btn.secondary {background: none; border: solid 1px #fff; }
.home-slider .item .content .btn:hover {/* background:#fff; *//* color:#000; */}
.home-slider .item .content .btn.secondary:hover {background:#fff; color:#000; border:solid 1px #fff;}
.home-slider .item .bg {z-index: 2; position: relative; }
.home-slider .item .bg img {object-fit: cover;object-position: top center;}
.home-slider .item .bg::before { content: ""; background: rgb(249, 249, 249); background: linear-gradient(-90deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 60%); position: absolute; top: -70px; left: 0; bottom: 0; /* right: 0; */ width: 80%; pointer-events: none; }
.standard .home-slider .item {border-radius:20px;overflow: hidden;}
.home-slider .owl-dots { position: absolute; bottom: 20px; left: 0; right: 0; gap: 8px; display: flex !important; }
.home-slider .owl-dots .owl-dot { width: 12px; background: rgb(0 0 0 / 20%); height: 12px; border-radius: 50%; }
.home-slider .owl-dots .owl-dot.active {background: var(--c-secondary);}
@media (max-width: 991px) {
.home-slider {margin: -30px -20px 20px -20px;width: calc(100% + 40px) !important;border-radius: 0;}
.home-slider .item {}
.home-slider .item .content {padding: 0 20px;max-width: 100%;text-align: center;top: auto;transform: none;bottom: 50px;}
.home-slider .item .content h2 {text-align: inherit;}
.home-slider .item .content p {}
.home-slider .item .content .btn {margin: 0 4px;font-size: 15px;padding: 12px 19px;} .home-slider .item .bg {}
.home-slider .item .bg img {height:500px;border-radius: 0;height: 500px;object-fit: cover;object-position: top right;}
.home-slider .item .bg::before {background: #fff;width: 100%;opacity: 1;background: rgb(249, 249, 249);background: linear-gradient(180deg, rgba(249, 249, 249, 0) -10%, rgba(249, 249, 249, 1) 70%);}
.home-slider .owl-dots { justify-content: center; }
}
@media (max-width: 767px) {
.home-slider .item {}
.home-slider .item .content {padding: 0 20px; }
.home-slider .item .content h2 {font-size: 28px;}
.home-slider .item .content p {font-size: 16px; }
}
.post-slider {padding: 0;margin: 0 0 60px 0;}
.post-slider .courses .item .banner {}
.post-slider .courses .item .banner img {height: 520px; }
.post-slider .courses .item .text {padding: 40px; }
.post-slider .courses .item .text .name {font-size: 36px !important; }
.post-slider .courses .item .text .speakers {}
.post-slider .courses .item .text .speakers .photos {}
.post-slider .courses .item .text .speakers .photos img {width: 80px; height: 80px; margin: 0 15px 0 0; }
.post-slider .courses .item .text .speakers .names {font-size: 18px; }
.post-slider .courses .item .text .speakers .names span {font-size: 13px; }
@media (max-width: 1400px) {
.home-slider.slider-padding .item {border-radius:0;}
}
.page-header {padding: 0 20px;position: relative;}
.page-header .content {display: flex;flex-wrap: wrap;margin: 0 auto;max-width: 1300px;align-items: center;padding: 0 0 20px;/* position: relative; */}
.page-header .content h1 {margin: 0;font-weight: 700;color: var(--c-secondary);flex: 0 1 90%;min-width: 90%;padding: 10px 50px 10px 0;font-size: 34px;}
.page-header .content .filter-trigger {margin: -10px 0 0 auto;border: none;background: var(--c-main);color: #fff;border-radius: var(--r10);display: inline-flex;align-items: center;padding: 10px 15px;font-weight: 600;font-size: 14px;display: none;}
.page-header .content .filter-trigger i {margin: 0 10px 0 0; font-size: 18px; font-weight: 500; }
.page-header .content .filters {margin: 0; }
.page-header .content .btn.add {padding: 0;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;justify-content: center;margin: 0 0 0 20px;font-size: 19px;background: var(--c-main);color: #fff;border: solid 1px var(--c-main);margin: 10px 0 10px auto;}
.dark-mode .page-header .content .btn.add {background: #555; }
.page-header .content .btn.add i {}
.page-header .menu-tabs {
display: flex;
gap: 10px;
}
.page-header .menu-tabs a {}
.page-header .menu-tabs a.active {color:#fff;background: var(--c-secondary);border: solid 1px var(--c-secondary);}
.page-header .content.trainer-archive {align-items: center; }
.page-header .content.trainer-archive h1 {flex: none;min-width: auto;padding: 0;}
.page-header .content.trainer-archive .filters {display: flex;position: relative;top: auto;padding: 0;left: auto;right: auto;bottom: auto;align-items: center;}
.page-header .content.trainer-archive .filters .facet-search-wrap {position: relative;margin: 0 10px 0 10px;}
.page-header .content.trainer-archive .filters .facet-search-trigger {width: 50px;height: 50px;background: var(--c-gray-lighter); border: none;color: var(--c-main);font-size: 23px;margin: 0;border-radius: 50%;position: relative;z-index: 10;}
.page-header .content.trainer-archive .filters .facet-search-wrap.active .facet-search-trigger {
/* pointer-events: none; */
background: none;
}
.page-header .content.trainer-archive .filters .facet-search-wrap.active .facet-search-trigger i::before {content:"\f00d";}
.page-header .content.trainer-archive .filters .facetwp-type-search {position: absolute;right: 0; top: 0; width: 0;overflow: hidden;}
.page-header .content.trainer-archive .filters .facet-search-wrap.active .facetwp-type-search {
width: 270px;
}
.page-header .content.trainer-archive .filters .facetwp-type-search .facetwp-input-wrap { } .page-header .content.trainer-archive .filters .facetwp-type-search .facetwp-input-wrap .facetwp-icon { right: 41px; opacity: 1; }
.page-header .content.trainer-archive .filters .facetwp-type-search .facetwp-input-wrap .facetwp-icon::before { content: "\f002"; background: none; font-family: "Font Awesome 7 Pro"; font-style: normal; font-size: 23px; font-weight: 300; color: var(--c-main); opacity: 1; line-height: 50px; }
.page-header .content.trainer-archive .filters .facetwp-type-search .facetwp-input-wrap .facetwp-search {border-radius: 30px;}
@media (max-width: 1320px) {
.page-header {}
}
@media (max-width: 1200px) {
}
@media (max-width: 991px) {
.modal .page-header .content {padding:0}
.page-header .content .btn.add {
margin: -12px 0 0 10px;
}
.page-header .content.trainer-archive .btn.add {margin: 0;width: 100%;border-radius: 5px;}
.page-header .content.trainer-archive .filters .facet-search-wrap {
margin: 10px 0;
width: 100%;
}
.page-header .content.trainer-archive .filters .facet-search-trigger {
width: 100%;
border-radius: 5px;
display: none;
}
.page-header .content.trainer-archive .filters .facetwp-type-search {position: relative;width: 100%;margin: 0;}
.page-header .content.trainer-archive .filters .facetwp-type-search .facetwp-input-wrap .facetwp-search {
border-radius: 5px;
}
.page-header .content.trainer-archive .filters .facetwp-type-search .facetwp-input-wrap .facetwp-icon {
right: 12px;
}
}
@media (max-width: 767px) {
.page-header h1 {font-size: 24px;}
.page-header .content h1 {flex: 0 1 100%;max-width: 100%;padding-right: 0;font-size: 26px;}
.page-header .content .filter-trigger {display:block;margin: 0;}
.page-header .content .btn.add {
margin: 10px 0 0 0;
width: 100%;
border-radius: 6px;
height: 42px;
}
}
#primary {background: var(--c-gray-lightest);padding: 50px 20px;}
#primary::after {content:"";display:table;clear:both;height:0;}
#primary > .content {max-width: 1300px; margin: 0 auto; }
#primary > .content .grid {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
#primary > .content .grid .main {grid-column: span 2; }
#primary > .content .grid .sidebar {}
#primary > .content .grid .single-article + .sidebar {}
#primary.full-width {padding: 30px 0;}
#primary.full-width > .content {max-width: 100%; }
#primary > .content .content-wrap {display: grid; grid-template-columns: repeat(12,1fr); grid-gap: 40px; }
#primary > .content .content-wrap .main {flex: 0 1 60%;grid-column: span 8;background: var(--c-white);padding: 40px;border-radius: 20px;}
#primary > .content .content-wrap .sidebar {flex: 1; grid-column: span 4; }
#primary > .content .content-wrap .sidebar .sidebar-box {padding: 20px; background: var(--c-gray-lighter); margin: 0 0 25px 0; border-radius: 20px; min-height: 100px; }
#primary.error-404 {
text-align: center;
}
#primary.error-404 h1 {
font-size: 110px;
line-height: 1;
}
#primary.error-404 h2 {
font-weight: 700;
}
@media (max-width: 991px) {
#primary > .content .grid .main {grid-column: span 3; }
#primary > .content .grid .sidebar {grid-column: span 3;}
}
@media (max-width: 767px) {
#primary {
padding: 30px 20px;
}
#primary > .content .grid .single-article + .sidebar {}
#primary > .content .content-wrap {grid-column-gap:0}
#primary > .content .content-wrap .main {
padding: 30px 20px;
margin: 0 -20px;
border-radius: 0;
}
}
.sidebar .share-box {background: var(--c-white);padding: 30px;border-radius: 20px;margin: 0 0 30px 0;}
.share-box h3 {font-weight: 700;letter-spacing: -1px;line-height: 1;margin: 0 0 20px 0;font-size: 23px;}
.sidebar .share-box ul {padding: 0;list-style: none;text-align: left;margin: 0;}
.sidebar .share-box ul > li {display: inline-block;margin: 0 8px 0 0;}
.sidebar .share-box ul > li .calendar {}
.sidebar .share-box ul > li .calendar > i {width: 34px;height: 34px;text-align: center;line-height: 33px;border: solid 1px var(--c-gray);color: var(--c-gray);border-radius: 50%;font-size: 15px;transition: transform 0.3s;}
.sidebar .share-box ul > li .calendar > span {display:none}
.sidebar .share-box ul > li .calendar > .calendar-popup {display: none;}
.sidebar .share-box ul > li .calendar > .calendar-popup a {}
.sidebar .share-box ul > li .calendar > .calendar-popup a i {}
.sidebar .share-box ul > li > a {cursor: pointer;}
.sidebar .share-box ul > li > a > i {width: 44px;height: 44px;text-align: center;line-height: 42px;border: solid 1px var(--c-gray);color: var(--c-main);border-radius: 50%;font-size: 22px;transition: transform 0.3s}
.sidebar .share-box ul > li > a:hover > i {background: var(--c-main);color: #fff;transform:scale(1.3);border: solid 1px var(--c-main);}
.sidebar .completion-box {margin: 0 0 30px 0;background: var(--c-white);padding: 30px;border-radius: 20px;margin: 0 0 30px 0;}
.sidebar .completion-box h3 {font-weight: 700;letter-spacing: -1px;line-height: 1;margin: 0 0 15px 0;font-size: 23px;}
.completion-box {
margin: 30px 0;
}
.completion-box:last-child {}
.completion-box h3 {
font-size: 18px;
}
.completion-box .progress {flex-wrap: wrap;background: none;/* color: #fff; */height: auto;border-radius: 0;overflow: visible;font-size: 15px;/* position: absolute; *//* left: 25px; *//* bottom: 25px; */right: 25px;font-size: 13px;z-index: 7;margin: 15px 0 0 0;}
.completion-box .progress .percent {font-weight: 700;font-size: 14px;}
.completion-box .progress .courses {margin: 0 0 0 auto;display: block;}
.completion-box .progress .bar {height: 8px;width: 100%;flex: 0 1 100%;background: rgb(0 0 0 / 5%);border-radius: 10px;margin: 5px 0 0 0;overflow: hidden;position: relative;}
.completion-box .progress .bar .complete {background: var(--c-main);display: block;position: absolute;left: 0;height: 10px;}
.completion-box .explanation {font-size: 13px;line-height: 1.2;display: block;opacity: 0.7;margin: 12px 0 0 0;}
.sidebar .admin-box {background: var(--c-white);padding: 30px;border-radius: 20px;margin: 0 0 30px 0;}
.sidebar .admin-box h3 {font-weight: 700;letter-spacing: -1px;line-height: 1;margin: 0 0 15px 0;font-size: 23px;}
.sidebar .admin-box div[data="actions"] {margin: 0 0 0 -10px;}
.sidebar .admin-box div[data="actions"] .actions-dropdown {/* display: none; */}
.sidebar .admin-box div[data="actions"] .actions-dropdown .more-actions {display:none}
.sidebar .admin-box div[data="actions"] a.btn {background: none;color: var(--c-gray-dark);padding: 0;margin: 0px 0 0 0px;font-size: 19px;border-radius: 50%;padding: 0;border: none;transition: transform 0.3s;width: 39px;text-align: center;justify-content: center;height: 39px;}
.sidebar .admin-box div[data="actions"] a.btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);}
.sidebar .admin-box div[data="actions"] a.btn i::before {
font-weight: 300;
}
.sidebar .partner-box {
padding: 30px;
border-radius: 20px;
margin: 0 0 30px 0;
background: var(--c-white);
}
.sidebar .partner-box h3 {
font-weight: 700;
letter-spacing: -1px;
line-height: 1;
margin: 0 0 10px 0;
font-size: 18px;
}
.sidebar .partner-box img {
max-width: 140px;
max-height: 70px;
width: auto;
margin: 10px 30px 0px 0;
}
.sidebar .rate-box {background: var(--c-white);padding: 30px;border-radius: 20px;}
.sidebar .rate-box h3 {font-weight: 700;letter-spacing: -1px;line-height: 1.1;margin: 0 0 20px 0;font-size: 23px;}
.sidebar .rate-box p {margin: 10px 0 5px 0;color: var(--c-black);}
.sidebar .rate-box p small {font-size:12px;}
.sidebar .extra-details { margin: 0 0 30px 0; padding: 20px; background: var(--c-orange); color: #fff; border-radius: 20px; font-size: 15px; line-height: 1.4; }
.sidebar .extra-details {display: flex;align-items: center;flex-wrap: wrap;}
.sidebar .extra-details .credits.ten {font-size: 24px;font-weight: 700;letter-spacing: -1px;line-height: 0.5;margin: 0 9px 0 0;width: 50px;height: 50px;background: var(--c-secondary);text-align: center;border-radius: 50%;padding: 12px 0 0 0;}
.sidebar .extra-details .credits.ten span {font-size: 48%;}
.sidebar .extra-details .credits {font-size: 16px;font-weight: 700;letter-spacing: -2px;line-height: 0.5;margin: 0 9px 0 0;width: 50px;height: 50px;background: var(--c-secondary);text-align: center;border-radius: 50%;padding: 21px 0 0 0;}
.sidebar .extra-details .credits span {/* font-size: 48%; */}
.sidebar .extra-details .disclaimer {flex: 1;font-size: 13px;}
.sidebar .extra-details > strong { flex: 0 1 100%; display: block; margin: 20px 0 0 0; }
.sidebar .extra-details .remaining-courses { margin: 0; padding: 0; list-style: none; }
.sidebar .extra-details .remaining-courses li { display: flex; align-items: flex-start; margin: 7px 0px 10px; position: relative; padding: 0 0 0 29px; }
.sidebar .extra-details .remaining-courses li i { width: 20px; height: 20px; text-align: center; line-height: 20px; border-radius: 50%; margin: 0 9px 0 0; position: absolute; left: 0; top: 0px; background: none; color: #fff; font-size: 20px; font-weight: 300; }
.sidebar .extra-details .remaining-courses li.completed i { font-size: 13px; color: var(--c-orange); background: #fff; font-weight: 700; }
.sidebar .extra-details .remaining-courses li a { color: #fff; text-decoration: none; flex: 1; line-height: 1.2; }
.sidebar .extra-details .remaining-courses li a:hover {text-decoration:underline;}
.sidebar .extra-details .note {
background: none;
color: #fff;
font-size: 13px;
padding: 0 0 0 27px;
opacity: 0.6;
margin: 10px 0 0 0;
}
.sidebar .extra-details .note::before {
color: #fff;
opacity: 1;
font-size: 21px;
left: 0;
top: -1px;
}
.sidebar .extra-details .success {background: none;padding: 0;color: #fff;margin: 20px 0 10px 0;}
.sidebar .extra-details .success > strong {font-size: 19px;display: block;}
.sidebar .extra-details .success a {color: #fff;text-decoration: none;border-bottom: solid 1px #fff;}
.sidebar .extra-details .success .dotted-box {display: block;text-align: center;display: block;margin: 10px 0;border: dotted 2px rgb(255 255 255 / 50%);padding: 10px;}
.star-rating {display: flex;flex-direction: row-reverse;justify-content: flex-end;margin: -5px 0 20px 0;}
.radio-input {position: fixed; opacity: 0; pointer-events: none; }
.radio-label {cursor: pointer;font-size: 0;color: rgba(0,0,0,0.2);transition: color 0.1s ease-in-out;margin: 0 7px 0 0;line-height: 1;}
.radio-label:before {content: "\f005";font-family: "Font Awesome 7 Pro";font-weight: 600;display: inline-block;font-size: 42px;}
.radio-input:checked ~ .radio-label {color: var(--c-main); }
.radio-label:hover, .radio-label:hover ~ .radio-label {color: var(--c-main); }
.radio-input:checked + .radio-label:hover, .radio-input:checked + .radio-label:hover ~ .radio-label, .radio-input:checked ~ .radio-label:hover, .radio-input:checked ~ .radio-label:hover ~ .radio-label, .radio-label:hover ~ .radio-input:checked ~ .radio-label {color: var(--c-main); }
.average-rating {position: relative;appearance: none;color: transparent;width: auto;display: inline-block;vertical-align: baseline;font-size: 26px;height: 28px;}
.average-rating::before {--percent: calc(var(--rating) / 5 * 100%); content: '\f005 \f005 \f005 \f005 \f005'; font-family: "Font Awesome 7 Pro"; font-weight: 600; position: absolute; top: 0; left: 0; color: rgba(0,0,0,0.2); background: linear-gradient(90deg, var(--c-main) var(--percent), rgba(0,0,0,0.2) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 7px; }
#primary .entry-header {}
#primary .entry-header h1 {font-weight: 800; color: var(--c-secondary); }
.courses {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;margin: 0 0 30px 0;}
.courses.half {grid-template-columns: repeat(2,1fr);}
.courses.full {grid-template-columns: repeat(1,1fr);}
.courses .item {/* box-shadow: 0 0 20px rgb(0 0 0 / 10%); */border-radius: var(--r10);overflow: hidden;transition:all 0.3s;display: flex;flex-direction: column;position: relative;}
.courses .item::after {content:"";background: rgb(233,233,233);background: linear-gradient(188deg, rgba(233,233,233,0) 0%, rgba(233,233,233,1) 50%);position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;pointer-events: none;}
.courses .item .credits {position: absolute;left: 0;top: 0;z-index: 11;top: 20px;left: 20px;opacity: 1;background: var(--c-orange);color: #fff;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;font-weight: 700;font-size: 14px;letter-spacing: -1px;padding: 0;}
.courses .item .credits.ten {padding: 9px 0 0 0;font-size: 20px;line-height: 1;}
.courses .item .credits.ten span {font-size: 55%; top: 0; position: relative; vertical-align: top; }
.courses .item .credits .pl-ce-points {line-height: 1; display: block; padding: 12px 0 0 0; font-size: 10px;}
.courses .item .credits .pl-ce-points strong {font-size: 18px;}
.courses .item .extra-details .credits {background: none;padding: 0;width: auto !important;height: auto !important;line-height: 1;top: auto !important;position: relative;left: auto !important;margin: 0 12px 0 0;font-size: 20px;}
.courses .item .extra-details .credits.ten { line-height: 0.6; }
.courses .item .extra-details .credits.ten span {top: 0;vertical-align: unset;}
.courses .item .banner {min-height: 360px;}
.courses .item .partner {position: absolute;z-index: 10;right: 20px;top: 20px;height: 65px;display: flex;align-items: flex-start;z-index: 20;}
.courses .item .partner img {max-height: 65px;max-width: 110px;width: auto;display: none;padding: 10px;border-radius: 10px;background: #fff;box-shadow: 0 0 15px rgb(0 0 0 / 10%);vertical-align: top;}
.courses .item .partner img:first-child {display:block}
.courses .item .partner img.active {display:block}
.courses .item .banner a {}
.courses .item .banner img {/* height: 360px; */object-fit: cover;transform: scale(1);transition:all 0.5s;position: relative;object-position: left top;}
.courses .item .text {padding: 25px;display: flex;flex-direction: column;/* height: 100%; */flex: 1;position: absolute;bottom: 0;left: 0;z-index: 11;color: var(--c-secondary);right: 0;}
.courses .item .text .live-details {display: flex;align-items: center;margin: 0 0 6px 0;pointer-events: none;color: inherit;}
.courses .item .text .live-details .type {margin: 0 15px 0 0;background: #aaa;color: #fff;border-radius: 5px;padding: 6px 10px;text-transform: uppercase;font-weight: 500;font-size: 15px;}
.courses .item.upcoming .text .live-details .type {background:var(--c-orange);font-weight: 700;}
.courses .item.upcoming:hover .text .live-details .type {background:var(--c-orange);color:#fff}
.courses .item .text .live-details .date {margin: 0;flex: 1;line-height: 1;font-weight: 700;}
.courses .item .text .date-container {margin: 0 0 2px 0;}
.courses .item .text .date-container span {font-weight: 700;margin: 0 5px 0 0;vertical-align: top;display: inline-block;}
.courses .item .text .date-container strong {display: inline-block;vertical-align: top;}
.courses .item .text .date-container strong .date {margin: 0;line-height:1.2}
.courses .item .text .date-container strong .date:last-child {margin-bottom:10px}
.courses .item.archived .text .date-container strong {font-weight: 400;}
.courses .item .text .name {color: inherit;font-weight: 600;line-height: 1.3;display: block;margin: 0 0 12px 0;text-decoration: none;font-size: 18px;padding: 0;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 4;overflow: hidden;-webkit-box-orient: vertical;}
.courses .item .text .speakers {margin: 0;display: flex;align-items: center;min-height: 36px;flex: 0 1 100%;}
.courses .item:hover .text .speakers {min-height:unset;}
.courses .item .text .speakers .photos {}
.courses .item .text .speakers .photos img {width: 50px;height: 50px;border-radius: 50%;margin: 0 8px 0 0;background: #fff;border: solid 1px var(--c-gray-light);transition: all 0.3s;}
.courses .item .text .speakers .names {font-size: 15px;font-weight: 600;line-height: 1.2;margin: 0;color: inherit;}
.courses .item .text .speakers .names span {display: block; font-size: 10px; font-weight: 300; }
.courses .item .text .speakers .speaker {display: flex;align-items: center;transform: scale(1.0);transition: transform 0.3s;transform-origin: left bottom;}
.courses .item .text .speakers .speaker {display:none;}
.courses .item .text .speakers .speaker:first-child {display:flex;}
.courses .item .text .speakers .speaker.active {display: flex !important;}
.courses .item .text .speakers .speaker img {width: 45px;height: 45px;border-radius: 50%;margin: 0 10px 0 0;background: #fff;border: solid 1px var(--c-gray-light);transition: all 0.3s;}
.courses .item .text .speakers .speaker p {font-size: 13px;font-weight: 500;line-height: 1.4;margin: 0;color: var(--c-main);flex: 1;}
.courses .item .text .speakers .speaker p span {font-size: 10px;font-weight: 300;display: block;line-height: 1.1;color: var(--c-gray);}
.courses .item .text .spacer {flex-grow:1}
.courses .item .text .extra-details, .certificates .item .extra-details {margin: 0 0 15px 0;font-size: 11px;line-height: 1.2;color: var(--c-gray-dark);background: var(--c-orange);color: #fff;padding: 10px 12px 10px 12px;border-radius: 7px;position: relative;display: flex;align-items: center;}
.courses .item .text .extra-details span {margin:0;}
.courses .item .text .extra-details span .note { background: none; font-size: 11px; padding: 0 0 0 22px; margin: 6px 0 1px 0; }
.courses .item .text .extra-details span .note::before { left: 0; top: -1px; font-size: 16px; }
.certificates .item .extra-details {margin: 0 0 10px 0;padding: 20px;background: var(--c-orange);color: #fff;border-radius: 20px;font-size: 13px;line-height: 1.4;}
.certificates .item .extra-details .credits {font-size: 20px;font-weight: 700;letter-spacing: -1px;line-height: 0.5;margin: 0 9px 0 0;width: 45px;height: 45px;background: var(--c-secondary);text-align: center;border-radius: 50%;padding: 12px 0 0 0;}
.certificates .item .extra-details .credits span {font-size: 48%;}
.certificates .item .extra-details .disclaimer {flex:1}
.certificates .item .extra-details .disclaimer .note { background: none; font-size: 11px; padding: 0 0 0 22px; margin: 6px 0 1px 0; }
.certificates .item .extra-details .disclaimer .note::before { left: 0; top: -1px; font-size: 16px; }
.courses .item:hover .text .extra-details {display:none;}
.courses .item .text .meta {font-size: 13px;display: flex;align-items: center;display: none;margin: 20px 0 0 0;}
.courses .item .text .meta .left {position: relative;}
.courses .item .text .meta .left .btn {/* display: none; */white-space: nowrap;padding: 11px 18px;}
.dark-mode .courses .item .text .meta .left .btn:hover {color:#000}
.courses .item .text .meta .left .btn i {font-size: 22px;margin: -2px 8px 0 0;}
.courses .item .text .meta .left .duration {margin: 0 0 0 0;display: none;}
.courses .item .text .meta .left .average-rating {display: none; }
.courses .item .text .meta .right {margin: 0 0 0px auto;padding: 0 51px 0 0;}
.not-logged-in .courses .item .text .meta .right {padding:0}
.courses .item .text .meta .right button {border: none;background: none;font-size: 21px;color: inherit;padding: 0;}
.courses .item .text .meta .right button i {}
.courses .item .text .meta .right button.active i.icon-save::before {content:"\ea1c";}
.courses .item .text .meta .right .share {margin: 0 0 0 15px;position: relative;}
.courses .item .text .meta .right .share em {font-size:0;font-style: normal;}
.courses .item .text .meta .right .share em::before {content: "\ea1b";font-family: icomoon;font-size: 21px;width: 23px;display: inline-block;text-align: center;}
.courses .item .text .meta .right .share.active em::before {content: "\e90d";font-size: 17px;}
.courses .item .text .meta .right .share ul {display: flex;position: absolute;top: -10px;right: 32px;font-size: 16px;list-style: none;padding: 0;margin: 0;pointer-events: none;}
.courses .item .text .meta .right .share.active ul {display: flex;background: var(--c-main);pointer-events: auto;}
.courses .item .text .meta .right .share ul li {margin: 0 0 0 7px;}
.courses .item .text .meta .right .share ul li a {color: #fff; background: #fff; color: var(--c-main); border-radius: 50%; width: 30px; height: 30px; display: inline-block; text-align: center; line-height: 30px; transition: all 0.2s; transform: scale(0); }
.courses .item .text .meta .right .share.active ul li a {transform: scale(1);}
.courses .item:hover .text .progress-status {}
.courses .item .flags {
display: inline-flex;
}
.courses .item .flags img {width: 25px;border-radius: 50px;margin: 0 0 0 7px;}
.courses .item .text .progress-status {position: absolute;right: 0;bottom: 30px;right: 25px;display: flex;align-items: center;}
.courses .item .text .progress-status i {width: 36px;height: 36px;background: #aaa;text-align: center;line-height: 36px;border-radius: 50%;font-size: 19px;margin: 0 0 0 3px;color: #fff;}
.courses .item .progress {flex-wrap: wrap;background: none;/* color: #fff; */height: auto;border-radius: 0;overflow: visible;font-size: 15px;/* position: absolute; *//* left: 25px; *//* bottom: 25px; */right: 25px;font-size: 13px;z-index: 7;margin: 15px 0 0 0;}
.courses .item .progress .percent {font-weight: 600; }
.courses .item .progress .courses {margin: 0 0 0 auto;display: block;}
.courses .item .progress .bar {height: 3px;width: 100%;flex: 0 1 100%;background: rgb(0 0 0 / 10%);border-radius: 10px;margin: 5px 0 0 0;overflow: hidden;position: relative;}
.courses .item .progress .bar .complete {background: var(--c-main);display: block;position: absolute;left: 0;height: 10px;}
.courses.owl-carousel {}
.courses.owl-carousel .owl-stage-outer {}
.courses.owl-carousel .owl-stage-outer .owl-stage {display: flex;}
.courses.owl-carousel .owl-stage-outer .owl-stage .owl-item {}
.courses .item.view-all {height: 100%;display: block;}
.courses .item.view-all::after {background: linear-gradient(188deg, rgba(233,233,233,0) -40%, rgba(233,233,233,1) 100%);}
.courses .item.view-all .text {position: relative;left: auto;bottom: auto;height: 100%;justify-content: center;align-items: center;}
.courses .item.view-all .text .btn {border: none;display: block;padding: 0;background: none;}
.courses .item.view-all .text .btn::before {content:"\f061";font-family: "Font Awesome 7 Pro";font-weight: 200;display: block;font-size: 78px;margin: 0 0 7px 0;position: relative;transition: transform 0.3s;transform: rotate(0deg);}
.courses .item.view-all .text .btn span {font-size: 21px;font-weight: 700;display: block;}
.courses .item.view-all:hover .text .btn {color:#fff}
.courses .item.view-all:hover .text .btn::before {transform: rotate(45deg);}
.courses.live {}
.courses .item.large {grid-column: span 3;}
.courses .item.large::after {top: 0;/* background: linear-gradient(188deg, rgba(233,233,233,0) 20%, rgba(233,233,233,1) 50%); */}
.courses .item.large .credits {left: 40px;top: 40px;width: 60px;height: 60px;font-size: 17px;padding: 6px 0 0 0;}
.courses .item.large:hover .credits {display:block;background: var(--c-orange);color: #fff;}
.courses .item.large .partner {top: 40px;right: 40px;}
.courses .item.large .partner img {max-width: 150px;max-height: 70px;border-radius:10px;}
.courses .item.large .banner {width: 100%;}
.courses .item.large .banner img {height: 520px;}
.courses .item.large .text {padding: 40px;flex-direction: row;flex-wrap: wrap;}
.courses .item.large .text .live-details {font-size: 18px;margin: 0 0 10px 0;flex: 0 1 100%;}
.courses .item.large .text .live-details .type {font-size: inherit;margin: 0 15px 0 0;background: var(--c-orange);padding: 6px 14px;}
.courses .item.large .text .live-details .date {}
.courses .item.large .text .name {font-size: 40px;padding: 0;margin: 0 0 20px 0;flex: 0 1 100%;}
.courses .item.large:hover .text .name {font-size: 40px;}
.courses .item.large .text .meta {flex: 0 1 100%;}
.courses .item.large .text .spacer {display: none;}
.courses .item.large .text .speakers {flex: 1;}
.courses .item.large .text .speakers .speaker {}
.courses .item.large .text .speakers .speaker img {width: 70px;height: 70px;}
.courses .item.large .text .speakers .speaker p {font-size: 17px;}
.courses .item.large .text .speakers .speaker span {}
.courses .item.large .text div[class^="countdown"] {display: flex;align-items: center;margin: 0 0 0 auto;color: var(--c-secondary);/* flex: 1; */}
.courses .item.large .text .progress-status {right: 40px;bottom: 44px;}
.courses.pathways-cards .banner a img {height:380px}
.courses.pathways-cards .item .text .meta .right {padding:0;}
.courses .item.event {}
.courses .item.event::after {background: url(/w/cpgabaprofessional.de/images/event-overlay-light-2.png) top center no-repeat;top: 0;bottom: 0;background-size: cover;}
.courses .item.event:hover::after {background: url(/w/cpgabaprofessional.de/images/event-overlay-2.png) top center no-repeat;top: -10px;background-size: cover;}
.courses .item.event .text {}
.courses .item.event .text .speakers .speaker p {}
.courses:not(.owl-carousel):not(.no-hover) .item:hover {/*box-shadow: 0 0 40px rgb(0 0 0 / 20%);*/cursor: pointer;transform:scale(1.1)}
.courses .item:hover::after {background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 0%, rgba(99,102,106,1) 60%);top: -90px;}
.courses .item:hover .credits {background:#fff;color: var(--c-orange);}
.courses .item:hover .text {color:#fff;}
.courses .item:hover .text .live-details .type {background:#fff; color:var(--c-secondary)}
.courses .item:hover .text .name {font-size:22px;}
.courses .item:hover .credits {display:none}
.courses .item:hover .text .speakers .speaker p {color:#fff}
.courses .item:hover .banner img {filter: grayscale(1);transform: scale(1.2);}
.courses .item:hover .text .meta {display:flex}
.courses .item:hover .text .meta .left .btn {background:#000;color: #fff;border: solid 1px #000;}
.courses .item:hover .text .meta .left .duration {opacity:0}
.courses .item:hover .text .meta .left meter {opacity:0}
.courses .item:hover .text .progress {}
.courses .item:hover .text .progress .bar {background: rgb(255 255 255 / 50%); }
.courses .item:hover .text .progress .bar .complete {background: #fff; }
.courses .item:hover .text .progress-status i {background: #fff; color: var(--c-main); }
.courses-small {}
.courses-small .item {display: flex; align-items: center; margin: 0 0 20px 0; }
.courses-small .item:last-child {margin:0}
.courses-small .item .banner {flex: 0 1 30%; border-radius: var(--r5); overflow: hidden; }
.courses-small .item .banner a {}
.courses-small .item .banner a img {}
.courses-small .item .text {flex: 1; padding: 0 0 0 15px; }
.courses-small .item .text .name {font-size: 14px; color: var(--c-black); font-weight: 600; line-height: 1.1; display: block; margin: 0 0 3px 0; text-decoration: none; }
.courses-small .item .text .name:hover {color:var(--c-secondary)}
.courses-small .item .text .speakers {}
.courses-small .item .text .speakers .speaker {}
.courses-small .item .text .speakers .speaker p {font-size: 12px; color: var(--c-main); margin: 0; font-weight: 400; }
.courses-small .item .text .speakers .speaker img {display:none}
.courses.live {}
.courses.live .item {}
.courses.live .item::after {top: 0;}
.courses.live .item .credits {left: 40px;top: 40px;width: 60px;height: 60px;font-size: 17px;padding: 6px 0 0 0;}
.courses.live .item:hover .credits {display:block;background: var(--c-orange);color: #fff;}
.courses.live .item .partner {top: 40px;right: 40px;}
.courses.live .item .partner img {max-width: 150px;max-height: 70px;border-radius:10px;}
.courses.live .item .banner {width: 100%;}
.courses.live .item .banner img {height: 520px;}
.courses.live .item .text {padding: 40px;flex-direction: row;flex-wrap: wrap;}
.courses.live .item .text .live-details {font-size: 18px;margin: 0 0 10px 0;flex: 0 1 100%;}
.courses.live .item .text .live-details .type {font-size: inherit;margin: 0 15px 0 0;}
.courses.live .item .text .live-details .date {}
.courses.live .item .text .name {font-size: 40px;padding: 0;margin: 0 0 20px 0;flex: 0 1 100%;}
.courses.live .item .text .meta {flex: 0 1 100%;}
.courses.live .item .text .spacer {display: none;}
.courses.live .item .text .speakers {/* flex: 1; */}
.courses.live .item .text .speakers .speaker {}
.courses.live .item .text .speakers .speaker img {width: 70px;height: 70px;}
.courses.live .item .text .speakers .speaker p {font-size: 17px;}
.courses.live .item .text .speakers .speaker span {}
.courses.live .item .text div[class^="countdown"] {display: flex;align-items: center;margin: 0 0 0 auto;color: var(--c-secondary);/* flex: 1; */}
.courses.live .item .text .progress-status {right: 40px;bottom: 44px;}
.now-live {align-items: center;display: flex;font-weight: 700;font-size: 26px;}
.now-live::before {content:"";animation: blinker 1s linear infinite;width: 28px;height: 28px;display: inline-block;background: red;border-radius: 50%;margin: 0 10px 0 0;}
@keyframes blinker {
50% {opacity: 0;}
}
.courses.live .item:hover .text div[class^="countdown"] {color:#fff}
.courses.live .item .text div[class^="countdown"] .column {text-align: center;}
.courses.live .item .text div[class^="countdown"] .column > span:nth-child(1) {font-weight: 700;font-size: 39px;line-height: 1;}
.courses.live .item .text div[class^="countdown"] .column > span:nth-child(2) {display: block;font-size: 10px;opacity: 0.5;line-height: 1;}
.courses.live .item .text div[class^="countdown"] .dots {margin: 0 8px;font-weight: 500;font-size: 21px;padding: 0 0 10px 0;}
.listing .section-title { grid-column: span 3; margin: 0 0 -20px 0; font-weight: 700; font-size: 23px; }
.listing.pathways {}
.listing.pathways .item {display: flex;margin: 0 0 30px 0;/* align-items: flex-start; */}
.listing.pathways .item .banner {flex: 0 1 35%;border-radius: 20px 0 0 20px;overflow: hidden;/* height: 100%; */position: relative;cursor: pointer;}
.listing.pathways .item .banner::before {content:"";/* padding: 56.25% 0 0 0; *//* display: block; */background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 31%, rgba(99,102,106,1) 82%);position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 6;}
.listing.pathways .item .banner::after {content: "\f04b";font-family: 'Font Awesome 7 Pro';font-weight: 900;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);width: 84px;height: 84px;text-align: center;line-height: 76px;color: #fff;font-size: 34px;border: solid 4px var(--c-main);z-index: 10;border-radius: 50%;background: var(--c-main);box-shadow: 0 0 0 4px rgb(255 255 255 / 50%);/* text-shadow: 2px 0px 13px rgb(0 0 0 / 50%); */}
.listing.pathways .item:hover .banner::after {background:var(--c-secondary);border: solid 4px var(--c-secondary);}
.listing.pathways .item.completed .banner::after {content: "\e900";font-family: icomoon;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);width: 84px;height: 84px;text-align: center;line-height: 76px;color: #fff;font-size: 34px;border: solid 4px #fff;z-index: 10;border-radius: 50%;background: rgb(255 255 255 / 30%);box-shadow: 0 0 10px rgb(0 0 0 / 20%);text-shadow: 2px 0px 13px rgb(0 0 0 / 50%);}
.listing.pathways .item .banner a.picture {display: block;position: absolute;left: 0;right: 0;bottom: 0;top: 0;}
.listing.pathways .item .banner a.picture img {height: 100%; object-fit: cover; transform:scale(1); transition:all 0.3s; }
.listing.pathways .item.completed .banner a.picture img {opacity: 0.6;}
.listing.pathways .item:hover .banner a img {transform:scale(1.2);}
.listing.pathways .item .banner .progress {flex-wrap: wrap;background: none;color: #fff;height: auto;border-radius: 0;overflow: visible;font-size: 15px;position: absolute;left: 25px;bottom: 25px;right: 25px;font-size: 13px;z-index: 7;}
.listing.pathways .item .banner .progress .percent {font-weight: 600; }
.listing.pathways .item .banner .progress .courses {margin: 0 0 0 auto;display: block;}
.listing.pathways .item .banner .progress .bar {height: 3px;width: 100%;flex: 0 1 100%;background: rgb(255 255 255 / 20%);border-radius: 10px;margin: 5px 0 0 0;overflow: hidden;position: relative;}
.listing.pathways .item .banner .progress .bar .complete {background: #fff; display: block; position: absolute; left: 0; height: 10px; }
.listing.pathways .item .text {flex: 0 1 65%;max-width: 65%;padding: 25px;background: var(--c-gray-lighter);border-radius: 0 20px 20px 0;/* height: 100%; */display: flex;flex-direction: column;justify-content: center;align-items: flex-start;position: relative;}
.listing.pathways .item .text .credits {position: absolute;z-index: 11;top: 25px;right: 25px;opacity: 1;background: var(--c-orange);color: #fff;width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;font-weight: 700;font-size: 15px;letter-spacing: -1px;}
.listing.pathways .item .text .credits.ten {line-height: 1; font-size: 20px; padding: 8px 0 0 0; }
.listing.pathways .item .text .credits.ten span {font-size: 55%; top: -8px; position: relative; }
.listing.pathways .item .text .type {background: #aaa;color: #fff;display: inline-block;padding: 5px 14px;border-radius: 5px;text-transform: uppercase;font-weight: 600;margin: 0 10px 8px 0;}
.listing.pathways .item .text .name {text-decoration: none;font-size: 24px;font-weight: 700;margin: 0 0 10px 0;display: block;color: var(--c-secondary);line-height: 1.2;padding: 0 100px 0 0;}
.listing.pathways .item .text > .speakers {display: flex; align-items: center; margin: 0 0 20px 0; }
.listing.pathways .item .text > .speakers .speaker {display: none;align-items: center;}
.listing.pathways .item .text > .speakers .speaker.active {display: flex !important;}
.listing.pathways .item .text > .speakers .speaker img {max-width: 50px; border-radius: 50%; margin: 0 10px 0 0; border: solid 1px var(--c-gray-light);}
.listing.pathways .item .text > .speakers .speaker p {font-weight: 600;line-height: 1.2;margin: 0;}
.listing.pathways .item .text > .speakers .speaker p span {display: block; font-size: 10px; font-weight: 300;}
.listing.pathways .item .text > .speakers .photos {}
.listing.pathways .item .text > .speakers .photos img {max-width: 50px; border-radius: 50%; margin: 0 10px 0 0; border: solid 1px var(--c-gray-light); }
.listing.pathways .item .text > .speakers .names {font-weight: 600;line-height: 1.2;}
.listing.pathways .item .text > .speakers .names span {display: block; font-size: 10px; font-weight: 300; }
.listing.pathways .item:not(.completed) .text > .btn {background: var(--c-secondary);color: #fff;border: solid 1px var(--c-secondary);padding: 11px 18px;white-space: nowrap;margin: 20px 0 0 0;}
.listing.pathways .item:not(.completed) .text > .btn i {font-size: 22px;margin: -2px 8px 0 0;}
.listing-extra-small {display: flex;align-items: center;max-width: 100%;}
.listing-extra-small .item {margin: 0 !important;position: relative;border-radius: 10px;overflow: hidden;margin: 0 0 0 0 !important;}
.listing-extra-small .item .pic {position: relative;width: 100%;display: block;}
.listing-extra-small .item .pic::before {content:"";padding-top: 56.25%;display: block;}
.listing-extra-small .item .pic img {transform: scale(1);transition: all 0.3s;border-radius: 10px 10px 14px 14px;/* min-height: 200px; */position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;object-fit: cover;/*! width: 200px; */}
.listing-extra-small .item .txt {position: absolute;left: 15px;bottom: 15px;right: 15px;z-index: 10;}
.listing-extra-small .item .txt .type {font-size: 11px;background: var(--c-main);color: #fff;display: inline-block;padding: 5px 14px;border-radius: 5px;text-transform: uppercase;font-weight: 600;margin: 0 10px 8px 0;}
.listing-extra-small .item .txt .course-name {text-decoration: none;font-weight: 600;font-size: 12px;line-height: 1.2;z-index: 5;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;margin: 0 0 10px 0;}
.listing-extra-small .item .txt .speakers {font-size: 13px;z-index: 10;position: relative;margin: 0 !important;}
.listing-extra-small .item .txt .speakers .speaker {display: none;align-items: center;margin: 0;/* display: flex; */}
.listing-extra-small .item .txt .speakers .speaker:first-child {display:flex;}
.listing-extra-small .item .txt .speakers .speaker.active {display: flex !important;}
.listing-extra-small .item .txt .speakers .speaker img {max-width: 40px !important;border-radius: 50%;margin: 0 10px 0 0;/* border: solid 3px var(--c-gray-light); */}
.listing-extra-small .item .txt .speakers .speaker p {font-weight: 600;line-height: 1.1;margin: 0;}
.listing-extra-small .item .txt .speakers .speaker p span {display: block;font-size: 10px;font-weight: 300;}
.listing-extra-small .item:hover .txt .progress-status {display:none}
.listing-extra-small .item .txt .progress-status {position: absolute;right: 0;bottom: 0;right: 0;}
.listing-extra-small .item .txt .progress-status i {width: 30px;height: 30px;background: var(--c-main);text-align: center;line-height: 30px;border-radius: 50%;font-size: 15px;margin: 0 0 0 0px;color: #fff;}
.listing-extra-small .item .btn.play {padding: 0;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);z-index: 15;background: var(--c-main);opacity: 0.7;color: #fff;border: none;border-radius: 50%;width: 60px;height: 60px;line-height: 60px;text-align: center;justify-content: center;font-size: 22px;margin: 0;box-shadow: 0 0 10px rgb(0 0 0 / 20%);transition: all 0.3s;}
.listing-extra-small .item::after {content:"";background: rgb(233,233,233);background: linear-gradient(188deg, rgba(233,233,233,0) 31%, rgba(233,233,233,1) 62%);position: absolute;left: 0;right: 0;top: -50px;bottom: 0;z-index: 4;}
.listing-extra-small .item:hover .txt {color:#fff}
.listing-extra-small .item:hover .txt .type {background:#fff; color:var(--c-main);}
.listing-extra-small .item:hover .txt .course-name {color:#fff;font-size: 14px;}
.listing-extra-small .item:hover .pic {}
.listing-extra-small .item:hover .pic img {transform:scale(1.2);filter: grayscale(1);}
.listing-extra-small .item:hover::after {background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 31%, rgba(99,102,106,1) 62%);}
.listing-extra-small .item:hover .btn.play {background: #fff;color: var(--c-main);box-shadow: 0 0 10px rgb(0 0 0 / 60%);width: 80px;height: 80px;line-height: 80px;font-size: 32px;opacity: 1;}
.listing-extra-small .owl-nav {}
.listing.pathways .listing-extra-small .owl-nav {display: none !important;}
.listing-extra-small .owl-nav .owl-prev {position: absolute; left: -50px; top: 50%; font-size: 38px !important; transform: translateY(-50%); opacity: 0.5; }
.listing-extra-small .owl-nav .owl-prev::before {content:"\e912";font-family: icomoon;color: #fff;font-size: inherit;}
.listing-extra-small .owl-nav .owl-next {position: absolute; right: -50px; top: 50%; font-size: 38px !important; transform: translateY(-50%); opacity: 0.5; }
.listing-extra-small .owl-nav .owl-next::before {content:"\e911";font-family: icomoon;color: #fff;font-size: inherit;}
.listing-extra-small .owl-nav .owl-prev:hover, .listing-extra-small .owl-nav .owl-next:hover {opacity:1}
.listing.courses .owl-dots {position: absolute;top: -38px;right: 0;}
.listing.courses[data-nav="arrows"] .owl-dots {display:none}
.listing.courses .no-dots .owl-dots {display:none}
.listing.courses .owl-dots .owl-dot {display: inline-block;width: 16px;height: 16px;border: none !important;background: var(--c-gray-light) !important;border-radius: 50%;margin: 0 0 0 10px;vertical-align: top;}
.listing.courses .owl-dots .owl-dot.active {background: var(--c-gray) !important;}
.listing.courses[data-nav="arrows"] .owl-nav {display: block;position: absolute;top: -48px;right: 0px;}
.listing.courses[data-nav="arrows"] .owl-nav .owl-next {margin: 0 0 0 10px;vertical-align: top;}
.listing.courses[data-nav="arrows"] .owl-nav .owl-prev { vertical-align: top; }
.listing.courses[data-nav="arrows"] .owl-nav .owl-next::before, .listing.courses[data-nav="arrows"] .owl-nav .owl-prev::before {font-family: 'Font Awesome 7 Pro';font-weight: 300;background: var(--c-gray);color: #fff;width: 30px;height: 30px;display: block;line-height: 30px;border-radius: 50%;font-size: 15px;}
.listing.courses[data-nav="arrows"] .owl-nav .owl-next:hover::before, .listing.courses[data-nav="arrows"] .owl-nav .owl-prev:hover::before {background: var(--c-secondary);}
.listing.courses[data-nav="arrows"] .owl-nav .owl-next::before {content:"\f061";}
.listing.courses[data-nav="arrows"] .owl-nav .owl-prev::before {content:"\f060";}
@media (max-width: 1024px) {
.courses:not(.owl-carousel):not(.no-hover) .item:hover {transform: none;}
.courses .item .text .meta {display:flex}
}
@media (max-width: 991px) {
.courses {grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
.courses .item {}
.courses:not(.owl-carousel) .item:hover {transform:none;}
.listing .section-title {grid-column:span 2}
.listing-extra-small .owl-nav {display:none}
.courses.live .item .text {padding:20px}
.courses.live .item .text .name {font-size: 18px;}
.courses.live .item .banner img {height: 410px;}
.courses.live .item .text .speakers .speaker img {width:45px;height:45px}
.courses.live .item .text .speakers .speaker p {font-size: 13px;}
.courses.live .item .text .live-details {font-size:15px;}
.courses.live .item .credits {left: 20px;top: 20px;width: 50px;height: 50px;padding: 0;font-size: 14px;}
.courses.live .item .partner {top: 20px;right: 20px;}
.courses.live .item .text .speakers {flex-wrap: wrap;}
.courses.live .item .text div[class^="countdown"] {flex: 0 1 100%;margin: 15px 0 0 0;}
.courses.live .item .text div[class^="countdown"] .dots {}
.courses.live .item .text div[class^="countdown"] .column > span:nth-child(1) {}
.courses.live .item .text div[class^="countdown"] .column > span:nth-child(2) {}
.courses.live .item .text .progress-status {right: 20px;bottom: 26px;}
.courses .item.large {grid-column: span 2;}
.courses .item.large .text {padding:20px}
.courses .item.large .text .name {font-size: 18px;}
.courses .item.large .banner img {height: 410px;}
.courses .item.large .text .speakers .speaker img {width:45px;height:45px}
.courses .item.large .text .speakers .speaker p {font-size: 13px;}
.courses .item.large .text .live-details {font-size:15px;}
.courses .item.large .credits {left: 20px;top: 20px;width: 50px;height: 50px;padding: 0;font-size: 14px;}
.courses .item.large .partner {top: 20px;right: 20px;}
.courses .item.large .text .speakers {flex-wrap: wrap;}
.courses .item.large .text .progress-status {right: 20px;bottom: 26px;}
.now-live {font-size: 20px;}
.now-live::before {width: 24px;height: 24px;}
}
@media (max-width: 767px) {
.listing.courses[data-nav="arrows"] .owl-nav {/* display: none; */top: auto;transform: none;left: auto;right: auto;display: flex;position: unset;}
.listing.courses[data-nav="arrows"] .owl-nav .owl-prev {transform:translateY(-50%);left:-15px;top:50%;position:absolute}
.listing.courses[data-nav="arrows"] .owl-nav .owl-next {transform:translateY(-50%);top: 50%;position: absolute;right: -15px;}
.listing.courses[data-nav="arrows"] .owl-dots {display: none;}
.listing.courses[data-nav="arrows"] .owl-nav .owl-next::before, .listing.courses[data-nav="arrows"] .owl-nav .owl-prev::before { width: 40px; height: 40px; line-height: 40px; font-size: 21px; }
.courses, .courses.half {grid-template-columns: repeat(1,1fr);}
.listing .section-title {grid-column:span 1}
.listing.pathways {}
.listing.pathways .item {flex-wrap: wrap;}
.listing.pathways .item .banner {flex: 0 1 100%;border-radius: 20px 20px 0 0;}
.listing.pathways .item .banner::before {}
.listing.pathways .item .banner::after {}
.listing.pathways .item:hover .banner::after {}
.listing.pathways .item.completed .banner::after {}
.listing.pathways .item .banner a.picture {position: relative;}
.listing.pathways .item .banner a.picture img {}
.listing.pathways .item.completed .banner a.picture img {}
.listing.pathways .item:hover .banner a img {}
.listing.pathways .item .banner .progress {left: 20px; right: 20px; bottom: 20px; }
.listing.pathways .item .banner .progress .percent {}
.listing.pathways .item .banner .progress .courses {}
.listing.pathways .item .banner .progress .bar {}
.listing.pathways .item .banner .progress .bar .complete {}
.listing.pathways .item .text {flex: 0 1 100%;max-width: 100%;padding: 20px;}
.listing.pathways .item .text .credits {right: 20px;top: 12px;font-size: 16px;}
.listing.pathways .item .text .name {padding: 0 60px 0 0; width: 100%; }
.listing.pathways .item .text .speakers {}
.listing.pathways .item .text .speakers .speaker {}
.listing.pathways .item .text .speakers .speaker img {}
.listing.pathways .item .text .speakers .speaker p {}
.listing.pathways .item .text .speakers .speaker p span {}
.courses .item.large .partner img, .courses.live .item .partner img {max-height: 50px;max-width: 100px;}
.listing-extra-small {margin: 0 -20px 0 0px; width: calc(100% + 20px); max-width: calc(100% + 20px); }
.listing-extra-small .item {}
.listing-extra-small .item .pic {}
.listing-extra-small .item .pic img {}
.listing-extra-small .item .txt {}
.listing-extra-small .item::after {}
.listing-extra-small .item:hover .txt {}
.listing-extra-small .item:hover .pic {}
.listing-extra-small .item:hover .pic img {}
.listing-extra-small .item:hover::after {}
.listing.courses .owl-dots {position: relative;top: auto;right: auto;text-align: center;margin: 15px 0 0 0;}
.listing.courses .owl-dots .owl-dot { margin: 0 5px; width: 10px; height: 10px; }
.courses .item.large {grid-column:span 1;}
.courses .item.event .banner img {min-height: 240px;}
}
#colophon {background: #333;color: #fff;}
#colophon .site-info {max-width: 1340px;margin: 0 auto;padding: 20px 20px;}
#colophon .site-info .footer-row {display: grid;padding: 40px 0;width: 100%;grid-template-columns: repeat(3,1fr);}
#colophon .site-info .footer-row:last-child {border-top: solid 2px #595655; }
.footer-logos {list-style: none;padding: 0;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-top: solid 5px rgb(255 255 255 / 10%);padding: 40px 0 0 0;}
.footer-logos li {margin: 0 40px;}
.footer-logos li a { }
.footer-logos li a img {/* filter: invert(1); */max-width: 250px;max-height: 65px;opacity: 1;width: auto;opacity: 0.5;}
#colophon .site-info .column {font-size: 14px;padding: 0;font-weight: 400;}
#colophon .site-info .column .logo {display: inline-block; margin: 0 0 30px 0; }
#colophon .site-info .column .logo img {/* max-width: 140px; *//* filter: invert(1); */max-height: 35px;width: auto;}
#colophon .site-info .column h3 {color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 800; }
#colophon .site-info .column ul {list-style: none;padding: 0;margin: 0px 0 0px 0;font-size: 14px;}
#colophon .site-info .column ul li {margin: 0 0 8px 0; }
#colophon .site-info .column ul li a {color: var(--c-white);text-decoration: none;font-size: 15px;}
#colophon .site-info .column ul.larger li a {font-weight: 700; font-size: 17px; }
#colophon .site-info .column ul.larger li a i {margin: 0 10px 0 0; }
#colophon .site-info .column ul li a:hover {color:#fff}
#colophon .site-info .column p {color: #999;}
#colophon .site-info .column p a {color: #999;text-decoration: none;}
#colophon .site-info .column p a:hover {color:#fff}
#colophon .site-info .column small {color: #999;}
#colophon .site-info .column ul.sm {font-size: 19px; margin: 0 0 7px 0; }
#colophon .site-info .column ul.sm li {display: inline-block; margin: 0 14px 0 0; }
#colophon .site-info .column ul.sm li a {color: #fff; }
#colophon .site-info .column ul.sm li a i {}
@media (max-width: 1200px) {
#colophon {}
#colophon .site-info {flex-wrap: wrap; }
#colophon .site-info .footer-row {grid-template-columns: repeat(1,1fr); }
#colophon .site-info .column {flex: 0 1 100%;text-align: center;margin: 0 0 20px 0;}
#colophon .site-info .column:last-child {margin:0}
#colophon .site-info .column .logo {margin: 0; }
#colophon .site-info .column .logo img {}
#colophon .site-info .column h3 {}
#colophon .site-info .column ul {}
#colophon .site-info .column ul li {display: inline-block;margin: 0 10px 0 10px;}
#colophon .site-info .column ul li a {}
#colophon .site-info .column ul.larger li a {font-size: 15px; }
#colophon .site-info .column ul li a:hover {}
#colophon .site-info .column p {}
#colophon .site-info .column p a {}
#colophon .site-info .column p a:hover {}
#colophon .site-info .column small {}
}
@media (max-width: 767px) {
#colophon .site-info .footer-row {padding: 20px 0;}
.footer-logos {}
.footer-logos li {margin: 10px 20px 10px 0;}
.footer-logos li a { }
.footer-logos li a img {max-width: 140px;max-height: 40px;}
}
.average-rating {/* position: relative; *//* appearance: none; *//* color: transparent; *//* width: auto; *//* display: inline-block; *//* vertical-align: baseline; *//* font-size: 16px; */}
.average-rating::before {--percent: calc(var(--rating) / 5 * 100%);content: '\f005 \f005 \f005 \f005 \f005';font-family: "Font Awesome 7 Pro";font-weight: 600;color: rgba(0,0,0,0.2);background: linear-gradient(90deg, var(--c-main) var(--percent), rgba(0,0,0,0.2) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 7px;line-height: 1;margin: 0 -7px 0 0;}
.high-contrast .average-rating::before {color: rgba(0,0,0,0.9); background: linear-gradient(90deg, var(--c-main) var(--percent), rgba(0,0,0,0.8) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 7px; }
.trainers {display: grid; grid-template-columns: repeat(4,1fr); text-align: center; grid-column-gap: 40px; grid-row-gap: 60px; }
.trainers .item {}
.trainers .item .photo {display: inline-block; margin: 0 0 15px 0; background: #f2f2f2; border-radius: 50%; border: solid 5px var(--c-white); overflow: hidden; }
.trainers .item .photo img {border-radius: 50%;max-width: 200px;mix-blend-mode: multiply;filter: contrast(1.1) brightness(1.1) grayscale(1);top: 0;position: relative;}
.trainers .item:hover .photo img {filter: grayscale(0);}
.trainers .item .name {display: block; color: var(--c-secondary); font-weight: 800; margin: 0 0 5px 0; text-decoration: none; font-size: 20px; line-height: 1.2; }
.trainers .item .name span {display: block; color: var(--c-gray); font-size: 13px; font-weight: 300; }
.trainers .item .meta {margin: 0 0 8px; }
.trainers .item .meta span {display: inline-flex;margin: 0 10px;font-size: 13px;color: var(--c-gray);align-items: center;line-height: 1;white-space: nowrap;}
.trainers .item .meta span i {font-size: 17px; margin: 0 5px 0 0; opacity: 0.5; }
.trainers .item .links {line-height: 1;}
.trainers .item .links a {font-size: 14px;color: var(--c-black);font-weight: 500;border-bottom: solid 2px;margin: 0 12px;text-decoration: none;padding: 11px 0 2px 0;white-space: nowrap;display: inline-block;}
@media (max-width: 991px) {
.trainers {grid-template-columns: repeat(3,1fr);}
}
@media (max-width: 767px) {
.trainers {grid-template-columns: repeat(2,1fr);grid-gap: 30px;}
}
.trainer-header {display: flex;align-items: flex-start;margin: 0;flex-wrap: wrap;width: 100%;margin: 30px 0 0 0;}
.trainer-header .photo {flex: 0 1 200px; background: #eee; border-radius: 50%; position: relative; }
.trainer-header .photo .photo-wrap {}
.trainer-header .photo .photo-wrap img {border-radius: 50%; mix-blend-mode: multiply; }
.trainer-header .photo .flag {position: absolute; width: 50px; border-radius: 50%; bottom: -28px; left: 50%; transform: translateX(-50%); border: solid 4px var(--c-white); }
.trainer-header .photo .flag.error {display:none}
.trainer-header .text {flex: 1; padding: 0 0 0 40px; position: relative; display: flex; flex-wrap: wrap; }
.trainer-header .text h1 {flex: 0 1 100%;margin: 0 0 12px 0;padding: 0px 200px 10px 0;}
.trainer-header .text h1 span {display: block; font-weight: 400; font-size: 15px; color: var(--c-gray); }
.trainer-header .text .meta {font-size: 13px; margin: 0 0 0px 0; display: flex; align-items: center; }
.trainer-header .text .meta span {margin: 0 30px 0 0; display: inline-flex; line-height: 1; align-items: center; }
.trainer-header .text .meta span i {margin: -2px 6px 0 0; font-size: 18px; opacity: 0.4; }
.trainer-header .text .actions {margin: 0 0 0 auto; font-size: 13px; }
.trainer-header .text .actions .btn { padding: 0; border: none; font-size: 23px; margin: 0 0 0 5px; width: 42px; height: 42px; line-height: 42px; text-align: center; justify-content: center; border-radius: 50%; }
.trainer-header .text .actions .btn:hover {background: var(--c-main);color: #fff;}
.trainer-header .actions {line-height: 1;display: inline-flex;align-items: center;min-height: 36px;}
.trainer-header .actions .bookmark {margin: 0 0 0 5px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 23px;vertical-align: top;border: none;background: none;padding: 0;width: 42px;height: 42px;line-height: 42px;border-radius: 50%;justify-content: center;}
.trainer-header .actions .bookmark i {content:"\ea1d";font-family: icomoon;margin: 0;}
.trainer-header .actions .bookmark:hover {background:var(--c-main);color:#fff}
.trainer-header .actions .bookmark.active i::before {content:"\ea1c";font-family: icomoon;}
.trainer-header .actions .share {margin: 0 0 0 6px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 0;position: relative;}
.trainer-header .actions .share em {display: inline-flex;align-items: center;position: relative;width: 42px;height: 42px;line-height: 42px;justify-content: center;border-radius: 50%;}
.trainer-header .actions .share em:hover {background:var(--c-main); color:#ffff}
.trainer-header .actions .share em::before {content:"\ea1b";font-family: icomoon;font-size: 23px;margin: 0;font-style:normal;/* min-width: 36px; */text-align: center;text-align: right;}
.trainer-header .actions .share em:hover::before {/* background: var(--c-main); *//* box-shadow: 0 0 0 10px var(--c-main); *//* border-radius: 50%; *//* color:#fff; */}
.trainer-header .actions .share.active em {}
.trainer-header .actions .share.active em::before {margin: 0;content: "\e90d";font-size: 17px;background: var(--c-main);border-radius: 50%;width: 42px;height: 42px;line-height: 42px;text-align: center;font-size: 16px;color: #fff;}
.trainer-header .actions .share ul {list-style: none;margin: 0;padding: 0;font-size: 0;position: absolute;top: 0;right: 47px;z-index: 10;white-space: nowrap;/* background: #fff; */}
.trainer-header .actions .share.active ul {background: #fff;}
.trainer-header .actions .share ul li {display: inline-block;margin: 0 0 0 8px;}
.trainer-header .actions .share ul li a {width: 36px;height: 36px;display: block;background: #fff;color: #333f4c;border-radius: 50%;text-align: center;font-size: 19px;width: 0;height: 0;opacity: 0;transform: scale(0);transition: all 200ms;position: relative;border: none;}
.trainer-header .actions .share.active ul li a:hover {background: var(--c-main);color:#fff;border: solid 1px var(--c-main);}
.trainer-header .actions .share.active ul li a {overflow: hidden;width: 42px;height: 42px;opacity: 1;line-height: 40px;transform: scale(1);border: solid 1px #ddd;margin: 0 0 5px 0;}
.trainer-header .actions .share ul li a i {}
.trainer-header .text .actions span.save {}
.trainer-header .text .actions span.save::before {content:"\ea1d";}
.trainer-header .text .bio {font-size: 15px;margin: 20px 0;color: #000;position: relative;display: -webkit-box;max-width: 100%;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;width: 100%;}
.trainer-header .text .bio.active {-webkit-line-clamp: unset; -webkit-box-orient: vertical; overflow: visible; }
.trainer-header .text .bio.active::after {display: none; }
.trainer-header .text .bio::after {content:"";display: block;height: 80px;position: absolute;bottom: 0;left: 0;right: 0;background: rgb(255,255,255);background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);}
.trainer-header .text .bio + button {border: none;background: none;border-bottom: solid 2px var(--c-main);padding: 0;color: var(--c-main);font-size: 14px;font-weight: 500;}
.trainer-header .text .btn.training {position: absolute;right: 0;top: -2px;padding: 15px 23px;display: flex;align-items: center;}
.trainer-header .text .btn.training::before {content:"\ea17";font-family: 'icomoon';font-weight: 300;font-size: 24px;margin: 0 9px 0 0;}
.trainer-header .text .btn.training.edit {padding: 14px 19px; font-size: 14px; }
.trainer-header .text .btn.training.edit::before {content:"\e969";font-size: 22px;}
@media (max-width: 767px) {
.trainer-header {/* display: flex; *//* justify-content: center; *//* align-content: center; */position: relative;margin: 10px 0 0 0;}
.trainer-header .photo {/* margin: 0 auto 30px; */flex: 0 1 90px;position: absolute;left: 0;top: 0;max-width: 90px;}
.trainer-header .photo .flag {width: 25px; bottom: -15px; border: solid 2px var(--c-white); }
.trainer-header .text {padding: 0 0 0 0;flex: 0 1 100%;/* text-align: center; *//* justify-content: center; */}
.trainer-header .text h1 {/* text-align: center; */padding: 0;font-size: 22px;padding: 0 0 0 105px;}
.trainer-header .text .meta {flex:0 1 100%;/* text-align: center; *//* justify-content: center; */margin: 0 0 15px 0;padding: 0 0 0 105px;}
.trainer-header .text .meta span {margin: 0;}
.trainer-header .text .btn.training.edit {position: relative;left: auto;right: auto;top: auto;bottom: auto;margin: 20px 0 0 105px;}
.trainer-header .text .actions {flex: 0 1 100%;width: 100%;text-align: center;width: 100%;display: flex;/* margin: 0 auto; *//* justify-content: center; */padding: 0 0 0 105px;}
.trainer-header .text .actions .btn {/* margin: 0 5px 0 0; */}
.trainer-header .text .actions > *:first-child {margin-left: -8px;}
.trainer-header .text .actions span {/* margin: 0px 8px; */}
.trainer-header .actions .share ul {right: auto; left: 37px; }
.trainer-header .actions .bookmark {/* margin: 0; */}
}
.nav-links {flex: 0 1 100%;text-align: center;margin: 50px 0 -25px 0;font-size: 16px;}
.nav-links a {padding: 0 10px;color: var(--c-black);padding: 6px 8px 4px 8px;margin: 0 12px;font-weight: 300;text-decoration: none;/* white-space: nowrap; */display: inline-block;}
.nav-links a.active {font-weight: 700; border-bottom: solid 5px var(--c-main); }
.webinar-header {display: flex;align-items: flex-start;flex-wrap: wrap;width: 100%;}
.webinar-header .clear {flex:0 1 100%}
.webinar-header h1 {}
.webinar-header .meta {text-align: right;margin: 0 0 0 auto;flex: 1;font-size: 13px;display: flex;flex-wrap: wrap;align-items: flex-end;flex-direction: column;align-content: flex-end;}
.webinar-header .actions {line-height: 1;display: inline-flex;align-items: center;min-height: 36px;align-self: center;}
.webinar-header .actions .bookmark {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 25px;vertical-align: top;border: none;background: none;padding: 0;}
.webinar-header .actions .bookmark i {content:"\ea1d";font-family: icomoon;font-size: 25px;margin: 0;}
.webinar-header .actions .bookmark:hover i {background: var(--c-main);box-shadow: 0 0 0 10px var(--c-main);border-radius: 50%;color:#fff;}
.webinar-header .actions .bookmark.active i::before {content:"\ea1c";font-family: icomoon;}
.webinar-header .actions .share {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 0;position: relative;}
.webinar-header .actions .share em {display: inline-flex; align-items: center; position: relative; }
.webinar-header .actions .share em::before {content:"\ea1b";font-family: icomoon;font-size: 25px;margin: 0;font-style:normal;min-width: 36px;text-align: center;}
.webinar-header .actions .share em:hover::before {/* background: var(--c-main); *//* box-shadow: 0 0 0 10px var(--c-main); *//* border-radius: 50%; *//* color:#fff; */}
.webinar-header .actions .share.active em {}
.webinar-header .actions .share.active em::before {margin: 0;content: "\e90d";font-size: 17px;background: var(--c-main);border-radius: 50%;width: 36px;height: 36px;line-height: 36px;text-align: center;font-size: 14px;color: #fff;}
.webinar-header .actions .share ul {list-style: none;margin: 0;padding: 0;font-size: 0;position: absolute;top: 0;right: 47px;z-index: 10;white-space: nowrap;/* background: #fff; */display: none;}
.webinar-header .actions .share.active ul {background: #fff;display: block;}
.webinar-header .actions .share ul li {display: inline-block;margin: 0 0 0 8px;}
.webinar-header .actions .share ul li a {width: 36px;height: 36px;display: block;background: #fff;color: #333f4c;border-radius: 50%;text-align: center;font-size: 16px;width: 0;height: 0;opacity: 0;transform: scale(0);transition: all 200ms;position: relative;border: none;}
.webinar-header .actions .share.active ul li a:hover {background: var(--c-main);color:#fff;border: solid 1px var(--c-main);}
.webinar-header .actions .share.active ul li a {overflow: hidden;width: 36px;height: 36px;opacity: 1;line-height: 34px;transform: scale(1);border: solid 1px #ddd;margin: 0 0 5px 0;}
.webinar-header .actions .share ul li a i {}
.webinar-header .actions .edit {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 0;vertical-align: top;text-decoration: none;}
.webinar-header .actions .edit::before {content:"\ea24";font-family: icomoon;font-size: 25px;margin: 0;}
.webinar-header .actions .edit:hover::before {background: var(--c-main);box-shadow: 0 0 0 10px var(--c-main);border-radius: 50%;color:#fff;}
.webinar-header .actions .stats {margin: 0 0 0 30px;display: inline-flex;align-items: center;color: var(--c-secondry);line-height: 1;cursor: pointer;font-size: 0;vertical-align: top;}
.webinar-header .actions .stats::before {content:"\ea23";font-family: icomoon;font-size: 25px;margin: 0;}
.webinar-header .actions .stats:hover::before {background: var(--c-main);box-shadow: 0 0 0 10px var(--c-main);border-radius: 50%;color:#fff;}
.webinar-header .meta .clear {flex-grow: 1;}
.webinar-header .data {display: flex;align-items: center;flex: 1;justify-content: flex-end;align-self: center;margin: 0 20px 0 0;}
.webinar-header .duration {margin: 0;line-height: 1;}
.webinar-header .duration strong {}
.webinar-header .average-rating {text-align: right;width: 173px;}
.webinar-header .speakers {flex: 1;display: flex;align-items: center;margin: 0;align-self: center;}
.webinar-header .speakers .credits {z-index: 11;top: 20px;left: 20px;opacity: 1;background: var(--c-orange);color: #fff;width: 80px;height: 80px;border-radius: 50%;text-align: center;line-height: 80px;font-weight: 700;font-size: 24px;letter-spacing: -1px;margin: 0 10px 0 0;}
.webinar-header .speakers .credits.ten {padding: 21px 0 0 0;font-size: 26px;line-height: 0.9;}
.webinar-header .speakers .credits.ten span {font-size: 55%;top: -8px;position: relative;}
.webinar-header .speakers .photos {margin: 0 5px 0 0; }
.webinar-header .speakers .photos img {max-width: 80px;border: solid 1px var(--c-gray-light);border-radius: 50%;margin: 0 10px 0 0;}
.webinar-header .speakers .names {color: var(--c-main);font-weight: 400;line-height: 1.1;flex: 1;}
.webinar-header .speakers .names a {text-decoration: none; font-weight: 600; line-height: 1.3; font-size: 16px; }
.webinar-header .speakers .names a span {/* display: block; */font-weight: 300;/* font-size: 12px; */}
.webinar-header .speakers.two-rows {flex-wrap: wrap;}
.webinar-header .speakers.two-rows .names {flex: 0 1 100%;margin: 10px 0 0 0;}
.webinar-header .speakers.two-rows + .data {flex: none;}
.webinar-header.has_rating_box {align-items: flex-start;flex-wrap: wrap;}
.webinar-header.has_rating_box h1 {margin: 0;flex: 1;}
.webinar-header.has_rating_box .rate-box {margin: 0 0 0 auto;display: inline-flex;flex-wrap: wrap;text-align: right;align-items: center;flex: 1;padding: 0 0 0 30px;justify-content: flex-end;max-width: 330px;}
.webinar-header.has_rating_box .rate-box > h3 {font-size: 15px;flex: 0 1 100%;}
.webinar-header.has_rating_box .rate-box .star-rating {margin: 0 10px 0 0;}
.webinar-header.has_rating_box .rate-box .star-rating .radio-label:before {font-size: 24px;}
.webinar-header.has_rating_box .rate-box .overall-rating { display: inline-flex; align-items: center; border: solid 1px var(--c-main); border-radius: 4px; line-height: 1.1; align-self: center; }
.webinar-header.has_rating_box .rate-box .overall-rating strong { padding: 8px 12px; }
.webinar-header.has_rating_box .rate-box .overall-rating span { background: var(--c-main); color: #fff; padding: 8px 12px; }
.webinar-header.has_rating_box .rate-box .overall-rating span i {}
.webinar-header.has_rating_box .speakers {margin: 10px 0 0 0;}
.no-video-available { margin: 0px auto 20px; max-width: 1300px; padding: 40px 20px; background: #eee; z-index: 10; position: relative; text-align: center; font-weight: 400; border-radius: 10px; }
.no-video-available p { margin: 0; font-weight: 600; }
.lds-spinner { /* change color here */ color: #1c4c5b } .lds-spinner, .lds-spinner div, .lds-spinner div:after { box-sizing: border-box; } .lds-spinner {color: currentColor;display: inline-block;position: relative;width: 80px;height: 80px;left: auto;top: auto;bottom: auto;transform: scale(.8);} .lds-spinner div { transform-origin: 40px 40px; animation: lds-spinner 1.2s linear infinite; } .lds-spinner div:after { content: " "; display: block; position: absolute; top: 3.2px; left: 36.8px; width: 6.4px; height: 17.6px; border-radius: 20%; background: currentColor; } .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; }
}
@media (max-width: 1300px) {
.no-video-available {border-radius:0}
}
@media (max-width: 1200px) {
.webinar-header {}
.webinar-header h1 {flex: 0 1 100% !important; padding: 0 !important; margin: 0 0 10px !important; }
.webinar-header .meta {order: 5; flex: 1; align-self: center; }
.webinar-header .actions {margin: 0 0 0 auto;margin: 10px 0 0 0;}
.webinar-header .actions > *:first-child {margin: 0 !important;}
.webinar-header .actions .save::before {}
.webinar-header .actions .share {}
.webinar-header .actions .share::before {}
.webinar-header .meta .clear {}
.webinar-header .data {flex: 0 1 calc(100% - 76px);justify-content: flex-start;margin: 0;align-self: center;}
.webinar-header .duration {}
.webinar-header .duration strong {}
.webinar-header .average-rating {}
.webinar-header .speakers {flex: 0 1 100%; margin: 0 0 10px 0; }
.webinar-header .speakers .photos {}
.webinar-header .speakers .photos img {}
.webinar-header .speakers .names {}
.webinar-header.has_rating_box .rate-box {padding: 0;text-align: left;justify-content: flex-start;margin: 10px 0 10px 0;}
}
@media (max-width: 767px) {
.webinar-header {}
.webinar-header h1 {font-size: 25px !important;}
.webinar-header .speakers {flex-wrap: wrap;margin: 0 0 10px 0px;}
.webinar-header .speakers .credits {width: 40px;height: 40px;line-height: 40px;font-size: 11px;}
.webinar-header .speakers .names {/* flex: 0 1 100%; *//* margin: 10px 0 0 0; */}
.webinar-header .speakers .photos { margin: 0 10px 0 0; }
.webinar-header .speakers .photos img {max-width: 40px;margin: 0;}
.webinar-header .duration {margin: 0 20px 0 0;/* display: none; */}
.webinar-header .speakers .credits.ten { font-size: 17px; padding: 8px 0 0 0; line-height: 1;
}
.webinar-header .speakers .credits.ten span {}
}
.webinar-player {max-width: 100%;margin: 0 auto;position: relative;text-align: center;/* margin: 0 0 40px 0; */}
.webinar-player > img {max-width:1460px;position: relative;z-index: 3;}
.webinar-player .cookies-message {max-width:1460px;position: relative;z-index: 3;margin: 0 auto 0;border-radius: 20px 20px 0 0;border-radius: 20px;overflow: hidden;background: var(--c-gray-light);padding: 20px;}
.webinar-player .cookies-message .message { min-height: 480px; display: flex; flex-direction: column; justify-content: center; align-items: center; max-width: 680px; margin: 0 auto; font-weight: 400; }
.webinar-player .cookies-message .message h2 { font-weight: 700; margin: 0 0 10px 0; display: flex; align-items: center; }
.webinar-player .cookies-message .message h2::before {content:"\f564";font-family: "Font Awesome 7 Pro";font-weight: 900;font-size: 36px;margin: 0 10px 0 0;}
.webinar-player .cookies-message .message p {}
.webinar-player .cookies-message .message .btn { background: var(--c-main); color: #fff; border: none; padding: 17px 30px; }
.webinar-player .player {max-width:1460px;position: relative;z-index: 3;margin: 0 auto 0;border-radius: 20px 20px 0 0;border-radius: 20px;overflow: hidden;background: var(--c-main);}
.webinar-player .player > img {mix-blend-mode: multiply;opacity: 0.7;}
.webinar-player .player .video-js {}
.webinar-player .player .video-js.vjs-audio-poster .vjs-poster {display: block !important;visibility: visible !important;opacity: 1 !important;background-color: #000;}
.webinar-player .player .video-js.vjs-audio-poster.vjs-has-started .vjs-poster {display: block !important;}
.webinar-player::after {content:"";background: var(--c-gray-lightest);position: absolute;bottom: 0;left: 0;right: 0;height: 50%;z-index: 0;}
.webinar-player.full {display: flex;/* align-items: center; *//* height: auto; */flex-wrap: wrap;}
.webinar-player.full::after {content:none}
.webinar-player.full .player {max-width: none;flex: 0 1 70%;border-radius: 0;margin: 0;}
.webinar-player.full .player-sidebar {padding: 0 20px;background: var(--c-gray-lighter);flex: 1;text-align: left;/* max-height: 200px; *//* overflow-y: scroll; */display: flex;flex-direction: column;}
.webinar-player.full .player-sidebar .sections::-webkit-scrollbar {-webkit-appearance: none; width: 3px; padding:0 0 0 20px }
.webinar-player.full .player-sidebar .sections::-webkit-scrollbar-thumb {border-radius: 4px;margin:0 20px; background-color: rgba(0, 0, 0, .3); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3);}
.webinar-player.full .player-sidebar .sections {text-align: left;margin: 0;max-height: 100%;overflow: auto;flex: 1;border-radius: 10px;}
.webinar-player.full .player-sidebar .sections .item {margin: 0;border-bottom: solid 3px #e5e5e5;}
.dark-mode .webinar-player.full .player-sidebar .sections .item {border-bottom: solid 2px #333; }
.webinar-player.full .player-sidebar .sections .item:last-child {border-bottom:none}
.webinar-player.full .player-sidebar .sections .item.active {/* background:var(--c-white); */border:none;}
.webinar-player.full .player-sidebar .sections .item .section-button {padding: 20px 0;}
.webinar-player.full .player-sidebar .sections .item.active .section-button {padding: 15px 0 15px;}
.webinar-player.full .player-sidebar .sections .item .section-button button {border: none;text-align: left;background: none;padding: 0 40px 0 0;font-weight: 500;position: relative;width: 100%;font-size: 16px;line-height: 110%;color: var(--c-black);}
.webinar-player.full .player-sidebar .sections .item .section-button button::after {background: none;content: "\e911";color: inherit;font-family: icomoon;transform: rotate(-90deg);transform-origin: center center;text-align: center;transition: all 0.3s;position: absolute;right: 5px;top: 0;position: absolute;}
.webinar-player.full .player-sidebar .sections .item.active .section-button button {
font-weight: 700;
}
.webinar-player.full .player-sidebar .sections .item.active .section-button button::after {transform:rotate(90deg)}
.webinar-player.full .player-sidebar .sections .item .section-button button .small {display: block; font-size: 12px; opacity: 0.5; font-weight: 400; }
.webinar-player.full .player-sidebar .sections .item .section-body {padding: 0;display: none;}
.webinar-player.full .player-sidebar .sections .item.active .section-body {display: block;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses {}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem {padding: 18px 20px;position: relative;margin: 0 0 10px 0;cursor: pointer;border-radius: 10px;background: #fff;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem:hover {
box-shadow: 0 0 0 2px rgb(0 0 0 / 10%) inset;
}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz {
padding: 0;
}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem:last-child {border-bottom:none;margin-bottom: 20px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active {background: var(--c-secondary);color: #fff;/* box-shadow: -40px 0 0 var(--c-main), 40px 0 0 var(--c-main); */border-radius: 10px;/* box-shadow: 0 -9px 0 var(--c-gray-lighter); *//* border: solid 1px transparent; */}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .name::before {content: "\e12b";position: absolute;font-family: "Font Awesome 7 Pro";font-weight: 900;left: 0;display: block;color: inherit;font-size: 22px;line-height: 1;top: -1px;width: 22px;text-align: center;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz .name {background: var(--c-orange);color:#fff;border-radius: 10px;padding: 10px 20px;margin: 0;width: 100%;text-align: center;justify-content: center;display: flex;align-items: center;gap: 10px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz .name:hover {background:var(--c-secondary)}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz .name::before {content:"\f336";font-size: 23px;font-weight:300;color:#fff;top: 6px;left: 10px;position: relative;left: auto;top: auto;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz.active {background: var(--c-main);color:#fff;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz.active .name {/* padding: 0 0 0 30px; *//* background: none; */}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz.active .name::before {top: 1px;left: 0;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.article .name::before {content:"\f15b";font-size: 21px;font-weight:700}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.completed .name::before {content:"\e900";background: var(--c-gray-light);width: 20px;height: 20px;color: var(--c-gray-dark);text-align: center;line-height: 20px;font-size: 10px;font-family: icomoon;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.quiz.completed .name::before {color: var(--c-main);content:"\f336";font-family: 'Font Awesome 7 Pro';padding: 0;background: none;font-weight: 900;font-size: 23px;width: auto;height: auto;line-height: normal;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.completed.active .name::before {background: rgb(255 255 255 / 40%); }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .name::before {/* content:""; *//* color: #fff; */}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .name {margin: 0;font-weight: 400;font-size: 16px;padding: 0 35px 0 30px;position: relative;line-height: 1.2;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.completed .name {color: var(--c-gray); }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .name {/* font-weight: 700; *//* color: #fff; */}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .duration {font-size: 11px;margin: 0;color: var(--c-secondary);padding: 0;font-weight: 700;display: inline-block;padding: 0;margin: 7px 0 0 30px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .lesson-completion-percent {display: inline-block;margin: 2px 0 0 30px;background: rgb(0 0 0/ 20%);color: #000;padding: 4px 10px;border-radius: 15px;font-size: 12px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .lesson-complete {
display: inline-block;
margin: 0;
background: none;
color: #000;
padding: 0;
border-radius: 0;
font-size: 21px;
position: absolute;
top: 18px;
right: 20px;
}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .lesson-completion-percent, .webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem:hover .lesson-completion-percent {color: #fff;background: var(--c-main);}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .lesson-complete, .webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem:hover .lesson-complete {/* color: #fff; *//* background: var(--c-main); */}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions {padding: 8px 0 8px 30px;display: flex;align-items: center;flex-wrap: wrap;gap: 10px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a {text-decoration: none;font-size: 12px;font-weight: 400;display: inline-flex;gap: 5px;align-items: center;border: solid 1px var(--c-main);border-radius: 5px;padding: 2px 9px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a:hover {color:var(--c-secondary); border:solid 1px var(--c-orange); background:var(--c-orange); color:#fff;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a::before {font-family:"Font Awesome 7 Pro";font-weight: 600;opacity: 0.7;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a:hover::before {opacity:1;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a.open::before {content:"\f424"; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a.pdf::before {content:"\f019";font-size: 114%;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .actions a i {font-size: 18px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .actions a {color: #fff;border: solid 1px #fff;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .actions a:hover {border: solid 1px var(--c-orange);}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-btn {margin: 0;padding: 10px 10px;position: absolute;background: none;border: none;right: 0;top: 13px;font-size: 12px;border: solid 1px var(--c-gray);color: var(--c-black);border-radius: 5px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-btn.active::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent var(--c-gray-lighter) transparent;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-btn.active::after {border-color: transparent transparent #207663 transparent; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-btn {border: solid 1px #fff; color: #fff; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list {margin: 20px -180px -20px 0px; font-size: 14px; display: none; background: var(--c-gray-lighter); padding: 24px 0; box-shadow: -70px 0 0 var(--c-gray-lighter), 210px 0 0 var(--c-gray-lighter); }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-list {margin: 20px -180px -20px -30px; font-size: 14px; display: none; background: #207663; padding: 24px 0; box-shadow: -70px 0 0 #207663, 210px 0 0 #207663; color: #fff; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list h3 {font-weight: 800; font-size: 15px; margin: 0 0 12px 0; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-list h3 {color:#fff}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-btn.active + .resources-list {display: block;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul {padding: 0; margin: 0; list-style: none; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul li {margin: 0 0 12px 0; line-height: 1.2; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul li:last-child {margin:0}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul li a {text-decoration: none; color: #000; position: relative; padding: 0 0 0 27px; display: block; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-list ul li a {color:#fff}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul li a small {display: block; opacity: 0.4; font-size: 11px; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul li.pdf a::before {content: "\e968"; position: absolute; left: 0; top: -3px; font-family: icomoon; color: var(--c-gray); font-size: 20px; line-height: 1; opacity: 0.7; font-weight: 300; }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-list ul li.pdf a::before {color:#fff; opacity:0.5}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .resources-list ul li.lock a::after {content:"\f023";position: absolute;left: 13px;top: 8px;font-family: "Font Awesome 7 Pro";font-weight: 900;color: var(--c-main);text-shadow: -1px -1px var(--c-gray-lightest);font-size: 11px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-list ul li.lock a::after {color: #fff;text-shadow: -1px -1px #207663, 1px 1px #207663;}
.webinar-player.full .player-sidebar .sections .item.completed .section-body .section-courses .elem button.resources {}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .duration {color:#fff;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .lesson-completion {margin: 14px 0 0 30px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .lesson-completion .progress {height: 6px;background: rgb(0 0 0 / 10%);}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .lesson-completion .progress {background: rgb(255 255 255 / 20%);}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .lesson-completion .progress .bar {width: 100%;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .lesson-completion .progress .bar .complete {background: var(--c-main);height: 100%;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .lesson-completion .progress .bar .complete {background: #fff;}
.webinar-player.full .player-sidebar .header {position: static;top: 0;background: var(--c-gray);padding: 15px 20px;margin: 20px 0 10px;color: #fff;display: flex;align-items: center;flex-wrap: wrap;border-radius: 10px;box-shadow: 0px 7px 10px 0 rgb(0 0 0 / 20%);}
.webinar-player.full .player-sidebar .header .note {}
.webinar-player.full .player-sidebar .header > p { margin: 0 auto 0 0; font-size: 16px; font-weight: 600; }
.webinar-player.full .player-sidebar .header .check { position: relative; }
.webinar-player.full .player-sidebar .header .check input { display: none; }
.webinar-player.full .player-sidebar .header .check label { position: relative; padding: 0 0 0 30px; font-weight: 400; font-size: 13px; }
.webinar-player.full .player-sidebar .header .check label::before {content:"";width: 20px;height: 20px;display: block;background: #fff;border-radius: 4px;position: absolute;left: 0;top: 0px;}
.webinar-player.full .player-sidebar .header .check input:checked + label::before { background: var(--c-orange); }
.webinar-player.full .player-sidebar .header .check input:checked + label::after {content:"\f00c";font-family: 'Font Awesome 7 Pro';color: #fff;position: absolute;left: 0;top: -1px;width: 20px;height: 20px;line-height: 20px;text-align: center;font-size: 11px;}
@media (max-width: 1280px) {
.webinar-player.full {}
.webinar-player.full .player { flex: 0 1 100%; }
.webinar-player.full .player-sidebar { flex: 0 1 100%; }
}
#quiz-form {}
#quiz-form .quiz-question { margin: 0 0 18px 0; }
#quiz-form .quiz-question .question-title {font-weight: 600;margin: 0 0 6px 0;font-size: 16px;}
#quiz-form .quiz-question .quiz-answers { display: flex; column-gap: 30px; row-gap: 10px; flex-wrap: wrap; flex-direction: column; }
#quiz-form .quiz-question .quiz-answers .quiz-answer { margin: 0; }
#quiz-form .quiz-question .quiz-answers .quiz-answer input {display: none;}
#quiz-form .quiz-question .quiz-answers .quiz-answer label {position: relative;padding: 0 0 0 30px;font-size: 16px;}
#quiz-form .quiz-question .quiz-answers .quiz-answer input[type="checkbox"] + label::before {content:"";width: 24px;height: 24px;position: absolute;left: 0px;top: 1px;background: var(--c-gray-lighter);border-radius: 5px;}
#quiz-form .quiz-question .quiz-answers .quiz-answer input[type="checkbox"]:checked + label::before {content:"\f00c";background: var(--c-main);font-family: 'Font Awesome 7 Pro';color: #fff;position: absolute;left: 0;top: 0;width: 24px;height: 24px;line-height: 24px;text-align: center;font-size: 12px;}
#quiz-form .quiz-question .quiz-answers .quiz-answer input[type="checkbox"]:checked + label::after {content:"";}
#quiz-form .quiz-question .quiz-answers .quiz-answer input[type="radio"] + label::before {content:"";width: 24px;height: 24px;position: absolute;left: 0px;top: 1px;background: var(--c-gray-lighter);border-radius: 50%;}
#quiz-form .quiz-question .quiz-answers .quiz-answer input[type="radio"]:checked + label::before {background: var(--c-main);}
#quiz-form .quiz-question .quiz-answers .quiz-answer input[type="radio"]:checked + label::after {content:"";width: 24px;height: 24px;position: absolute;left: 0px;top: 1px;background: var(--c-gray-lighter);border-radius: 50%;transform: scale(0.5);}
#quiz-form .quiz-error-msg { color: red; background: none; padding: 0; text-align: left; margin: 8px 0 0 0; }
#quiz-form .quiz-actions { margin: 30px 0 0 0; }
#quiz-form .quiz-actions .btn { padding: 15px 20px; }
.quiz-review-container {display: flex;flex-direction: column;gap: 25px;margin: 0 0 20px 0;}
.quiz-review-container .quiz-question-review {padding: 0;border-radius: 10px;/* border: solid 1px #fff; *//* background: rgb(255 255 255 / 70%); */}
.quiz-review-container .quiz-question-review.correct {/* background: rgb(255 255 255 / 70%); */}
.quiz-review-container .quiz-question-review.incorrect {/* background: rgb(255 255 255 / 70%); */}
.quiz-review-container .quiz-question-review .question-header-review {margin: 0;font-weight: 300;display: flex;align-items: flex-start;margin: 0;}
.quiz-review-container .quiz-question-review .question-header-review .question-number { font-weight: 400; }
.quiz-review-container .quiz-question-review .question-header-review .question-result-badge { width: 35px; height: 35px; border-radius: 50%; line-height: 35px; padding: 0; text-align: center; margin: 0 0 0 auto; color: #fff; font-size: 18px; }
.quiz-review-container .quiz-question-review .question-header-review .question-result-badge.correct {background: #16b565;color: #fff;}
.quiz-review-container .quiz-question-review .question-header-review .question-result-badge.incorrect {color: #fff;background: #FF1744;}
.quiz-review-container .quiz-question-review .question-text-review {font-weight: 400;margin: 0 20px 15px 0;font-size: 18px;flex: 1;color: var(--c-main);line-height: 1.3;}
.quiz-review-container .quiz-question-review .question-answers-review { display: flex; flex-direction: column; gap: 10px; }
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review {display: flex;align-items: center;background: rgb(0 0 0 / 5%);padding: 10px;border-radius: 10px;display: flex;gap: 10px;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct {font-weight: 600;background: rgb(0 0 0 / 5%);color: #fff;box-shadow: 0 0 0 1px;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct-not-selected {border: dashed 2px #16b565;color: #fff;/* background: rgb(255 255 255 / 100%); */}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review .answer-indicator {width: 40px;text-align: center;width: 29px;height: 29px;line-height: 29px;border-radius: 50%;color: var(--c-main);}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review .answer-indicator i {font-weight: 300;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct .answer-indicator {/* background: #16b565; */color: #16b565;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct .answer-text {color: #000;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.incorrect {background: rgb(0 0 0 / 5%);color: #FF1744;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.incorrect .answer-indicator {/* box-shadow: 0 0 0 1px #fff; *//* background: #FF1744; */color: #FF1744;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.incorrect .answer-text {color: #FF1744;font-weight: 600;}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct-not-selected .answer-indicator {/* background: #16b565; */color: #16b565;/* box-shadow: 0 0 0 1px; */}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review .answer-text {color: var(--c-main);}
.quiz-review-container .quiz-question-review .question-answers-review .answer-option-review.correct-not-selected .answer-text {/* color: #fff; */font-weight: bold;}
.scroll-instructions {display:none;}
@media (max-width: 991px) {
.webinar-player.full .player {flex: 0 1 100%; }
.webinar-player.full .player-sidebar {flex: 0 1 100%;max-height: 420px !important;}
}
@media (max-width: 767px) {
.webinar-player .player {border-radius:0}
.webinar-player.full .player-sidebar .sections .item.active .section-body {/* padding: 20px; */}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem {}
.webinar-player .cookies-message { border-radius: 0; padding: 40px 20px; }
.webinar-player .cookies-message .message { min-height: 240px; }
.webinar-player.full .player-sidebar {padding-bottom: 40px;}
.webinar-player.full .player-sidebar::after {}
.webinar-player.full .player-sidebar::before {}
.scroll-instructions {display: flex;font-size: 13px;line-height: 1;gap: 10px;position: absolute;bottom: 0;left: 0;right: 0;justify-content: center;align-items: center;padding: 0 20px;}
.scroll-instructions .mouse {position: relative;z-index: 10;}
.scroll-instructions .mouse::before {content:"";display: block;width: 20px;height: 30px;border: solid 2px #000;background: #fff;border-radius: 20px;/* position: absolute; *//* left: 50%; *//* transform: translate(-50%); */bottom: -15px;z-index: 10;}
.scroll-instructions .mouse::after {content:"";width: 4px;left: 10px;transform: translateX(-50%);position: absolute;height: 5px;background: var(--c-orange);border-radius: 2px;animation: scroll 0.7s infinite alternate;z-index: 11;}
.scroll-instructions .instructions {position: relative;z-index: 100;}
.scroll-instructions:after {content:"";background: #F9F9F9;background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0, rgba(249, 249, 249, 1) 60%);width: 100%;height: 60px;position: absolute;left: 0;right: 0;bottom: 0;z-index: 0;}
@keyframes scroll {
0% {height: 5px;top: 5px;}
100% {height: 5px;top: 15px; }
}
}
.learning-objectives {border: none;/* font-size: 18px; */padding: 20px 20px 20px 20px;border-radius: var(--r10);/* background: var(--c-white); */margin: 40px 0 30px 0;border: solid 2px var(--c-gray-light);}
.learning-objectives h3 {font-size: 18px;font-weight: 700 !important;top: 0;position: relative;margin: 0 0 10px 0;/* color: #818181; */}
.learning-objectives ul {padding: 0;margin: 0;list-style: none;columns: 1;/* font-size: 18px; */color: var(--c-secondary);}
.learning-objectives ul li {line-height: 1.2;padding: 7px 0 7px 31px;position: relative;break-inside: avoid;margin: 0 0 7px 0;}
.learning-objectives ul li:last-child {margin-bottom:0}
.learning-objectives ul li::before {content: "\f14a";position: absolute;left: 0;top: 4px;font-family: 'Font Awesome 7 Pro';color: var(--c-main);font-size: 24px;line-height: 1;font-weight: 300;color: #bbb;}
.resources {border: solid 2px var(--c-gray-light);font-size: 15px;padding: 25px;border-radius: var(--r10);/* background: var(--c-white); */margin: 0 0 20px 0;}
.resources:last-child {margin-bottom:0}
.resources h3 {font-size: 20px;font-weight: 700;margin: 0 0 10px 0;}
.resources ul {padding: 0;margin: 0;list-style: none;display: grid;font-size: 14px;grid-template-columns: repeat(2,1fr);grid-gap: 15px;}
.resources ul li {line-height: 1.2;padding: 8px 0 8px 32px;position: relative;break-inside: avoid;font-weight: 500;}
.resources ul li a { text-decoration: none; font-weight: 400; }
.resources ul li small {display: block;color: var(--c-gray);margin: 4px 0 0 0;font-weight: 300;}
.resources ul li small.disclaimer { background: var(--c-gray-light); padding: 6px 10px; line-height: 1; margin: 7px 0 0 0; border-radius: 5px; color: var(--c-gray-dark); }
.resources ul li.video::before {content: "\ea17";position: absolute;left: 0;top: 2px;font-family: icomoon;color: var(--c-gray);opacity: 0.7;font-size: 24px;line-height: 1;}
.resources ul li.pdf::before {content: "\e968";position: absolute;left: 0;top: 2px;font-family: icomoon;color: var(--c-gray);font-size: 24px;line-height: 1;opacity: 0.7;font-weight: 300;}
.resources ul li.lessons::before {content: "\e919";position: absolute;left: 0;top: 2px;font-family: icomoon;color: var(--c-gray);font-size: 24px;line-height: 1;opacity: 0.7;font-weight: 300;}
.resources ul li.pdf.lock::after {content:"\f023";position: absolute;left: 15px;top: 13px;font-family: "Font Awesome 7 Pro";font-weight: 900;color: var(--c-main);text-shadow: -1px -1px var(--c-gray-lightest);/* -webkit-text-fill-color: var(--c-main); *//* -webkit-text-stroke-width: 0px; *//* -webkit-text-stroke-color: var(--c-gray-lightest); */}
@media (max-width: 991px) {
.resources ul {grid-template-columns: repeat(1,1fr);grid-gap: 5px;}
}
@media (max-width: 991px) {
.resources {padding: 20px;}
}
@media (max-width: 767px) {
.resources {/* padding: 0; *//* border: none; */}
.learning-objectives {
/* padding: 0 25px 20px 25px; */
}
.learning-objectives ul {columns: 1;/* font-size: 18px; */}
.learning-objectives ul li {}
}
.single-webinar {}
.single-webinar h3 {font-weight: 700;}
.single-webinar .meta {background: var(--c-gray-lighter);padding: 18px 25px;border-radius: var(--r10);margin: 20px 0 20px 0;font-size: 14px;font-weight: 400;color: var(--c-gray-dark);}
.single-webinar .meta ul {list-style: none; padding: 0; margin: 0; text-align: center; }
.single-webinar .meta ul li {display: inline-block; margin: 0 15px; }
.single-webinar .group {margin: 0 0 30px 0; }
.single-webinar .group h2 {font-weight: 700; font-size: 18px; margin: 0 0 20px 0; }
.single-webinar .group h2 strong {font-weight:inherit}
.single-webinar .categories {}
.single-webinar .categories h3 {font-size: 18px;font-weight: 700;margin: 0 0 15px 0;}
.single-webinar .categories ul {list-style: none; padding: 0; margin: 0; font-size: 13px; }
.single-webinar .categories ul li {background: var(--c-gray-lighter);display: inline-block;padding: 12px 18px;line-height: 1;border-radius: var(--r5);font-weight: 400;margin: 0 10px 10px 0;color: var(--c-gray-dark);}
.single-webinar .categories ul li a {text-decoration:none;}
.single-webinar .categories ul li:hover { background: var(--c-main); }
.single-webinar .categories ul li:hover a { color: #fff; }
.speaker-bio {display: flex;align-items: center;flex-wrap: wrap;margin: 20px 0 0 0;}
.speaker-bio img {max-width: 100px;border: solid 2px var(--c-gray-light);border-radius: 50%;margin: 0 15px 0 0;}
.speaker-bio > p {margin: 0 auto 0 0;font-weight: 600;flex: 1;color: var(--c-black);}
.speaker-bio > p span {display: block; opacity: 0.7; font-weight: 300; font-size: 12px; }
.high-contrast .speaker-bio > p span {opacity:1}
.speaker-bio .btn {margin: 10px 0;background: none;color: #000;display: inline;}
.speaker-bio .bio {margin: 15px 0 0 0;flex: 0 1 100%;}
@media (max-width: 767px) {
.single-webinar h3 {font-size:20px}
.learning-objectives h3 {/* font-size: 41px; *//* top: -17px; *//* margin: 0; */}
.speaker-bio .btn {width: 100%; text-align: center; justify-content: center; margin: 10px 0 0 0; }
}
#care-tabs {margin: 0 0 30px 0;}
#care-tabs .nav-item { margin: 0; }
#care-tabs .nav-item .nav-link {padding: 10px 18px;margin: 0;font-size: 18px;letter-spacing: -0.5px;}
#care-tabs .nav-item .nav-link.active { background: var(--c-secondary); color: #fff; }
nav {position: relative; }
nav .tabs-mobile-trigger {background: var(--c-main);color: #fff;border-radius: 5px;padding: 10px 15px;font-weight: 600;font-size: 18px;position: relative;display:none}
nav .tabs-mobile-trigger::after {content:"\f078";font-family: "Font Awesome 7 Pro";position: absolute;top: 50%;transform: translateY(-50%);right: 15px;}
nav .tabs-mobile-trigger.active::after {content:"\f077";}
.single-webinar .nav.nav-tabs, .nav.nav-tabs.default {margin: 0 0 30px 0; }
.single-webinar .nav.nav-tabs, .nav.nav-tabs.default {}
.single-webinar .nav.nav-tabs .nav-link, .nav.nav-tabs.default .nav-link {border: none; margin: 0 !important; padding: 9px 22px; font-size: 17px; }
.single-webinar .nav.nav-tabs .nav-link button, .nav.nav-tabs.default .nav-link button {}
.single-webinar .nav.nav-tabs .nav-link.active, .nav.nav-tabs.default .nav-link.active {background: var(--c-main); color: #fff; border: none; }
.single-webinar .nav.nav-tabs.submissions {}
.single-webinar .nav.nav-tabs.submissions .nav-link { background: var(--c-gray-light); font-size: 15px; display: inline-flex; align-items: center; font-weight: 600; }
.single-webinar .nav.nav-tabs.submissions .nav-link.active {background: var(--c-main);color: #fff;}
.single-webinar .nav.nav-tabs.submissions .nav-link#details-tab {}
.single-webinar .nav.nav-tabs.submissions .nav-link::before {font-family:"Font Awesome 7 Pro";font-weight: 900;font-size: 22px;margin: 0 8px 0 0;}
.single-webinar .nav.nav-tabs.submissions .nav-link#details-tab::before {content:"\f15c";}
.single-webinar .nav.nav-tabs.submissions .nav-link#pdf-tab {}
.single-webinar .nav.nav-tabs.submissions .nav-link#pdf-tab::before {content:"\f1c1";}
.nav.nav-tabs.large { margin: 0 0 20px 0; justify-content: center; }
.nav.nav-tabs.large .nav-item {}
.nav.nav-tabs.large .nav-item .nav-link { padding: 12px 20px; background: var(--c-gray-normal); border: none; font-size: 16px; align-items: center; display: flex; gap: 10px; }
.nav.nav-tabs.large .nav-item .nav-link .badge { margin: -4px 0 -4px 0; padding: 0; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; }
.nav.nav-tabs.large .nav-item .nav-link.active { background: var(--c-secondary); color: #fff; }
.nav.nav-tabs.large .nav-item .nav-link.active .badge { background: var(--c-white) !important; color: var(--c-black); }
@media (max-width: 767px) {
nav .tabs-mobile-trigger {display: none;margin: 0 0 20px 0;z-index: 102;min-height: 47px;}
nav .tabs-mobile-trigger + .nav.nav-tabs {display: flex;flex-wrap: nowrap !important;overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;scrollbar-width: thin; /* Firefox */}
nav .tabs-mobile-trigger.active + .nav.nav-tabs {display:block;position: absolute;top: 43px;left: 0;right: 0;background: #fff;padding: 15px 0;box-shadow: 0 0 30px rgb(0 0 0 / 10%);border-radius: 5px;z-index: 101;}
nav .tabs-mobile-trigger + .nav.nav-tabs::-webkit-scrollbar {display: none;}
nav .tabs-mobile-trigger + .nav.nav-tabs {-ms-overflow-style: none;scrollbar-width: none;}
nav .tabs-mobile-trigger + .nav.nav-tabs .nav-item {
margin: 0;
}
nav .tabs-mobile-trigger + .nav.nav-tabs .nav-item .nav-link {}
.single-webinar .nav.nav-tabs, .nav.nav-tabs.default {}
.single-webinar .nav.nav-tabs, .nav.nav-tabs.default {}
.single-webinar .nav.nav-tabs .nav-link, .nav.nav-tabs.default .nav-link {width: 100%; padding: 5px 15px; text-align: left; }
.single-webinar .nav.nav-tabs .nav-link button, .nav.nav-tabs.default .nav-link button {}
.single-webinar .nav.nav-tabs .nav-link.active, .nav.nav-tabs.default .nav-link.active {/**background: none;font-weight: 700;color: var(--c-black);*/}
#care-tabs {}
#care-tabs .nav-item { }
#care-tabs .nav-item .nav-link { font-size: 14px; }
#care-tabs .nav-item .nav-link.active {}
}
.news-listing {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 30px;}
.news-listing .item {box-shadow: 0 0 20px rgb(0 0 0 / 10%);border-radius: var(--r10);overflow: hidden;transition:all 0.3s;display: flex;flex-direction: column;}
.news-listing .item .banner {}
.news-listing .item .text {padding: 25px;background: var(--c-white);display: flex;flex-direction: column;/* height: 100%; */flex: 1;}
.news-listing .item .text .name {color: var(--c-secondary);font-weight: 800;line-height: 1.2;display: block;margin: 0 0 5px 0;text-decoration: none;}
.news-listing .item .text .date {font-size: 13px; color: #999; margin: 0 0 10px 0; }
.news-listing .item .text .excerpt {margin: 0 0 20px 0; font-size: 14px; }
.news-listing .item .text .spacer {flex-grow:1}
.news-listing .item .text .meta {font-size: 13px; display: flex; align-items: flex-end; }
.news-listing .item .text .meta .left {position: relative;}
.news-listing .item .text .meta .left .btn {/* display: none; *//* white-space: nowrap; */}
.news-listing .item .text .meta .left .btn i {font-size: 22px;margin: -2px 8px 0 0;}
.news-listing .item .text .meta .left .duration {margin: 0 0 0 0; }
.news-listing .item .text .meta .right {margin: 0 0 0px auto; }
.news-listing .item .text .meta .right button {border: none; background: none; font-size: 21px; }
.news-listing .item .text .meta .right button i {}
.news-listing .item:hover {box-shadow: 0 0 40px rgb(0 0 0 / 20%);cursor: pointer;}
.news-listing .item:hover .text .meta .left .btn {display: inline-flex;/* position: absolute; *//* left: 0; *//* top: 50%; *//* transform: translateY(-50%); */z-index: 1;}
.news-listing .item:hover .text .meta .left .duration {opacity:0}
.news-listing .item:hover .text .meta .left meter {opacity:0}
.pricing-table {margin: 0 0 60px 0; }
.pricing-table .pricing-table-header {display: flex;border-bottom: solid 2px var(--c-gray-lighter);align-items: center;}
.pricing-table .pricing-table-header .column {padding: 15px 10px;flex: 1;text-align: center;}
.pricing-table .pricing-table-header .column:first-child {flex: 0 1 65%;text-align: left;}
.pricing-table .pricing-table-header .column h3 {font-weight: 800;font-size: 28px;color: var(--c-secondary);line-height: 1;margin: 0 0 4px 0;}
.pricing-table .pricing-table-header .column p {margin: 0;}
.pricing-table .pricing-table-header .column h4 {text-align: center;font-size: 16px;font-weight: 700;margin: 0 0 6px 0;}
.pricing-table .pricing-table-header .column .btn {}
.pricing-table .pricing-table-body {}
.pricing-table .pricing-table-body .table-row {display: flex;}
.pricing-table .pricing-table-body .table-row:nth-child(2n) {background: var(--c-gray-lighter);}
.pricing-table .pricing-table-body .table-row .table-cell {flex: 1;text-align: center;padding: 10px 15px;}
.pricing-table .pricing-table-body .table-row .table-cell:first-child {flex: 0 1 65%;text-align: left;}
.pricing-table .pricing-table-body .table-row .table-cell strong {font-weight: 800;}
.pricing-table .pricing-table-body .table-row .table-cell .icon-tick {color: var(--c-main);font-size: 18px;}
.pricing-table .pricing-table-body .table-row .table-cell .icon-close {color: var(--c-gray);font-size: 12px;font-weight: 400;}
.pricing-table .pricing-table-body .table-row:hover {background: var(--c-secondary);color: #fff;}
.pricing-table .pricing-table-body .table-row:hover i {color:#fff !important}
h2 + .faq-listing {margin: -15px 0 0 0; }
.faq-listing {}
.faq-listing .item {padding: 26px; background: var(--c-gray-lighter); border-radius: var(--r10); margin: 0 0 20px 0; }
.faq-listing .item .question {font-weight: 700;font-size: 16px;position: relative;cursor: pointer;padding: 0 40px 0 0;}
.faq-listing .item .question::after {content: "\e911";font-family: icomoon;transform: rotate(90deg);position: relative;display: inline-block;position: absolute;right: 0;transition: all 0.3s;top: 0;}
.faq-listing .item .answer {display: none; }
.faq-listing .item.active {}
.faq-listing .item.active .question {}
.faq-listing .item.active .question::after {transform: rotate(-90deg); }
.faq-listing .item.active .answer {display: block; padding: 10px 0 0 0; }
.login-register-box-wrap {}
.login-register-box-wrap h3 {text-transform: uppercase; font-weight: 600; font-size: 29px; margin: 0 0 15px 0; }
.login-register-box {background: rgb(0 0 0 / 70%);box-shadow: 0 0 40px rgb(0 0 0 / 70%);color: #fff;display: flex;flex-wrap: wrap;padding: 0;border-radius: 20px;margin: 0 0 50px 0;position: absolute;max-width: 930px;width: 100%;margin: 0 auto;text-align: left;z-index: 10;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);overflow: hidden;}
.login-register-box.relative {position: relative; transform: none; left: auto; top: auto; bottom: auto; box-shadow: none; margin: 30px 0;}
.login-register-box > * {z-index:2; position:relative}
.login-register-box .bg {position: absolute;inset: 0;overflow: hidden;z-index: 0;background: var(--c-main);mix-blend-mode: multiply;opacity: 0.5;border-radius: 20px;left: 0; right: 0; top: 0; bottom: 0;}
.login-register-box .bg picture {display: block;height: 100%;width: 100%;}
.login-register-box .bg img {height: 100%;width: 100%;object-fit: cover;}
.hidden-content {max-height: 410px; overflow: hidden; margin: 0 0 40px 0; position: relative; }
.hidden-content::after {content:"";background: rgb(255,255,255);background: linear-gradient(180deg, rgba(249,249,249,0) 0%, rgba(249,249,249,1) 100%);position: absolute;bottom: 0;top: 0;left: 0;width: 100%;display: block;z-index: 10;}
#cw-modal-scorm .hidden-content::after {content:"";background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
#cw-modal-article .hidden-content::after {content:"";background: rgb(255,255,255);background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}
.modal .login-register-box {margin: 0 0 30px 0px;max-width: 100%;}
.login-register-box h3 {flex: 0 1 100%;font-weight: 800;font-size: 32px;margin: 0;color: #fff;text-align: center;}
.login-register-box .col-right {/* flex: 0 1 1000%; */flex: 0 1 60%;padding: 30px;}
.login-register-box .col-right .btn {width: auto; text-transform: none; font-size: 15px; color: #fff; line-height: 1.1; padding: 15px 25px; border-radius: 10px; font-weight: 700; background: var(--c-main); border: none; text-transform: uppercase; }
.login-register-box .col-right h2 {color: #fff;font-size: 22px;margin: 0 0 15px 0;font-weight: 700;}
.login-register-box .col-right h2.lock {display: flex; font-size: 30px; align-items: center; }
.login-register-box .col-right h2.lock::before {content: "\f023";font-family: "Font Awesome 7 Pro";color: #fff;font-weight: 600;font-size: 39px;margin: 0 15px 0 0;}
.login-register-box .col-right h4 {font-size: 16px; font-weight: 300; margin: 25px 0 10px 0; }
.login-register-box .login {flex: 0 1 55%;padding: 0;/* border-right: solid 1px rgb(255 255 255 / 40%); */}
.login-register-box .login h2 {color: #fff;font-size: 24px;margin: 0 0 12px 0;}
.login-register-box .login #login-form {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; }
.login-register-box .login #login-form .form-row {}
.login-register-box .login #login-form .form-row.text-right {text-align: right; }
.login-register-box .login #login-form .form-row a {color: #fff; border-bottom: solid 1px #fff; font-size: 15px; text-decoration: none; font-weight: 400; }
.login-register-box .login #login-form .form-row input[type="text"] {width: 100%; background: #fff; border: none; box-shadow: 0 50px 0 #fff inset; padding: 0 15px; border-radius: 10px; height: 50px; width: 100%; font-size: 16px; font-weight: 300; }
.login-register-box .login #login-form .form-row input[type="password"] {width: 100%; background: #fff; border: none; box-shadow: 0 50px 0 #fff inset; padding: 0 15px; border-radius: 10px; height: 50px; width: 100%; font-size: 16px; font-weight: 300; }
.login-register-box .login #login-form .form-row input[type="submit"] {width: auto; text-transform: none; font-size: 16px; color: #fff; line-height: 1.1; padding: 15px 23px; border-radius: 10px; font-weight: 600; background: var(--c-black); border: none; text-transform: uppercase;}
.login-register-box .login #login-form .form-row input[type="checkbox"] {display: none; }
.login-register-box .login #login-form .form-row label {font-size: 15px; position: relative; padding: 0 0 0 32px; font-weight: 400; cursor: pointer; }
.login-register-box .login #login-form .form-row label::before {content:""; width: 24px; height: 24px; display: inline-block; background: #fff; border-radius: 3px; position: absolute; left: 0; top: 0px; }
.login-register-box .login #login-form .form-row input:checked + label::before {}
.login-register-box .login #login-form .form-row input:checked + label::after {content: "\f00c"; width: 24px; height: 24px; display: inline-block; border-radius: 3px; position: absolute; left: 0; top: 0px; font-family: 'Font Awesome 7 Pro'; font-weight: 900; color: #fff; text-align: center; line-height: 24px; font-size: 12px; background: var(--c-black); }
.login-register-box .register {flex: 1;/* padding: 0 0 0 30px; *//* border-left: solid 1px rgb(255 255 255 / 40%); *//* margin: 0 0 0 30px; */background: var(--c-main);padding: 30px;flex: 1;}
.login-register-box .register h2 {color: #fff;font-size: 22px;margin: 0 0 15px 0;font-weight: 700;}
.login-register-box .register ul {padding: 0; margin: 0 0 12px 0; list-style: none; }
.login-register-box .register ul li {margin: 0 0 7px 0; line-height: 1.3; padding: 0 0 0 25px; position: relative; }
.login-register-box .register ul li::before {content:"\e900";font-family:"icomoon";font-weight: 900;position: absolute;left: 0;top: 0;font-size: 16px;}
.login-register-box .register p {font-size: 15px;line-height: 1.3;}
.login-register-box .register .btn {width: auto;text-transform: none;font-size: 15px;color: var(--c-white);line-height: 1.1;padding: 15px 25px;border-radius: 10px;font-weight: 700;background: var(--c-black);border: none;text-transform: uppercase;}
@media (max-width: 1200px) {
.login-register-box {transform: none;left: 0;top: 0;right: 0;bottom: 0;border-radius: 0;width: 100%;box-shadow: none;max-width: 100%;}
.login-register-box .col-right {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
#login-form {width: 100%;}
#login-form .form-row {grid-column: span 2;}
#login-form .form-row.half {grid-column: span 1;}
.login-register-box .register {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;}
}
@media (max-width: 991px) {
.login-register-box {position: relative;background: var(--c-secondary);}
.login-register-box .col-right {flex: 0 1 100%;}
.login-register-box .register {flex: 0 1 100%;}
.login-register-box + .player {display: none; }
}
@media (max-width: 767px) {
.login-register-box .col-right {flex: 0 1 100%;padding: 20px;}
.login-register-box .register {padding: 20px; }
}
.html-minimal {min-height: 100%;height: 100%;}
.body-minimal {display: flex;width: 100%;flex-direction: column;min-height: 100%;background: #eee;}
.body-minimal #primary {max-width: 690px; margin: 0 auto; padding: 40px; border-radius: 20px; box-shadow: 0 0 50px rgb(0 0 0 / 15%); background: var(--c-white); }
.body-minimal #primary .acf-form {padding:0; box-shadow:none}
.layout-spacer {flex-grow: 1; }
#masthead.minimal {text-align:center;padding: 60px 20px 40px 20px;}
#masthead.minimal .content {justify-content: center; }
#masthead.minimal .content .logo {}
#masthead.minimal .content .logo img {}
#colophon.minimal {background: none; text-align: center; padding: 60px 20px 20px 20px; }
#colophon.minimal ul {list-style: none; padding: 0; margin: 0; }
#colophon.minimal ul li {display: inline-block; margin: 0 20px; }
#colophon.minimal ul li a {color: #000;text-decoration: none;}
#colophon.minimal ul li a:hover {text-decoration:none; color:var(--c-main)}
#page .simpay-form-wrap {}
#page .simpay-form-wrap .simpay-form-title {font-family: 'Open Sans';font-weight: 800;}
#page .simpay-form-wrap .simpay-form-description {font-family: 'Open Sans';font-weight: 400;font-size: 15px;}
#page .simpay-checkout-form--embedded.simpay-styled {max-width: 100% !important;}
.Input, .p-FauxInput {}
@media (max-width: 1200px) {
#masthead.minimal .content .logo {margin: 0;}
}
.html-popup {min-height: 100%;height: 100%;}
.body-popup {display: flex;width: 100%;flex-direction: column;min-height: 100%;background: #fff;}
.body-popup #primary {max-width: 100%;margin: 0 40px;padding: 40px;border-radius: 20px;box-shadow: 0 0 50px rgb(0 0 0 / 15%);background: var(--c-white);background: none;box-shadow: none;padding: 20px 0;}
.body-popup #primary .acf-form {padding:0; box-shadow:none}
.layout-spacer {flex-grow: 1; }
#masthead.popup {text-align:center;padding: 30px 40px 20px 40px;}
#masthead.popup .content {max-width: 100%;}
#masthead.popup .content .logo {}
#masthead.popup .content .logo img {max-width: 300px;height: auto;}
#colophon.popup {background: none; text-align: center; padding: 60px 20px 20px 20px; }
#colophon.popup ul {list-style: none; padding: 0; margin: 0; }
#colophon.popup ul li {display: inline-block; margin: 0 20px; }
#colophon.popup ul li a {color: #000; }
.sidebar {}
.sidebar .join-box {background: var(--c-main);border-radius: 20px;padding: 35px;position: relative;color: #fff;}
.sidebar .join-box h2 {}
.sidebar .join-box h2.has-price {display: flex; font-size: 27px; line-height: 1.1; align-items: center; }
.sidebar .join-box h2.has-price span {flex: 1; }
.sidebar .join-box h2.has-price em {font-style: normal; font-size: 11px; font-weight: 400; margin: 0 0 0 20px; background: rgb(255 255 255 / 1); color: #000; padding: 8px 10px; line-height: 1; border-radius: 5px; text-align: center; letter-spacing: -0.5px; }
.sidebar .join-box h2.has-price em strong {display: block; font-size: 41px; font-weight: 800; letter-spacing: -3px; }
.sidebar .join-box > * {z-index:2;position:relative}
.sidebar .join-box::after {content:"";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(/wp-content/themes/astralms/images/map.jpg) left center no-repeat;/* background-size: cover; */z-index: 0;mix-blend-mode: color-burn;opacity: 0;}
.sidebar .join-box h2{font-weight: 800; font-size: 30px; color: #fff; }
.sidebar .join-box .benefits {list-style: none; padding: 0; margin: 0 0 20px 0; }
.sidebar .join-box .benefits li {margin: 0 0 15px 0; line-height: 1.2; position: relative; padding: 0 0 0 39px; font-size: 15px; }
.sidebar .join-box .benefits li::before {content:"\e900";font-family: icomoon;color: #fff;background: #000;width: 30px;height: 30px;display: block;position: absolute;left: 0;top: 1px;text-align: center;line-height: 30px;border-radius: 50%;}
.sidebar .join-box .benefits li strong{display: block; font-weight: 800; font-size: 17px; }
.sidebar .join-box .btn {background: #000; }
.sidebar .join-box .btn:hover {color:#000; background:#fff;}
.sidebar .join-box .devices {width: 127%;margin: -20px 0 -20px 0px;max-width: none;}
.facetwp-pager {text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px 0 0 0; }
.facetwp-pager .facetwp-pager { margin: 0; }
.facetwp-pager .facetwp-page {padding: 0;margin: 0 5px;color: var(--c-black);text-decoration: none;width: 40px;height: 40px;line-height: 40px;}
.facetwp-pager .facetwp-page:hover {text-decoration:none;color:var(--c-main);font-weight: 600;}
.facetwp-pager .facetwp-page.active {color: var(--c-main);/* border-bottom: solid 2px var(--c-main); */background: #aaa;width: 40px;height: 40px;border-radius: 50%;color: #fff;line-height: 40px;/* margin: 0; */}
.facetwp-pager .facetwp-page.dots {margin: 0 4px; }
.facetwp-pager .facetwp-page.prev {font-size:0;width: auto;margin: 0 10px 0 0;border: solid 1px var(--c-black);width: 40px;height: 40px;line-height: 38px;border-radius: 50%;}
.facetwp-pager .facetwp-page.prev:hover {background:var(--c-main); border:solid 1px var(--c-main); color:#ffff;}
.facetwp-pager .facetwp-page.prev:hover {background:var(--c-main); border:solid 1px var(--c-main); color:#ffff;}
.facetwp-pager .facetwp-page.prev::before {content:"\e913";font-family:icomoon;font-size: 16px;font-weight: 300;}
.facetwp-pager .facetwp-page.next {font-size:0;width: auto;margin: 0;border: solid 1px var(--c-black);width: 40px;height: 40px;line-height: 38px;border-radius: 50%;text-decoration: none;}
.facetwp-pager .facetwp-page.next:hover {background:var(--c-main); border:solid 1px var(--c-main); color:#ffff}
.facetwp-pager .facetwp-page.next::before {content:"\e914";font-family:icomoon;font-size: 16px;font-weight: 300;}
.portfolio {display: flex; flex-wrap: wrap; margin: 0 -10px; }
.portfolio .item {max-width: 25%; flex: 0 1 25%; padding: 10px; }
.portfolio .item img {cursor: pointer; }
@media (max-width: 767px) {
.portfolio { margin: 0 -5px; }
.portfolio .item {max-width: 50%; flex: 0 1 50%; padding: 5px; }
}
.recomended-courses {margin: 90px 0 0 0;}
.recomended-courses h2 {font-weight: 800; margin: 0; }
.recomended-courses .courses:not(.owl-carousel) {
margin: 20px 0 0 0;
}
.recomended-courses .courses.owl-carousel {}
.recomended-courses .courses.owl-carousel .owl-stage-outer {padding: 20px;width: calc(100% + 40px);margin: 0 -20px;}
.recomended-courses .courses.owl-carousel .owl-dots {text-align: center; }
.recomended-courses .courses.owl-carousel .owl-dots .owl-dot {display: inline-block; width: 12px; height: 12px; background: none; border-radius: 10px; margin: 0 7px; transition: width 0.3s; border: solid 1px var(--c-main); }
.recomended-courses .courses.owl-carousel .owl-dots .owl-dot.active {background: var(--c-main);width: 30px;}
.recomended-courses .courses.owl-carousel .owl-item {}
.recomended-courses .courses.owl-carousel .owl-item .item {}
@media (max-width: 991px) {
#primary > .content .grid .main {grid-column: span 3;margin: 0;}
#primary > .content .grid .sidebar {grid-column: span 3;}
}
@media (max-width: 767px) {
.recomended-courses {margin: 30px 0 0 0; }
.recomended-courses .courses.owl-carousel .owl-stage-outer {margin: 0;padding: 20px 0;width: 100%;}
.recomended-courses .courses.owl-carousel .owl-item .item {box-shadow:none;}
}
#products {display: grid; grid-template-columns: repeat(2,1fr); width: 100%; grid-gap: 20px; }
#products .item {display: flex; align-items: flex-end; width: 100%; background: var(--c-gray-lighter); padding: 20px; border-radius: 10px; }
#products .item .banner {flex: 0 1 25%; }
#products .item .banner img {border-radius: 15px; }
#products .item .text {flex: 1; padding: 0 0 0 20px; }
#products .item .text .name {width: 100%; display: block; color: var(--c-black); text-decoration: none; margin: 0 0 10px 0; font-weight: 400; }
#products .item .text .btn {background: var(--c-main);padding: 10px 18px;font-size: 12px;margin: 0 4px 0 0;color: #fff;border: solid 1px var(--c-main);}
#products .item .text .btn.secondary {background: none; color: #000; }
.pathways-header {max-width: 1450px;margin: 0 auto 0px;position: relative;padding: 0px 0 0 0;}
.pathways-header + #primary {box-shadow: 0 -300px 0 var(--c-gray-lightest); }
.pathways-header .banner {}
.pathways-header .banner img {border-radius:20px;max-height: 640px;object-fit: cover;}
.pathways-header .text {position: absolute;bottom: 0;left: 0;right: 0;top: 0;padding: 0 80px 80px;display: flex;flex-direction: column;justify-content: flex-end;}
.pathways-header .text > * {z-index:2; position:relative;}
.pathways-header .text .listing-extra-small {margin: 0 0 20px 0;}
.pathways-header .text .listing-extra-small .item {border:solid 1px var(--c-gray);}
.pathways-header .text::after {content:"";background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 31%, rgba(99,102,106,1) 62%);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: 0;border-radius: 0 0 20px 20px;pointer-events: none;}
.pathways-header .text h1 {color: #fff; font-size: 40px; font-weight: 500; }
.pathways-header .text .progress {flex-wrap: wrap; background: none; color: #fff; height: auto; border-radius: 0; overflow: visible; font-size: 15px; }
.pathways-header .text .progress .percent {font-weight: 600; }
.pathways-header .text .progress .courses {margin: 0 0 0 auto;grid-gap: 0;display: block;}
.pathways-header .text .progress .bar {height: 8px; width: 100%; flex: 0 1 100%; background: rgb(255 255 255 / 20%); border-radius: 10px; margin: 8px 0 0 0; overflow: hidden; position: relative; }
.pathways-header .text .progress .bar .complete {background: #fff; display: block; position: absolute; left: 0; height: 10px; }
.pathways-header .text > .btn { background: #fff; border: none; align-self: baseline; margin: 20px 0 0 0; padding: 20px 25px; font-size: 16px; font-weight: 700; }
.pathways-header .text > .btn:hover {background:var(--c-secondary);}
@media (max-width: 991px) {
.pathways-header .banner {}
.pathways-header .banner img {border-radius:0;min-height: 520px;}
.pathways-header .text {padding: 0 40px 40px 40px; }
}
@media (max-width: 767px) {
.pathways-header .text {padding: 0 20px 20px 20px;}
.pathways-header .text::after {border-radius:0;top: -140px;}
.pathways-header .text h1 {font-size: 28px;}
.pathways-header .text .listing-extra-small {width: calc(100% + 20px);}
}
.webinar-header-live {border-radius: 20px;overflow: auto;position: relative;margin: 20px auto 0 auto;max-width: 1390px;color: var(--c-main);}
.webinar-header-live .note {text-align:left; color:var(--c-main);}
.webinar-header-live + #primary {box-shadow: 0 -300px 0 var(--c-gray-lightest); }
.webinar-header-live.live {overflow:visible}
.webinar-header-live::before {content:"";padding-top:56.25%;display: block;}
.webinar-header-live::after {content:"";position: absolute;left: 0;right: 0;bottom: 0;top: 0;z-index: 2;background: rgb(99,102,106);background: linear-gradient(188deg, rgba(99,102,106,0) 20%, rgba(99,102,106,1) 62%);border-radius: 20px;}
.webinar-header-live.event-header::after {background: url(/w/cpgabaprofessional.de/images/event-overlay-2.png) top center no-repeat;top: 30px;opacity: 1;bottom: 0;left: 0;right: 0;background-size: cover;}
.webinar-header-live.event-header .text .details .meta .type {align-items: flex-end;display: flex;background: #fff;color: var(--c-secondary);max-width: 620px;}
.webinar-header-live.event-header .text .details .meta .type i {font-size: 62px;margin: -45px 10px 0 0;position: relative;color: #fff;z-index: 2;animation: tilt-shaking 0.4s infinite;transform-origin: bottom center;width: auto;}
.webinar-header-live.event-header .text .details .meta .type i::before {position:relative;z-index:3;color: #000;}
.webinar-header-live.event-header .text .details .meta .type i::after {content:"\f041";font-weight: 900;position: absolute;left: 0;}
.webinar-header-live.event-header .text .message {opacity: 1;color: #eee;}
.webinar-header-live.event-header .text .message strong {background: var(--c-orange);padding: 10px 20px;display: inline-block;border-radius: 10px;margin: 0 0 9px 0;color: #fff;}
@keyframes tilt-shaking {
0% { transform: rotate(0deg); }
25% { transform: rotate(5deg); }
50% { transform: rotate(0eg); }
75% { transform: rotate(-5deg); }
100% { transform: rotate(0deg); }
}
.webinar-header-live .text {color: #fff;font-size: 18px;padding: 45px;flex-wrap: wrap;align-items: center;z-index: 3;position: absolute;left: 0;right: 0;bottom: 0;display: flex;}
.webinar-header-live .text .details {flex: 0 1 65%;padding: 0 40px 0 0;}
.webinar-header-live .text .details .meta {display: inline-flex;font-size: 22px;align-items: center;line-height: 1.1;}
.webinar-header-live .text .details .meta .type {margin: 0 30px 0 0;line-height: 1;font-weight: 600;background: var(--c-orange);color: #fff;padding: 15px 25px;border-radius: 10px;text-align: left;font-weight: 700;}
.webinar-header-live .text .details .meta .date {margin: 0 30px 0 0px;line-height: 1;font-weight: 700;text-align: left;}
.webinar-header-live .text .details .meta .timezone {margin: 0;text-align: left;position: relative;}
.webinar-header-live .text .details .meta .timezone > span {line-height: 1;display: block;font-size: 13px;position: relative;font-weight: 300;padding: 0px 0 0 35px;cursor: pointer;margin: 0;z-index: 6;}
.webinar-header-live .text .details .meta .timezone > span::before {content:"\f0ac";font-family:'Font Awesome 7 Pro';font-weight:900;position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-size: 27px;}
.webinar-header-live .text .details .meta .timezone-popup {background: #fff;font-size: 13px;position: absolute;top: 46px;min-width: 400px;padding: 20px;border-radius: 10px;right: 0;display: none;z-index: 5;box-shadow: 0 0 15px rgb(0 0 0 / 10%);}
.dark-mode .webinar-header-live .text .details .meta .timezone-popup {background: var(--c-gray-lightest)}
.webinar-header-live .text .details .meta .timezone.active .timezone-popup {display:block}
.webinar-header-live .text .details .meta .timezone.active > span::after {content:"";width: 0;height: 0;border-style: solid;border-width: 0 10px 10px 10px;border-color: transparent transparent #fff transparent;position: absolute;left: 4px;margin: 0;bottom: -20px;}
.dark-mode .webinar-header-live .text .details .meta .timezone-popup::before {border-color: transparent transparent var(--c-gray-lightest) transparent;}
.webinar-header-live .text .details .meta .timezone-popup .timezoneItem {display: flex;padding: 1px 0;color: #666;padding: 0 0 5px 0;border-bottom: solid 1px #eee;margin: 0 0 5px 0;}
.webinar-header-live .text .details .meta .timezone-popup .timezoneItem:last-child {margin:0; border:none; padding:0}
.webinar-header-live .text .details .meta .timezone-popup .timezoneItem .location {margin: 0; font-weight: 600; }
.webinar-header-live .text .details .meta .timezone-popup .timezoneItem .time {margin: 0 0 0 auto; }
.webinar-header-live .text .details .name {color: #fff;font-size: 52px;text-decoration: none;line-height: 1.1;margin: 15px 0 30px 0;display: block;flex: 0 1 100%;font-weight: 600;}
.webinar-header-live .text .details .speakers {}
.webinar-header-live .text .details .speakers .speaker {display: inline-flex;align-items: center;display:none;}
.webinar-header-live .text .details .speakers .speaker:first-child {display: inline-flex;}
.webinar-header-live .text .details .speakers .speaker.active {display: inline-flex !important;}
.webinar-header-live .text .details .speakers .speaker img {max-width: 95px;border-radius: 50%;margin: 0 15px 0 0;background: #fff;height: 95px;object-fit: cover;}
.webinar-header-live .text .details .speakers .speaker p {margin: 0;font-size: 25px;font-weight: 400;line-height: 1.3;text-align: left;}
.webinar-header-live .text .details .speakers .speaker p span {font-weight: 300; display: block; font-size: 14px; opacity: 0.7; }
.webinar-header-live .text .countdown-wrap {align-self: flex-end;text-align: center;flex: 1;}
.webinar-header-live .text .countdown-wrap .btn {color: #fff;margin: 0 0 0 auto;text-transform: uppercase;font-size: 24px;font-weight: 600;background: var(--c-secondary);border: none;padding: 20px 30px;}
.webinar-header-live .text .countdown-wrap .btn em { font-style: normal; }
.webinar-header-live .text .countdown-wrap .btn.registered {}
.webinar-header-live .text .countdown-wrap .btn.launch_now { background: var(--c-orange); font-weight: 700; color: #fff; }
.webinar-header-live .text .countdown-wrap .btn.launch_now:hover {background:var(--c-secondary); color:#fff}
.webinar-header-live .text .countdown-wrap .btn i {font-size: 34px;display: inline-block;margin: -6px 14px -5px 0px;vertical-align: top;}
.webinar-header-live .text .countdown-wrap .btn:hover {color: #000000;background: #fff;}
.webinar-header-live .text .countdown-wrap .actions { margin: 20px 0 0 0; display: flex; justify-content: center; }
.webinar-header-live .text .countdown-wrap .actions .bookmark { width: 34px; height: 34px; border: solid 1px #fff; color: #fff; background: none; border-radius: 50%; line-height: 32px; display: inline-block; vertical-align: top; transform:scale(1); transition: transform 0.3s; position: relative; margin: 0 4px 0 4px; padding: 0; }
.webinar-header-live .text .countdown-wrap .actions .bookmark:hover {background:#fff; color:#000;transform:scale(1.3) }
.webinar-header-live .text .countdown-wrap .actions .bookmark i {font-size: 16px;}
.webinar-header-live .text .countdown-wrap .actions .bookmark.active i::before {content:"\ea1c";font-family:icomoon;}
.webinar-header-live .text .countdown-wrap .actions ul {padding: 0;list-style: none;margin: 0;text-align: center;display: inline-flex;justify-content: center;align-items: flex-start;vertical-align: top;}
.webinar-header-live .text .countdown-wrap .actions ul > li {display: inline-block;margin: 0 4px;}
.webinar-header-live .text .countdown-wrap .actions .calendar {position: relative;margin: 0 4px 0 0;}
.webinar-header-live .text .countdown-wrap .actions .calendar > i {width: 34px;height: 34px;text-align: center;line-height: 33px;border: solid 1px #fff;color: #fff;border-radius: 50%;font-size: 15px;transition: transform 0.3s;}
.webinar-header-live .text .countdown-wrap .actions .calendar > i:hover {background:#fff;color: #000000;transform:scale(1.3)}
.webinar-header-live .text .countdown-wrap .actions .calendar > span {display:none}
.webinar-header-live .text .countdown-wrap .actions .calendar .calendar-popup {display: none;position: absolute;bottom: 50px;background: #fff;padding: 12px 20px;z-index: 10;border-radius: 10px;left: 50%;transform: translateX(-50%);}
.webinar-header-live .text .countdown-wrap .actions .calendar.active .calendar-popup {display:block;}
.webinar-header-live .text .countdown-wrap .actions .calendar.active .calendar-popup::after {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #fff transparent transparent transparent;position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);}
.webinar-header-live .text .countdown-wrap .actions .calendar .calendar-popup a {display: flex;font-size: 13px;text-decoration: none;white-space: nowrap;font-weight: 300;margin: 8px 0;align-items: center;font-family: "Open Sans" !important;}
.webinar-header-live .text .countdown-wrap .actions .calendar .calendar-popup a:hover {color: var(--c-secondary);}
.webinar-header-live .text .countdown-wrap .actions .calendar .calendar-popup a:hover i::before {opacity:1; color:var(--c-main)}
.webinar-header-live .text .countdown-wrap .actions .calendar .calendar-popup a i {font-size: 18px; vertical-align: top; display: inline-block; margin: 0 10px 0 0; }
.webinar-header-live .text .countdown-wrap .actions .calendar .calendar-popup a i::before {font-family: "Font Awesome 7 Brands";font-weight: 500;opacity: 0.3;}
.webinar-header-live .text .countdown-wrap .actions ul > li > .calendar .calendar-popup a:hover i::before {opacity:1}
.webinar-header-live .text .countdown-wrap .actions ul > li > a {display: block; }
.webinar-header-live .text .countdown-wrap .actions ul > li > a > i {width: 34px;height: 34px;text-align: center;line-height: 33px;border: solid 1px #fff;color: #fff;border-radius: 50%;font-size: 15px;transition: transform 0.3s}
.webinar-header-live .text .countdown-wrap .actions ul> li > a:hover > i {background:#fff;color: #000000;transform:scale(1.3)}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] {text-align: center;margin: 0 0 20px 0;min-width: 340px;}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .dots {vertical-align: top;display: inline-block;padding: 15px 10px 0 10px;}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .column {display: inline-block;line-height: 1;/* min-width: 77px; */}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-days, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-hours, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-minutes, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-seconds {font-size: 50px;font-weight: 600;display: inline-block;}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-days-label, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-hours-label, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-minutes-label, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-seconds-label {display: block;font-size: 11px;}
.webinar-header-live .text .message {margin: 30px 0 0 0; font-weight: 300; font-size: 14px; text-align: center; flex: 0 1 100%; opacity: 0.5; }
.webinar-header-live .credits {position: absolute;z-index: 4;color: #fff;border-radius: 50%;left: 45px; top: 45px;opacity: 1;background: var(--c-orange);width: 70px;height: 70px;text-align: center;line-height: 70px;font-weight: 700;font-size: 21px;letter-spacing: -1px;}
.webinar-header-live .credits.ten {line-height: 1;font-size: 21px;padding: 20px 0 0 0;}
.webinar-header-live .credits.ten span {font-size: 55%; position: relative; top: -8px; }
.webinar-header-live .sponsors {position: absolute;top: 45px;right: 45px;z-index: 10;height: 88px;display: flex;align-items: center;}
.webinar-header-live .sponsors img {display: none;max-height: 58px;background: #fff;max-width: 150px;width: auto;border-radius: 10px;padding: 15px;box-sizing: unset;}
.webinar-header-live .sponsors img.active {display:block;}
.webinar-header-live .sponsors img:first-child {display:block;}
.webinar-header-live .bg {position: absolute;bottom: 0;top: 0;left: 0;width: 100%;z-index: 1;/* border-radius: 20px; */overflow: hidden;}
.webinar-header-live .bg img {border-radius: 0;width: 100%;height: 100%;object-fit: cover;}
@media (max-width: 1390px) {
.webinar-header-live {border-radius: 0;}
.webinar-header-live::after {border-radius: 0;}
}
@media (max-width: 1200px) {
.webinar-header-live {}
.webinar-header-live::before {padding: 7%;}
.webinar-header-live .text {justify-content: center;position: relative;}
.webinar-header-live .text .details {padding: 0;flex: 0 1 100%;text-align: center;margin: 0 0 10px 0;}
.webinar-header-live .text .details .name {font-size: 26px;margin: 10px 0 20px 0;font-weight: 700;line-height: 1.1;}
.webinar-header-live .text .details .speakers {}
.webinar-header-live .text .details .speakers .speaker {}
.webinar-header-live .text .details .speakers .speaker img {height: 70px;max-width: 70px;}
.webinar-header-live .text .details .speakers .speaker p {font-size: 19px;}
}
@media (max-width: 991px) {
.webinar-header-live {position: relative;margin: 0px auto 0 auto;}
.webinar-header-live::before {padding:0}
.webinar-header-live.event-header::after {
/* top: -50px; */
}
.webinar-header-live .text {padding: 110px 20px 20px;/* top: 0; */}
.webinar-header-live .text .details {padding: 0;flex: 0 1 100%;text-align: center;margin: 0 0 10px 0;}
.webinar-header-live .text .details .meta {width: 100%;/*display: block;*/font-size: 18px;justify-content: center;}
.webinar-header-live .text .details .meta .timezone {}
.webinar-header-live .text .details .meta .timezone-popup { transform: none; left: auto; right: 0; /* max-width: 300px; */ min-width: 340px; /* width: 100%; */ }
.webinar-header-live .text .details .meta .timezone-popup::before { transform: none; right: 80px; left: auto; }
.webinar-header-live .text .details .meta .timezone > span {margin: 0;}
.webinar-header-live .text .details .meta .date {font-size: 18px;margin: 0 auto 0 0;}
.webinar-header-live .text .details .meta .type {position: absolute;top: 27px;right: 20px;margin: 0;font-size: 14px;}
.webinar-header-live .text .details .meta .type br {display:none}
.webinar-header-live .credits {left: 20px;top: 20px;}
.webinar-header-live::after {top: 0; background: linear-gradient(188deg, rgba(99,102,106,0) 0%, rgba(99,102,106,1) 59%); }
.webinar-header-live .text .countdown-wrap .btn {font-size: 18px;}
.webinar-header-live .text .countdown-wrap .btn.registered::before {font-size: 22px;}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .column {min-width: auto;}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-days, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-hours, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-minutes, .webinar-header-live .text .countdown-wrap div[class^="countdown"] .ce-seconds {font-size: 45px;}
.webinar-header-live .text .countdown-wrap div[class^="countdown"] .dots {padding: 7px 7px 0 7px;}
.webinar-header-live.event-header .text {padding: 200px 20px 20px;}
.webinar-header-live.event-header::after { top: -130px; }
.webinar-header-live.event-header .text .details .meta .type { top: 33px; font-size: 13px; padding: 15px 20px;}
.webinar-header-live.event-header .text .details .meta .type i {display:none}
}
@media (max-width: 1200px) {
.webinar-header-live.event-header {}
.webinar-header-live.event-header::before {padding:0}
.webinar-header-live.event-header .bg {position: absolute;top: 0;right: 0;left: 0;bottom: 0;height: 65%;}
.webinar-header-live.event-header .text {padding: 260px 20px 20px;}
.webinar-header-live.event-header .text .details .name {font-size: 32px;}
.webinar-header-live.event-header::after {top: 0;background: url(/w/cpgabaprofessional.de/images/event-overlay-2.png) top center no-repeat;background-size: cover;}
}
@media (max-width: 767px) {
.webinar-header-live.event-header {}
.webinar-header-live.event-header .bg {position: absolute;top: 0;right: 0;left: 0;bottom: 0;height: 35%;}
.webinar-header-live.event-header .text {padding: 170px 20px 20px;}
.webinar-header-live.event-header::after {top: -130px;background: url(/w/cpgabaprofessional.de/images/event-overlay-mobile-2.png) top center no-repeat;background-size: cover;}
.webinar-header-live.event-header .text .details .name {font-size: 26px;}
.webinar-header-live .text .countdown-wrap .btn { font-size: 14px; padding: 18px 20px; text-align: left; }
.webinar-header-live .text .countdown-wrap .btn span { display: block; }
.webinar-header-live .text .countdown-wrap .btn span i { margin: 0 10px 0 0; font-size: 22px; }
.webinar-header-live.event-header .text .details .meta .type { max-width: 250px; text-align: right; }
}
.cw-accordion .speakers {}
.cw-accordion .speakers .speaker{display: flex; align-items: center; flex-wrap: wrap; margin: 40px 0 0 0; }
.cw-accordion .speakers .speaker img {max-width: 100px; border: solid 2px var(--c-main); border-radius: 50%; margin: 0 15px 0 0; }
.cw-accordion .speakers p {margin: 0;font-weight: 600;color: var(--c-black);}
.cw-accordion .speakers p span {display: block; opacity: 0.7; font-weight: 300; font-size: 12px; }
.cw-accordion .alignnone {max-width: 200px;}
.cw-accordion {}
.cw-accordion .group {font-weight: 700; font-size: 15px; margin: 0 0 10px 0; }
.cw-accordion .cw-accordion-item {margin: 0 0 15px 0;border: none;box-shadow: none;background: var(--c-white);border-radius: 10px;overflow: hidden;}
.cw-accordion .cw-accordion-item.active {box-shadow: 0 0 10px rgb(0 0 0 / 10%); }
.cw-accordion .cw-accordion-item .cw-accordion-button, .cw-accordion .cw-accordion-item .name {background: none;box-shadow: none;/* border: solid 1px var(--c-gray-lighter); */color: var(--c-black);padding: 20px 20px 20px 20px;border-radius: 10px;font-weight: 400;display: flex;/* flex-wrap: wrap; */cursor: pointer;position: relative;/* align-items: flex-start; */}
.cw-accordion .cw-accordion-item.active .cw-accordion-button {/* border-radius: 10px 10px 0 0; *//* background: var(--c-main); *//* border: solid 1px var(--c-main); *//* color: #fff; */border: none;}
.cw-accordion .cw-accordion-item .cw-accordion-button .more {border: none;background: none;margin: 1px 0 0 auto;}
.cw-accordion .cw-accordion-item .cw-accordion-button .more::before {background: none; content: "\e911"; color: inherit; font-family: icomoon; transform: rotate(-90deg); transform-origin: center center; text-align: center; transition: all 0.3s; position: relative; display: block; }
.cw-accordion .cw-accordion-item.active .cw-accordion-button .more::before {transform: rotate(90deg); }
.cw-accordion .cw-accordion-item .cw-accordion-button .banner {margin: 0 20px 0 0;align-self: flex-start;position: relative;height: 100%;}
.cw-accordion .cw-accordion-item .cw-accordion-button .banner::before {content:"";display: block;padding: 100% 0 0 0;width: 160px;}
.cw-accordion .cw-accordion-item .cw-accordion-button .banner img {max-width: 160px;border-radius: 10px;position: absolute;top: 0;left: 0;right: 0;height: 100%;object-fit: cover;}
.cw-accordion .cw-accordion-item .cw-accordion-button .banner .credits {margin: 0 0 0 auto;background: var(--c-main);color: #fff;border-radius: 50%;width: 36px;height: 36px;text-align: center;line-height: 36px;font-weight: 600;letter-spacing: -1px;font-size: 14px;position: absolute;top: 10px;left: 10px;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name {/* margin:0 auto 0 0; *//* flex: 1; */display: inline-flex;flex-direction: column;align-items: flex-start;padding: 0 40px 0 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name span {flex: 0 1 100%;margin: 8px 0 0 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .type {margin: 0 15px 0 0;background: #aaa;color: #fff;border-radius: 5px;padding: 6px 10px;text-transform: uppercase;font-weight: 600;font-size: 15px;display: inline-block;font-size: 13px;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers-wrap {display: flex; margin: 10px 0 0 0; }
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers-wrap .credits {background: var(--c-orange);color: #fff;font-weight: 700;width: 50px;height: 50px;border-radius: 50%;line-height: 50px;text-align: center;margin: 0 10px 0 0;font-size: 15px;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers-wrap .credits.ten {line-height: 1; font-size: 21px; padding: 8px 0 0 0; }
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers-wrap .credits.ten span {font-size: 55%; position: relative; top: -8px; }
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers {display: flex;margin: 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker {margin: 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker {display:none;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker:first-child {display:flex;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker.active {display: flex !important;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker img {max-width: 50px;border: solid 1px var(--c-gray-light);margin: 0 10px 0 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker p {line-height: 1.2;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .speakers .speaker p span {margin: 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .spacer {flex-grow: 1; }
.cw-accordion .cw-accordion-item .cw-accordion-button .name .progress-status {color: var(--c-gray);display: flex;align-items: center;font-size: 12px;margin: 0 0 0 auto;position: absolute;right: 20px;bottom: 28px;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .progress-status i {font-size: 19px;margin: 0 7px 0 0;line-height: 1;width: 36px;height: 36px;background: #aaa;text-align: center;line-height: 36px;border-radius: 50%;font-size: 19px;margin: 0 0 0 3px;color: #fff;}
.cw-accordion .cw-accordion-item.active .cw-accordion-button .name {font-weight:600}
.cw-accordion .cw-accordion-item.active .cw-accordion-button .banner img {/* border-radius: 10px 0 0 0px; */}
.cw-accordion .cw-accordion-item .cw-accordion-button .watch-now {margin: 0 0 0 auto;background: var(--c-main);color: #fff;padding: 10px 20px;border-radius: 10px;font-size: 14px;border: none;align-self: flex-start;}
.cw-accordion .cw-accordion-item .cw-accordion-button .watch-now:hover {background:var(--c-secondary)}
.cw-accordion .cw-accordion-item.active .cw-accordion-button .watch-now {}
.cw-accordion .cw-accordion-item .cw-accordion-body {padding: 20px 0 40px 0;border: solid 1px var(--c-gray-lighter);padding: 0 20px 20px;/* border-radius: 0 0 10px 10px; */border-top: none;display: none;}
.cw-accordion .cw-accordion-item.active .cw-accordion-button + .cw-accordion-body {display:block;border: none;}
@media (max-width: 767px) {
.cw-accordion {}
.cw-accordion .cw-accordion-item {margin: 0 0 15px 0;border: none;box-shadow: none;background: var(--c-white);box-shadow: 0 0 10px rgb(0 0 0 / 10%);border-radius: var(--r10);}
.cw-accordion .cw-accordion-item .cw-accordion-button {background: none;box-shadow: none;/* border: solid 1px var(--c-gray-lighter); *//* box-shadow: 0 0 10px rgb(0 0 0 / 10%); */color: var(--c-black);/* padding: 20px 50px 20px 20px; */border-radius: 10px;font-weight: 400;display: flex;/* flex-wrap: wrap; */cursor: pointer;position: relative;align-items: flex-start;}
.cw-accordion .cw-accordion-item .cw-accordion-button.active {border-radius: 10px 10px 0 0;background: var(--c-main);/* border: solid 1px var(--c-main); */color: #fff;}
.cw-accordion .cw-accordion-item .cw-accordion-button::after {background: none;/* content: "\e911"; */color: inherit;font-family: icomoon;transform: rotate(-90deg);transform-origin: center center;text-align: center;transition: all 0.3s;position: absolute;right: 20px;top: 20px;}
.cw-accordion .cw-accordion-item .cw-accordion-button.active::after {transform: rotate(90deg);}
.cw-accordion .cw-accordion-item .cw-accordion-button button {background: none;padding: 0;margin: 0;border: none;color: var(--c-black);text-align: left;}
.cw-accordion .cw-accordion-item .cw-accordion-button.active button {color:#fff}
.cw-accordion .cw-accordion-item .cw-accordion-body {padding: 20px 0 40px 0;border: solid 1px var(--c-gray-lighter);padding: 20px 20px 20px;border-radius: 0 0 10px 10px;border-top: none;display: none;}
.cw-accordion .cw-accordion-item .active + .cw-accordion-body {display:block}
.cw-accordion .cw-accordion-item .cw-accordion-button .banner {margin: -20px -20px 20px -20px;flex: 0 1 calc(100% + 40px);width: calc(100% + 40px);}
.cw-accordion .cw-accordion-item .cw-accordion-button .banner::before {width: 100%;padding: 56.25% 0 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .banner img {width: 100%;max-width: 100%;border-radius: 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .watch-now {margin: 10px 0 0 0;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name {padding: 0;flex: 0 1 100%;}
.cw-accordion .cw-accordion-item .cw-accordion-button .name .progress-status {bottom: 23px; }
}
#cw-modal body {font-family: "Open Sans" }
#cw-modal #page .vjs-modal-dialog .vjs-modal-dialog-content {font-family: "Open Sans" !important;}
#cw-modal .quiz-form > ul > li > label {font-family: "Open Sans" !important;}
/* ======================== */
/* ====== Overwrites ====== */
/* ======================== */
/* ====== Video JS ====== */
body .video-js .vjs-control-bar::after {background: var(--c-main); background: linear-gradient(0deg, var(--c-main) 0%, rgba(99, 102, 106,0) 100%); }
/* ====== Webinar room ====== */
body {font-family:"Open Sans" !important;}
#page .vjs-modal-dialog .vjs-modal-dialog-content {font-family: Open Sans !important;}
.quiz-form > ul > li > label {font-family: Open Sans !important;}
.register-steps {font-size: 18px;text-align: center;}
.register-steps h2 {font-weight: 700;margin: 60px 0 20px 0;}
.register-steps h3 {margin: 0 0 20px 0;font-size: 18px;}
.register-steps .item {display: inline-flex;align-items: center;margin: 0 0 15px 0;max-width: 750px;text-align: left;width: 100%;}
.register-steps .item .step {font-weight: 800;width: 70px;height: 70px;line-height: 66px;border: solid 2px var(--c-main);text-align: center;font-size: 33px;border-radius: 50%;margin: 0 15px 0 0;}
.register-steps .item p {margin: 0;font-weight: 400;flex: 1;}
.user-boxes {display: grid;grid-template-columns: repeat( auto-fit, minmax(290px, 1fr) );grid-gap: 30px;margin: 0 0 35px 0;}
.user-boxes .box {background: var(--c-white);padding: 20px;border-radius: 20px;}
.user-boxes .box h3 {font-weight: 700;font-size: 18px;margin: 0 0 12px 0;text-transform: uppercase;}
.user-boxes .box .message {display: flex;align-items: center;margin: 0 0 30px 0;}
.user-boxes .box .message img {max-width: 80px;border-radius: 50%;margin: 0 15px 0px 0;border: solid 2px var(--c-gray-light);}
.user-boxes .box .message i {font-size: 62px;margin: 0 15px 0px 0;/* border: solid 2px var(--c-main); */}
.user-boxes .box .message p {margin: 0;color: var(--c-black);font-size: 17px;line-height: 1.2;font-weight: 700;}
.user-boxes .box .message p span {display: block;margin: 0 0 4px;font-weight: 300;margin: 2px 0 0 0;font-size: 13px;}
.user-boxes .box .message p a {color: var(--c-black); text-decoration: none; border-bottom: solid 1px var(--c-black); }
.user-boxes .box.profile {font-size: 15px; }
.user-boxes .box.profile ul {margin: 0 0 40px 0;padding: 0;list-style: none;font-size: 15px;color: var(--c-gray-lighter);}
.user-boxes .box.profile ul:last-child {margin-bottom:0}
.user-boxes .box.profile ul li {margin: 0 0 3px 0;}
.user-boxes .box.profile ul li a {color: var(--c-gray-dark);text-decoration: none;}
.user-boxes .box.profile ul li a:hover {color:var(--c-main); font-weight:400}
.user-boxes .box .certificates {margin: 0;grid-template-columns: repeat(1,1fr);grid-gap: 19px;}
.user-boxes .box .certificates + .btn {width: 100%;margin: 20px 0 0 0;text-align: center;justify-content: center;}
.user-boxes .box .certificates .item {display: flex;flex-wrap: wrap;padding: 0;align-items: flex-end;}
.user-boxes .box .certificates .item .icon {font-size: 50px;margin: 0 10px 0 0;opacity: 0.3;}
.user-boxes .box .certificates .item .text {flex: 1;text-align: left;padding: 0;}
.user-boxes .box .certificates .item .text .type {font-weight: 400;font-size: 11px;margin: 0;opacity: 0.7;}
.user-boxes .box .certificates .item .text .name {}
.user-boxes .box .certificates .item .text .title {text-decoration: none;font-size: 15px;font-weight: 600;line-height: 1.1;display: block;color: var(--c-main);}
.user-boxes .box .certificates .item .foot {margin: 10px 0 0 0;flex: 0 1 100%;padding: 0;text-align: left;}
.user-boxes .box .certificates .item .foot .date {font-size: 12px;}
.user-boxes .box .certificates .item .foot .btn {margin: 0 8px 10px 0;}
.user-boxes .box .certificates .item .foot .btn i {font-size: 20px;margin: 0 6px 0 0;}
.user-boxes .box .certificates .item .foot .btn:last-child {margin-right: 0;}
.fad-course-details { text-decoration: none; display: inline-flex; align-items: center; margin: 0 5px 10px 0; /*line-height: 40px;*/ vertical-align: top; }
.fad-course-details i { font-size: 20px; margin: 0 5px 0 0; }
.fad-course-details:hover span { text-decoration: underline; }
.user-boxes .box .certificates .item .foot .note { margin: 20px 0 0 0; font-size: 13px; /* display: none; */ }
.user-boxes .box .certificates .item .foot .note .remaining-courses { padding: 0; list-style: none; margin: 0; }
.user-boxes .box .certificates .item .foot .note .remaining-courses li {}
.user-boxes .box .certificates .item .foot .note .remaining-courses li i {display:none}
/* .user-boxes .box .certificates .item .foot .dropdown {}
.user-boxes .box .certificates .item .foot .dropdown .btn { border: solid 1px var(--c-secondary); background: none; color: var(--c-secondary); box-shadow: none; }
.user-boxes .box .certificates .item .foot .dropdown .btn::after { margin: 0 0 0 10px; }
.user-boxes .box .certificates .item .foot .dropdown .btn.show {background: var(--c-secondary);color: #fff;border-radius: 10px 10px 0 0;width: 260px;}
.user-boxes .box .certificates .item .foot .dropdown .dropdown-menu {padding: 15px;background: var(--c-secondary);border: none;border-radius: 0 0 10px 10px;box-shadow: none;top: 40px !important;bottom: auto !important;font-size: 14px;min-width: 260px;max-width: 260px;transform: none !important;}
.user-boxes .box .certificates .item .foot .dropdown .dropdown-menu li { margin: 0 0 12px 0; }
.user-boxes .box .certificates .item .foot .dropdown .dropdown-menu li:last-child { margin: 0; }
.user-boxes .box .certificates .item .foot .dropdown .dropdown-menu li a { color: #fff; text-decoration: none; }
.user-boxes .box .certificates .item .foot .dropdown .dropdown-menu li a:hover {font-weight:500} */
.dropdown-certificate { position: relative; }
.dropdown-certificate .btn {border: solid 1px var(--c-secondary) !important;background: none !important;color: var(--c-secondary) !important;box-shadow: none !important;margin:0 !important}
.dropdown-certificate .btn i {font-size:20px; margin:0 10px 0 0;}
.dropdown-certificate .btn::after { margin: 0 0 0 10px; }
.dropdown-certificate .btn.show {background: var(--c-secondary) !important;color: #fff !important;border-radius: 10px 10px 0 0;width: 260px;box-shadow: none !important;}
.dropdown-certificate .dropdown-menu {padding: 15px;background: var(--c-secondary);border: none;border-radius: 0 0 10px 10px;box-shadow: none;top: 40px !important;bottom: auto !important;font-size: 14px;min-width: 260px;max-width: 260px;transform: none !important;}
.dropdown-certificate .dropdown-menu li {margin: 0 0 12px 0;font-size: inherit;}
.dropdown-certificate .dropdown-menu li:last-child { margin: 0; }
.dropdown-certificate .dropdown-menu li a { color: #fff; text-decoration: none; }
.dropdown-certificate .dropdown-menu li a:hover {font-weight:500}
.user-boxes .box .certificates .item .foot .link {text-decoration: none;font-weight: 400;font-size: 13px;align-items: center;display: inline-flex;}
.user-boxes .box .certificates .item .foot .link i {font-size: 18px;margin: 0 6px 0 0;}
.user-boxes .box .certificates .item .foot .link:last-child {}
.user-boxes .box .certificates .item .foot .link:hover {}
.user-boxes .box .attention {}
.user-boxes .box .attention h2 {font-weight: 600;font-size: 18px;margin: 0 0 14px 0;position: relative;padding: 0 0 0 68px;color: var(--c-main);}
.user-boxes .box .attention h2 a i {/* content: "\f04b"; */background: var(--c-main);display: block;position: absolute;left: 0;top: -8px;display: block;width: 60px;height: 60px;border-radius: 50%;color: #fff;/* font-family: "Font Awesome 7 Pro"; */font-weight: 900;text-align: center;line-height: 60px;font-size: 29px;padding: 0 0 0 3px;}
.user-boxes .box .attention p {}
.user-boxes .box .attention p a {}
.user-boxes .box.cden-features {background: var(--c-main); color: #fff; }
.user-boxes .box.cden-features h2 {font-weight: 600; color: #fff; font-size: 25px; }
.user-boxes .box.cden-features > ul {list-style: none; padding: 0; margin: 0; font-size: 15px; }
.user-boxes .box.cden-features > ul > li {padding: 0 0 0 26px; position: relative; margin: 0 0 9px 0; font-weight: 400; }
.user-boxes .box.cden-features > ul > li::before {content: "\f00c"; font-family: "Font Awesome 7 Pro"; font-weight: 900; color: #fff; font-size: 20px; margin: 0 7px 0 0; display: inline-block; vertical-align: middle; left: 0; top: -3px; position: absolute; }
.user-boxes .box.cden-features > ul > li > ul {padding: 0; margin: 8px 0 15px 0; list-style: none; position: relative; }
.user-boxes .box.cden-features > ul > li > ul > li {position: relative; padding: 0 0 0 20px; font-weight: 300; opacity: 0.8; line-height: 1.2; margin: 0 0 10px 0; }
.high-contrast .user-boxes .box.cden-features > ul > li > ul > li {opacity:1;}
.user-boxes .box.cden-features > ul > li > ul > li::before {content: ""; display: inline-block; width: 7px; height: 7px; background: #fff; border-radius: 50%; vertical-align: middle; margin: 0; position: absolute; left: 0; top: 7px; }
.user-boxes .box.cden-stats {font-size: 15px; text-align: center; }
.user-boxes .box.cden-stats h2 {font-weight: 600;font-size: 25px;}
.user-boxes .box.cden-stats h2.cden-tour {display: inline-flex; align-items: center; line-height: 1; margin: 20px 0 10px 0; }
.user-boxes .box.cden-stats h2.cden-tour i {width: 60px; height: 60px; background: var(--c-main); color: #fff; text-align: center; border-radius: 50%; line-height: 60px; margin: 0 10px 0 0; }
.user-boxes .box.cden-stats h2.cden-tour span {text-align: left; }
.cden-videos {text-align: center; }
.cden-videos .video {margin: 20px 0 0 0; }
.cden-videos .video img {max-width: 200px; }
.cden-videos .video p {font-weight: bold; color: var(--c-black); margin: 3px 0 0 0 !important; font-size: 15px !important; }
.link.print {position:relative;display: inline-block;font-size: 12px;text-decoration: none;padding: 0 0 0 26px;margin: 8px 20px 0 0;color: var(--c-gray-dark);padding: 3px 0px 3px 22px;/* border: solid 1px var(--c-gray-light); */border-radius: 5px;}
.link.print:hover {color: var(--c-main);}
.link.print::before {content: "\f02f";font-family: "Font Awesome 7 Pro";font-size: 21px;margin: 0;font-weight: 900;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.link.pdf {position:relative;display: inline-block;font-size: 12px;text-decoration: none;padding: 0 0 0 26px;margin: 8px 20px 0 0;color: var(--c-gray-dark);padding: 3px 0px 3px 22px;/* border: solid 1px var(--c-gray-light); */border-radius: 5px;}
.link.pdf:hover {color: var(--c-main);}
.link.pdf::before {content: "\f1c1";font-family: "Font Awesome 7 Pro";font-size: 21px;margin: 0;font-weight: 900;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.user-boxes .box.registrations {background: var(--c-main);color: #fff;line-height: 1.2;font-size: 20px;text-align: center;}
.user-boxes .box.registrations h3 {color: #fff;font-size: 26px;margin: 0 0 18px 0;}
.user-boxes .box.registrations strong {display: block;margin: 0 0 19px 0;font-size: 32px;font-weight: 800;line-height: 1;}
.user-boxes .box.registrations .item {}
.user-boxes .box.registrations .item .btn {background: #fff;color: #000;font-weight: bold;border: solid 1px #fff;font-size: 17px;}
.user-boxes .box.registrations .course-name {color: #fff;/* text-transform: uppercase; */text-decoration: none;margin: 0 0 15px 0;display: block;font-weight: 400;}
.user-boxes .box .countdown-wrap {margin: 0 0 25px 0;}
.user-boxes .box .countdown-wrap > div {display: flex;align-items: center;justify-content: center;}
.user-boxes .box .countdown-wrap > div .dots {margin: -8px 6px 0 5px;}
.user-boxes .box .countdown-wrap > div .column {text-align: center; line-height: 0.5; }
.user-boxes .box .countdown-wrap > div .column > span:nth-child(1) {display: block;font-weight: 600;font-size: 44px;line-height: 1;}
.user-boxes .box .countdown-wrap > div .column > span:nth-child(2) {font-size: 10px;}
.user-boxes .box.gray { background: var(--c-main); }
.user-boxes .box.gray > h2 { color: #fff; font-weight: 800; font-size: 24px; }
.user-boxes .box.gray .listing.courses { display: block; max-height: 290px; overflow: auto; padding: 0 10px 0 0px; margin: 0 0 20px 0; }
.user-boxes .box.gray .listing.courses::-webkit-scrollbar {-webkit-appearance: none; width: 7px;background:#aaa;border-radius: 4px;}
.user-boxes .box.gray .listing.courses::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3); }
.user-boxes .box.gray .listing.courses .item { display: flex; flex-direction: row; border-radius: 0; align-items: flex-start; transform: none; border-bottom: solid 1px rgb(255 255 255 / 20%); padding: 0 0 15px 0; margin: 0 0 15px 0; }
.user-boxes .box.gray .listing.courses .item:last-child {border-bottom: none;padding: 0 0 0 0;margin: 0 0 0 0;}
.user-boxes .box.gray .listing.courses .item::after {content:none}
.user-boxes .box.gray .listing.courses .item .banner {flex: 0 1 80px;max-width: 80px;border-radius: 10px;overflow: hidden;position: relative;min-height: auto;}
.user-boxes .box.gray .listing.courses .item .banner::after {content:"";background: url(/w/cpgabaprofessional.de/images/event-overlay-small.png) top center no-repeat;top: 0;bottom: 0;background-size: cover;position: absolute;top: 0;bottom: 0;right: 0;left: 0;/* background-size: 820px auto; *//* background-position: bottom -90px left; */}
.user-boxes .box.gray .listing.courses .item .banner a {}
.user-boxes .box.gray .listing.courses .item .banner a img {height: auto;height: 80px;transform: none;filter: none;}
.user-boxes .box.gray .listing.courses .item .text {position: relative;left: auto;top: auto;bottom: auto;right: auto;flex: 1;padding: 0 0 0 15px;}
.user-boxes .box.gray .listing.courses .item .text .meta {color: #fff;display: flex;margin: 0 0 5px 0;flex-wrap: wrap;align-items: center;}
.user-boxes .box.gray .listing.courses .item .text .meta .credits {position: relative;left: auto;top: auto;bottom: auto;margin: 0 0 0 auto;width: 36px;height: 36px;line-height: 36px;font-size: 13px;display: block;background: var(--c-orange);color: #fff;}
.user-boxes .box.gray .listing.courses .item .text .meta .credits.ten { line-height: 1; font-size: 17px; padding: 5px 0 0 0; }
.user-boxes .box.gray .listing.courses .item .text .meta .type {background: var(--c-orange);color: #fff;font-weight: 600;margin: 0;text-transform: uppercase;padding: 4px 8px;border-radius: 5px;margin: 0 8px 4px 0;font-size: 10px;}
.user-boxes .box.gray .listing.courses .item .text .meta .date {margin: 0;line-height: 1.2;font-size: 12px;}
.user-boxes .box.gray .listing.courses .item .text .name {margin: 0;color: var(--c-white); padding: 0;font-size: 14px;}
.user-boxes .box.gray .listing.courses .item.event .text .meta > span { flex: 0 1 100%; }
.user-boxes .box.gray .listing.courses .item.event .text .meta > span .date {}
.user-boxes .box.gray .buttons {}
.user-boxes .box.gray .buttons .btn {background: #fff;border: none;margin: 0px 7px 0 0;font-size: 13px;}
.user-boxes .box.gray .buttons .btn:hover {background: var(--c-secondary);}
#progress-cirlce {height: 36px;width: 36px;background: #aaa;border-radius: 50%;padding: 4px;}
@-webkit-keyframes RingProgress {
0% {stroke-dasharray: 0 100;}
}
@keyframes RingProgress {
0% {stroke-dasharray: 0 100;}
}
.ActivityRings {height: 100%;width: 100%; }
.ActivityRings .ring {transform-origin: 50%;}
.ActivityRings .completed {-webkit-animation: RingProgress 1s ease-in-out forwards;animation: RingProgress 1s ease-in-out forwards;stroke-linecap: round;}
.ActivityRings circle {fill: none;}
.ring1 .background {stroke: rgb(255 255 255 / 30%);}
.ring1 .completed {stroke: #fff;}
.item:hover #progress-cirlce {background:#fff;}
.item:hover .ring1 .background {stroke: rgb(0 0 0/ 20%);}
.item:hover .ring1 .completed {stroke: var(--c-main); }
.registered-to-webinar {}
.registered-to-webinar h2 {font-weight: 700;margin: 0 0 7px 0;}
.registered-to-webinar .date {}
.registered-to-webinar .date br {}
.registered-to-webinar p {margin: 0;font-weight: 700;margin: 0 0 0px 0;color: var(--c-secondary);font-size: 18px;}
.registered-to-webinar .add-to-calendar {/* background: #aaa; *//* margin: 30px -40px -40px; *//* padding: 30px 40px 30px; */text-align: center;margin: 30px 0 0 0;}
.registered-to-webinar .add-to-calendar a {text-decoration: none;display: inline-flex;margin: 10px 3px 0;align-items: center;font-family: 'Open Sans' !important;color: #fff;border: none;padding: 9px 16px;border-radius: 5px;background: var(--c-main);}
.registered-to-webinar .add-to-calendar a:hover {background:var(--c-secondary);}
.registered-to-webinar .add-to-calendar a i {font-size: 19px;margin: 0 7px 0 0;}
.registered-to-webinar .add-to-calendar a:hover {color: #fff;}
.registered-to-webinar .add-to-calendar a:hover i {opacity:1}
.registration_form-wrapper {}
.registration_form-wrapper .form-description {}
.registration_form-wrapper .registration_form {background: var(--c-gray-lighter);margin: 20px -40px;padding: 40px;}
.registration_form-wrapper .registration_form .form-field {margin: 0 0 20px 0 !important;}
.registration_form-wrapper .registration_form .form-field .form-label { font-weight: 600; color: var(--c-secondary); }
.registration_form-wrapper .registration_form .form-field .options {display: flex;column-gap: 40px;row-gap: 10px;flex-wrap:wrap;}
.registration_form-wrapper .registration_form .form-field .options .form-radio {}
.registration_form-wrapper .registration_form .form-field .options .form-radio input {display: none;}
.registration_form-wrapper .registration_form .form-field .options .form-radio label {position: relative;padding: 0 0 0 33px;cursor: pointer;}
.registration_form-wrapper .registration_form .form-field .options .form-radio label::before {content:"";display: block;position: absolute;left: 0;top: -2px;background: #fff;width: 27px;height: 27px;border-radius: 50%;border: solid 2px var(--c-gray-light);}
.registration_form-wrapper .registration_form .form-field .options .form-radio input:checked + label::before {content:"";background: var(--c-main);border-color: var(--c-main);}
.registration_form-wrapper .registration_form .form-field .options .form-radio input:checked + label::after {content:"";width: 27px;height: 27px;position: absolute;background: #fff;left: 0;top: -2px;border-radius: 50%;transform: scale(0.5);transition: all 0.3s;}
.registration_form-wrapper .registration_form .form-field .options .form-checkbox {}
.registration_form-wrapper .registration_form .form-field .options .form-checkbox input {display: none;}
.registration_form-wrapper .registration_form .form-field .options .form-checkbox label {position: relative;padding: 0 0 0 33px;cursor: pointer;}
.registration_form-wrapper .registration_form .form-field .options .form-checkbox label::before {content:"";display: block;position: absolute;left: 0;top: -2px;background: #fff;width: 27px;height: 27px;border-radius: 5px;border: solid 2px var(--c-gray-light);}
.registration_form-wrapper .registration_form .form-field .options .form-checkbox input:checked + label::before {content:"";background: var(--c-main);border-color: var(--c-main);}
.registration_form-wrapper .registration_form .form-field .options .form-checkbox input:checked + label::after {content:"\f00c";position: absolute;left: 0;top: -2px;width: 27px;height: 27px;text-align: center;line-height: 27px;font-family: 'Font Awesome 7 Pro';color: #fff;font-size: 13px;}
.registration_form-wrapper .registration_form .form-field textarea {box-shadow: none !important;background: #fff;border: none;border-radius: 10px;font-weight: 300;padding: 15px;}
.registration_form-wrapper .registration_form .form-field input[type="text"] {box-shadow: none;background: #fff;border: none;border-radius: 10px;font-weight: 300;padding: 0 15px;height: 50px;}
.registration_form-wrapper .registration_form .form-field select {box-shadow: none !important;border: none !important;border-radius: 10px;font-weight: 300;padding: 0 15px;height: 50px;background-color: #fff !important;}
.registration_form-wrapper .registration_form .form-field .invalid-feedback {margin: 0;}
.registration_form-wrapper .registration_form .form-field .invalid-feedback .error {margin: 15px 0 0 0;background: none;color: red;text-align: left;padding: 0;font-size: 12px;}
.registration_form-wrapper .registration_form .form-submit {}
.registration_form-wrapper .registration_form .form-submit .btn {padding: 15px 22px;font-size: 16px;background: var(--c-orange);border: solid 1px var(--c-orange);}
.registration_form-wrapper .registration_form .form-submit .btn:hover {background:var(--c-secondary); border:solid 1px var(--c-secondary);}
.form-success {}
.form-success .alert-success { background: none; color: var(--c-secondary); padding: 20px; border: none; text-align: center; margin: 30px 0 30px 0; font-size: 16px; background: var(--c-gray-lighter); }
@media (max-width: 767px) {
.registration_form-wrapper .registration_form {margin: 0 -20px;padding: 20px;}
}
.video-disabled {padding-top: 56.25%;margin: 0;position: relative;overflow: hidden;background: #eee;}
.video-disabled::before {content:"";}
.video-disabled p {position: absolute;top: 50%;left: 50%;transform: translate3d(-50%, -50%, 0);z-index: 100;background: var(--c-main);color: #fff;padding: 25px;margin: 0;line-height: 1.3;text-align: center;box-shadow: 0 0 20px rgb(0 0 0 / 15%);border-radius: 10px;min-width: 300px;}
.video-disabled img {position: absolute;left: 0;top: 0;bottom: 0;object-fit: cover;height: 100%;width: 100%;filter: blur(2px);}
.tutorials { display: grid; grid-template-columns: 25% calc(75% - 40px); grid-gap: 30px; }
.tutorials .menu {max-height: calc(100vh - 182px);overflow-y: auto;position: sticky;top: 0;padding: 20px 5px 20px 0;}
.tutorials .menu::-webkit-scrollbar {-webkit-appearance: none; width: 4px;background:#eee }
.tutorials .menu::-webkit-scrollbar-thumb {border-radius: 4px; background-color: rgba(0, 0, 0, .1); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .1); }
.tutorials .menu ul { list-style: none; padding: 0; margin: 0; }
.tutorials .menu ul li {margin: 0 0 15px 0;position: relative;}
.tutorials .menu ul li a { text-decoration: none; font-weight: 600; padding: 0 0 0 10px; }
.tutorials .menu ul li.has-children::after {content: "\f107";font-family: "Font Awesome 7 Pro";position: absolute;right: 0;top: 4px;line-height: 1;right: 20px;font-size: 20px;transform: rotate(180deg);transition: all 0.3s;cursor: pointer;}
.tutorials .menu ul li.has-children.closed::after { transform: rotate(0); }
.tutorials .menu ul li ul { padding: 0; }
.tutorials .menu ul li.closed ul {display:none}
.tutorials .menu ul li ul li { margin: 0; }
.tutorials .menu ul li ul li a { font-weight: 300; padding: 6px 10px; display: inline-block; line-height: 1.1; border-radius: 5px; }
.tutorials .menu ul li ul li a:hover {background:var(--c-gray-light)}
.tutorials .content {}
.tutorials .live-search {position:relative;}
.tutorials .live-search #searchbox {width: 100%;height: 50px;border: none;border-radius: 10px;margin: 0 0 20px 0;font-size: 16px;padding: 0 20px;font-weight: 300;}
.tutorials .live-search #searchbox:focus, .tutorials .live-search #searchbox:hover {box-shadow: 0 0 30px rgb(0 0 0 / 5%);}
.tutorials .live-search i {position: absolute;top: 0;right: 0;width: 50px;height: 50px;line-height: 50px;background: #fff;font-size: 21px;text-align: center;font-weight: 300;pointer-events: none;}
.tutorials .content h3 { margin: 0 0 15px 0; }
.tutorials .content .card { padding: 30px; border: none; border-radius: 20px; margin: 0 0 30px 0; }
.tutorials .content .card.is-hidden {display:none}
.tutorials .content img {border-radius: 10px;margin: 0 0 30px 0;box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);}
.tutorials .content > img + .caption, .tutorials .content .card > img + .caption {text-align: center;margin: -15px 0 20px 0;font-size: 12px;opacity: 0.7;}
.tutorials .content video { border-radius: 20px; margin: 0 0 30px 0; box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%); width: 100%; height: auto; }
.tutorials .gallery { margin: 0 -20px 30px -20px; width: calc(100% + 40px); }
.tutorials .gallery .owl-dots { text-align: center; display: flex; align-items: center; justify-content: center; margin: 30px 0 0 0; }
.tutorials .gallery .owl-dots .owl-dot { width: 10px; height: 10px; display: inline-block; background: var(--c-secondary); margin: 0 5px; border-radius: 50%; opacity: 0.3; }
.tutorials .gallery .owl-dots .owl-dot.active { opacity: 1; }
.tutorials .gallery .owl-nav {margin-top: -10px;height: 0;}
.tutorials .gallery .owl-nav .owl-next {opacity: 0.5;}
.tutorials .gallery .owl-nav .owl-next::before {content: "\f054";font-family: "Font Awesome 7 Pro";font-size: 24px;background: var(--c-main);color: #fff;width: 40px;height: 40px;display: block;line-height: 40px;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: 0;}
.tutorials .gallery .owl-nav .owl-prev {opacity: 0.5;}
.tutorials .gallery .owl-nav .owl-next:hover, .tutorials .gallery .owl-nav .owl-prev:hover {opacity:1}
.tutorials .gallery .owl-nav .owl-prev::before {content: "\f053";font-family: "Font Awesome 7 Pro";font-size: 24px;background: var(--c-main);color: #fff;width: 40px;height: 40px;display: block;line-height: 40px;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);left: 0px;}
.tutorials .gallery .owl-stage-outer {}
.tutorials .gallery .owl-stage-outer .owl-stage {}
.tutorials .gallery .owl-stage-outer .owl-stage .owl-item {}
.tutorials .gallery .owl-stage-outer .owl-stage .owl-item .item {text-align: center;font-size: 12px;padding: 20px 20px 0;}
.tutorials .gallery .owl-stage-outer .owl-stage .owl-item .item img { margin: 0; /* box-shadow: none; */ }
/* .tutorials .gallery .owl-stage-outer .owl-stage .owl-item .item img.lazy:not(.loaded) {height:0} */
.tutorials .gallery .owl-stage-outer .owl-stage .owl-item {height: 0;}
.tutorials .gallery .owl-stage-outer .owl-stage .owl-item.active {height: auto;}
.tutorials .gallery .owl-stage-outer .owl-stage .owl-item .item .caption { margin: 15px 0 0 0; opacity: 0.7; }
.tutorials .accordion {}
.tutorials .accordion .accordion-item {border-bottom: none;margin: 0 0 8px 0;border: none;box-shadow: none;outline: none;}
.tutorials .accordion .accordion-item .accordion-header {}
.tutorials .accordion .accordion-item .accordion-header .accordion-button {padding: 15px 15px;background: none;font-weight: 400;color: #000;box-shadow: none;border: solid 1px #eee;border-radius: 10px;}
.tutorials .accordion .accordion-item .accordion-header .accordion-button span {padding:0 20px 0 0}
.tutorials .accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"] { background: #f2f2f2; font-weight: 600; border: solid 1px #f2f2f2; }
.tutorials .accordion .accordion-item .accordion-header .accordion-button::after {content: "\f107"; font-family: 'Font Awesome 7 Pro'; font-weight: 300; font-size: 23px;}
.tutorials .accordion .accordion-item .accordion-header .accordion-button[aria-expanded="false"]::after { background: none; }
.tutorials .accordion .accordion-item .accordion-header .accordion-button[aria-expanded="true"]::after { color: #000; background: none; }
.tutorials .note {margin: 0 0 20px 0;}
.tutorials .image-block {}
.tutorials .image-block img { margin: 0; }
.tutorials .image-block .caption { margin: 15px 0 0 0; opacity: 0.7; text-align: center; font-size: 12px; }
.tutorials .content a { color: var(--c-orange); font-weight: 400; text-decoration: none; }
.tutorials .content a:hover { color: #d34014; }
#top-header {background: #333;color: #fff;padding: 10px 20px;position: relative;z-index: 10002;min-height: 43px;}
#top-header .content { max-width: 1300px; margin: 0 auto; display: flex; align-items: center; }
#top-header .content .menu { display: none; }
#top-header .content .menu ul { list-style: none; margin: 0; padding: 0; }
#top-header .content .menu > ul > li {display: inline-flex;margin: 0 20px 0 0;position: relative;cursor:pointer;}
#top-header .content .menu > ul > li > a {color: #fff;text-decoration: none;font-size: 14px;display: flex;align-items: center;order: 1;border-bottom: solid 1px transparent;}
#top-header .content .menu > ul > li > a:hover { border-bottom: solid 1px #fff; }
#top-header .content .menu ul li .dropdown { position: absolute; background: #333; min-width: 192px; padding: 15px; top: 21px; left: -15px; border-radius: 5px; display: none; }
#top-header .content .menu ul li.active .dropdown {display: block;}
#top-header .content .menu ul li .dropdown li {}
#top-header .content .menu ul li .dropdown li a {color: #fff;font-size: 13px;text-decoration: none;padding: 5px 0;display: block;}
#top-header .content .menu-right {margin: 0 0 0 auto;display: flex;}
#top-header .content .menu-right > img {max-height: 22px;height: 22px;border-radius: 3px;margin: 0 0 0 0;width:auto}
#top-header .content .language-switcher {position: relative;margin: 0 0 0 10px;}
#top-header .content .language-switcher .language-trigger {display: flex;align-items: center;cursor: pointer;}
#top-header .content .language-switcher .language-trigger::after {content:"\f107";font-family: "Font Awesome 7 Pro";line-height: 1;display: inline-block;margin: 4px 0 0 10px;font-weight: 600;transition: all 0.3s;}
#top-header .content .language-switcher .language-trigger.active::after {transform: rotate(180deg);margin: 0 0 0 10px;}
#top-header .content .language-switcher .language-trigger img {max-width: 22px;height: auto;border-radius: 3px;margin: 0 10px 0 0;}
#top-header .content .language-switcher .language-dropdown { display: none; }
#top-header .content .language-switcher .language-trigger.active + .language-dropdown {display:block;position: absolute;top: 30px;right: -15px;background: #333;min-width: 140px;border-radius: 5px;list-style: none;padding: 10px 15px 15px 47px;z-index: 100;text-align: left;font-size: 13px;}
#top-header .content .language-switcher .language-dropdown li {}
#top-header .content .language-switcher .language-dropdown li a {color: #fff;text-decoration: none;padding: 5px 0;display: block;}
#top-header .content .menu ul li .drop {position: absolute;background: #333;padding: 15px 15px;top: 22px;font-size: 12px;left: -15px;min-width: 230px;display: none;border-radius: 0 0 5px 5px;}
#top-header .content .menu ul li.open > a {border:none;}
#top-header .content .menu ul li.open .drop {display:block}
#top-header .content .menu ul li.open::before {content:"";position: absolute;height: 17px;width: 100%;top: 16px;}
#top-header .content .menu ul li .drop li {}
#top-header .content .menu ul li .drop li a {color: #fff;text-decoration: none;display: block;padding: 3px 0;/* font-size: 14px; */}
#top-header .content .menu ul li .drop li a:hover {font-weight:500;}
@media (max-width: 767px) {
#top-header .content .language-switcher {}
#top-header .content .language-switcher .language-trigger {}
#top-header .content .menu > ul > li::before {content: "\f107";font-family: "Font Awesome 7 Pro";line-height: 1;display: inline-block;padding: 5px 10px 3px 10px;font-weight: 600;transition: all 0.3s;order: 2;}
#top-header .content .menu > ul > li.active::before {transform: rotate(180deg);padding: 5px 10px 3px 10px;align-self: flex-start;}
#top-header .content .menu > ul > li > a:hover { border-bottom: solid 1px transparent; }
#top-header .content .menu ul li .drop { }
#top-header .content .menu ul li .drop {position: relative;left: auto;top: auto;padding: 0;display: block;}
#top-header .content .menu ul li .drop li {}
#top-header .content .menu ul li .drop li a { padding: 5px 0; }
}
.truste-close-button-container {background: var(--c-secondary) !important;box-sizing: border-box;width: 30px;height: 30px;padding: 0;text-align: center;line-height: 30px;}
.truste-close-button-container a { display: flex; line-height: 30px; height: 30px; align-items: center; justify-content: center; }
.truste-close-button-container a img {filter: invert(1);max-width: 14px;}
.block.hero-image.submissions { margin: 0 0 30px 0; }
.submissions-intro-text { display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; margin: 0 0 30px 0; }
.submissions-intro-text .text {background: var(--c-gray-lighter);padding: 25px;border-radius: 10px;}
.submissions-intro-text .text p { margin: 0; }
.submissions-intro-text .text h3 { margin: 0 0 20px 0; font-size: 18px; font-weight: 600; }
.submissions-intro-text .text ul { list-style: none; padding: 0; margin: 3px 0 0 0; }
.submissions-intro-text .text ul li { position: relative; padding: 3px 0px 3px 30px; }
.submissions-intro-text .text ul li::before {content:"\f00c";font-family: 'Font Awesome 7 Pro';font-size: 20px;position: absolute;left: 0;top: 1px;font-weight: 400;}
.submissions-intro-text .actions { grid-column: span 2; text-align: center; }
.submissions-intro-text .actions .btn {margin: 7px 4px;padding: 15px 27px;}
.submissions-intro-text .actions .btn.active {background:var(--c-secondary);}
.submissions-hidden-boxes {}
.submissions-hidden-boxes div {display: none;background: var(--c-gray-lighter);padding: 25px;border-radius: 10px;}
.submissions-hidden-boxes div *:last-child {margin:0}
.submissions-hidden-boxes div.show {display:block;}
.courses.submissions {}
.courses.submissions .item .banner {min-height: 280px;}
.courses.submissions .item .text {padding: 20px;}
.courses.submissions .item .text .tags {display: flex;margin: 6px 0 0 0;flex-wrap: wrap;}
.courses.submissions .item:hover .text .tags {display: none;}
.courses.submissions .item .text .name {display: -webkit-box;max-width: 100%;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.3;margin: 0 0 10px 0;}
.courses.submissions .item .text .tags a {background: var(--c-gray);color: #fff;text-decoration: none;padding: 4px 10px;display: inline-block;margin: 5px 7px 0 0;font-size: 11px;border-radius: 5px;}
.courses.submissions .item .text .meta {align-items: flex-end;}
.courses.submissions .item .text .meta .right .rate-box {margin: 0 0 0 auto;text-align: right;display: flex;align-items: center;flex-wrap: wrap;justify-content: flex-end;}
.courses.submissions .item .text .meta .right .rate-box > h3 {font-weight: 600;font-size: 12px;margin: 0 0 6px 0;color: #fff;flex: 0 1 100%;}
.courses.submissions .item .text .meta .right .rate-box > p { margin: 0; }
.courses.submissions .item .text .meta .right .rate-box .average-rating { height: auto; display: flex; justify-content: flex-end; }
.courses.submissions .item .text .meta .right .rate-box .average-rating::before { background: linear-gradient(90deg, #fff var(--percent), rgba(255,255,255,0.2) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; }
.courses.submissions .item .text .meta .right .rate-box .star-rating {display: flex;flex-direction: row-reverse;justify-content: flex-start;margin: -1px 15px 0 0;text-align: right;}
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input {position: fixed; opacity: 0; pointer-events: none; }
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-label {cursor: pointer;font-size: 0;color: rgba(255,255,255,0.2);transition: color 0.1s ease-in-out;margin: 0 0 0 7px;line-height: 1;}
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-label:before {content: "\f005";font-family: "Font Awesome 7 Pro";font-weight: 600;display: inline-block;font-size: 19px;}
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input:checked ~ .radio-label {color: #fff;}
.courses.submissions .item .text .meta .right .rate-box .star-rating:hover .radio-input:checked ~ .radio-label {}
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-label:hover,
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-label:hover ~ .radio-label {color: #fff; }
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input:checked + .radio-label:hover,
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input:checked + .radio-label:hover ~ .radio-label,
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input:checked ~ .radio-label:hover,
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input:checked ~ .radio-label:hover ~ .radio-label,
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-label:hover ~ .radio-input:checked ~ .radio-label {color: #fff; }
.courses.submissions .item .text .meta .right .rate-box .overall-rating { display: inline-flex; align-items: center; border: solid 1px #fff; border-radius: 4px; line-height: 1.1; }
.courses.submissions .item .text .meta .right .rate-box .overall-rating strong { padding: 5px 7px; }
.courses.submissions .item .text .meta .right .rate-box .overall-rating span { background: #fff; color: var(--c-main); padding: 5px 7px; }
.courses.submissions .item .text .meta .right .rate-box .overall-rating span i {}
@media (max-width: 1280px) {
.courses.submissions {grid-template-columns: repeat(2,1fr);}
}
@media (max-width: 767px) {
.courses.submissions {grid-template-columns: repeat(1,1fr);}
.courses.submissions .item .banner {min-height: 360px;}
.courses.submissions .item .text .meta {display:flex;}
.courses.submissions .item .text .meta .right .rate-box .radio-label {color: rgba(0,0,0,0.2);}
.courses.submissions .item:hover .text .meta .right .rate-box .radio-label {color: rgba(255,255,255,0.2);}
.courses.submissions .item .text .meta .right .rate-box > h3 {color:var(--c-main);}
.courses.submissions .item:hover .text .meta .right .rate-box > h3 {color:#fff;}
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-label {color: rgba(0, 0 , 0,0.2);}
.courses.submissions .item .text .meta .right .rate-box .star-rating .radio-input:checked ~ .radio-label {color:var(--c-main)}
.courses.submissions .item:hover .text .meta .right .rate-box .star-rating .radio-label {color: rgba(255,255,255,0.2);}
.courses.submissions .item:hover .text .meta .right .rate-box .star-rating .radio-input:checked ~ .radio-label {color:#fff;}
.courses.submissions .item .text .meta .right .rate-box .overall-rating {border:solid 1px var(--c-main);}
.courses.submissions .item .text .meta .right .rate-box .overall-rating span {background:var(--c-main)}
.courses.submissions .item .text .meta .right .rate-box .overall-rating span i {color:#fff;}
.courses.submissions .item:hover .text .meta .right .rate-box .overall-rating {border:solid 1px #fff;}
.courses.submissions .item:hover .text .meta .right .rate-box .overall-rating span {background:#fff;}
.courses.submissions .item:hover .text .meta .right .rate-box .overall-rating span i {color:var(--c-main);}
.courses.submissions .item.can_rate .text .meta {flex-wrap:wrap;}
.courses.submissions .item.can_rate .text .meta .left {order: 2;flex: 0 1 100%;}
.courses.submissions .item.can_rate .text .meta .right {order: 1;text-align: left;margin: 0 0 8px 0;flex: 0 1 100%;}
.courses.submissions .item.can_rate .text .meta .right h3 {text-align:left}
.courses.submissions .item.can_rate .text .meta .right .rate-box { justify-content: flex-start; }
.courses.submissions .item.can_rate .text .meta .right .rate-box .star-rating .radio-label {margin:0 7px 0 0}
.courses.submissions .item.can_rate .text .meta .right .rate-box .overall-rating { margin: 0 0 0 auto; }
.block.hero-image.submissions {margin-bottom:0}
.submissions-intro-text {grid-template-columns: repeat(1, 1fr);}
.submissions-intro-text .actions {grid-column:span 1}
}
.page-hero { margin: 0 -80px -100px -80px; z-index: 0; position: relative; max-width: calc(100% + 160px); width: calc(100% + 160px); border-radius: 20px 20px 0 0; overflow: hidden; }
.page-hero::after { content:""; background: rgb(249 249 249); background: linear-gradient(180deg, rgba(249, 249, 249, 0) 0%, rgba(249, 249, 249, 1) 80%); position: absolute; bottom: 0; left: 0; right: 0; height: 70%; z-index: 3; }
.page-hero .text {position: absolute;bottom: 160px;left: 50%;transform: translateX(-50%);display: flex;flex-wrap: wrap;justify-content: center;z-index: 5;min-width: 870px;}
.page-hero .text h2 {flex: 0 1 100%;text-align: center;font-weight: 800;font-size: 36px;margin: 0;}
.page-hero .text h3 {flex: 0 1 100%;text-align: center;font-weight: 800;font-size: 26px;margin: 0 0 40px 0;}
.page-hero .text .countdown-wrapper { display: flex; gap: 40px; position: relative; }
.page-hero .text .countdown-wrapper h4 { font-size: 15px; font-weight: 700; color: var(--c-secondary); position: absolute; top: -18px; }
.page-hero .text #care-countdown { display: flex; align-items: center; color: var(--c-secondary); }
.page-hero .text #care-countdown .column { text-align: center; }
.page-hero .text #care-countdown .column > span { font-size: 50px; font-weight: 700; color: var(--c-secondary); line-height: 1; }
.page-hero .text #care-countdown .column > span:last-child { display: block; font-size: 11px; font-weight: 300; }
.page-hero .text #care-countdown .column > span > span {}
.page-hero .text #care-countdown .dots { font-size: 31px; margin: -10px 5px 0; line-height: 1; }
.page-hero .text .btn { background: var(--c-orange); border: solid 1px var(--c-orange); }
.page-hero .text .btn:hover { background: var(--c-secondary); border: solid 1px var(--c-secondary); }
.page-hero > img { z-index: 2; position: relative; }
.boxed-content {background: var(--c-gray-light);padding: 40px;border-radius: 10px;z-index: 2;position: relative;box-shadow: 0 0 40px rgb(0 0 0 / 20%);font-weight: 400;color: var(--c-secondary);font-size: 17px;font-weight: 300;}
.boxed-content .btn { background: var(--c-orange); border: solid 1px var(--c-orange);}
.boxed-content .bt:hover { background: var(--c-secondary); border: solid 1px var(--c-secondary);}
.boxed-content h3 { line-height: 1.4; margin: 0 0 20px 0; }
.boxed-content .checked-list { background: #ccc; padding: 20px; border-radius: 10px; }
.boxed-content .checked-list li {font-weight:300}
@media (max-width: 1460px) {
.page-hero {width: calc(100% + 40px);max-width: calc(100% + 40px);margin: -50px -20px -100px -20px;border-radius: 0;}
}
@media (max-width: 991px) {
.page-hero {}
.page-hero > img { height: 680px; object-fit: cover; }
.page-hero .text {min-width: 100%;bottom: 140px;padding: 0 20px;}
.page-hero .text h2 {font-size: 26px;margin: 0 0 0 0;}
.page-hero .text h3 { font-size: 20px; margin: 4px 0 35px 0; }
.boxed-content {margin: 0px -20px -30px;padding: 20px;border-radius: 0;box-shadow: none;}
}
@media (max-width: 767px) {
.page-hero .text .countdown-wrapper { flex-wrap: wrap; justify-content: center; gap: 20px; }
.page-hero .text .btn { flex: 0 1 100%; justify-content: center; }
.page-hero::after {height: 100%;}
}
.notification_header { background: var(--c-orange); color: #fff; display: flex ; justify-content: center; align-items: center; gap: 30px; padding: 10px 20px; }
.notification_header span { font-weight: 400; }
.notification_header span strong {}
.notification_header .btn { background: var(--c-secondary); border: solid 1px var(--c-secondary); color: #fff; padding: 10px 14px; }
.notification_header .btn:hover { background: #000; border: solid 1px #000;}
@media (max-width: 767px) {
.notification_header { gap: 20px; }
.notification_header span { flex: 1; font-size: 13px; line-height: 1.2; }
.notification_header span strong {}
.notification_header .btn {
font-size: 12px;
}
}
.certificate-validaton {}
.certificate-validaton .message {padding: 80px 30px 200px 30px;text-align: center;margin: 0 auto 30px auto;max-width: 800px;border-radius: 20px;font-size: 16px;box-shadow: 0 0 30px rgb(0 0 0 / 15%);position: relative;overflow: hidden;color: var(--c-secondary);}
.certificate-validaton .message > * {z-index:2; position:relative;}
.certificate-validaton .message::after {content:"";background: url(/w/_general/images/certificate-background.jpg) bottom -60px center no-repeat #fff;background-size: cover;position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;opacity: 0.5;}
.certificate-validaton .message:last-child {margin:0 auto }
.certificate-validaton .message.valid {}
.certificate-validaton .message.invalid {}
.certificate-validaton .message h3 {display: flex;justify-content: center;align-items: center;gap: 10px;font-weight: 700;font-family: "Times New Roman";font-size: 50px;margin: 0 0 5px 0;font-weight: bold;letter-spacing: -2px;}
.certificate-validaton .message h3::before { font-family: "Font Awesome 7 Pro"; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 50%; font-weight: 300; display: none; }
.certificate-validaton .message.valid h3::before {content:"\f00c";background: #52dd91;color: #fff;}
.certificate-validaton .message.invalid h3::before {content:"\21";background: red;color: #fff;}
.certificate-validaton .message p {}
.certificate-validaton .message p:last-child {margin:0}
.certificate-validaton .message .meta {display: flex;gap: 10px;justify-content: center;font-size: 14px;font-weight: 400;flex-wrap: wrap;}
.certificate-validaton .message .meta span {padding: 8px 15px;border-radius: 7px;border: solid 1px #aaa;line-height: 1;}
table.default {width: 100%;margin: 10px 0 40px 0;table-layout: fixed;font-size: 15px;border-radius: 10px;overflow: hidden;}
table.default thead {}
table.default thead tr {}
table.default thead tr th {background: var(--c-main);color: #fff;padding: 15px 20px;}
table.default tbody {}
table.default tbody tr {}
table.default tbody tr td {padding: 10px 20px;}
table.default tbody tr th {background: var(--c-main);color: #fff;padding: 10px 20px;}
table.default tbody tr:nth-child(2n) {background: var(--c-white); }
table.default tbody tr:nth-child(2n) td {}
table.default tbody tr:hover {background: var(--c-gray-lighter);}
table.default tbody tr:nth-child(2n):hover {}
table.default tfoot {}
/* /w/_general/fonts/open-sans/open-sans.css */
/* open-sans-300 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-300italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 300;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-regular - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 400;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 500;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 500;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 600;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 600;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 700;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800 - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: normal;
font-weight: 800;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800italic - cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
src: url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
url('/w/_general/fonts/open-sans/open-sans-v40-cyrillic_cyrillic-ext_greek_greek-ext_hebrew_latin_latin-ext_math_symbols_vietnamese-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* /w/_general/fonts/custom/style.css */
@font-face {
font-family: 'icomoon';
src: url('/w/_general/fonts/custom/icomoon.eot?hko68a');
src: url('/w/_general/fonts/custom/icomoon.eot?hko68a#iefix') format('embedded-opentype'),
url('/w/_general/fonts/custom/icomoon.ttf?hko68a') format('truetype'),
url('/w/_general/fonts/custom/icomoon.woff?hko68a') format('woff'),
url('/w/_general/fonts/custom/icomoon.svg?hko68a#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-accessible:before {
content: "\e977";
}
.icon-affordable:before {
content: "\e978";
}
.icon-all-needs:before {
content: "\e979";
}
.icon-angled-and-precise:before {
content: "\e97a";
}
.icon-apically-tapered:before {
content: "\e97b";
}
.icon-availability:before {
content: "\e97c";
}
.icon-beyond-immediacy:before {
content: "\e97d";
}
.icon-biomaterials:before {
content: "\e97e";
}
.icon-blx-golden-opportunity:before {
content: "\e97f";
}
.icon-blx-market-segment:before {
content: "\e980";
}
.icon-blx-real-confidence-limegreen:before {
content: "\e981";
}
.icon-bone:before {
content: "\e982";
}
.icon-braces:before {
content: "\e983";
}
.icon-butterfly:before {
content: "\e984";
}
.icon-calendar3:before {
content: "\e985";
}
.icon-calibration:before {
content: "\e986";
}
.icon-care:before {
content: "\e987";
}
.icon-centralized-milling:before {
content: "\e988";
}
.icon-chain:before {
content: "\e989";
}
.icon-chart1:before {
content: "\e98a";
}
.icon-chat:before {
content: "\e98b";
}
.icon-classrom-training:before {
content: "\e98c";
}
.icon-co2:before {
content: "\e98d";
}
.icon-comfort:before {
content: "\e98e";
}
.icon-company:before {
content: "\e98f";
}
.icon-competence:before {
content: "\e990";
}
.icon-competitor:before {
content: "\e991";
}
.icon-complete:before {
content: "\e992";
}
.icon-compromised-treatment-sites:before {
content: "\e993";
}
.icon-connectivity:before {
content: "\e994";
}
.icon-content:before {
content: "\e995";
}
.icon-convinient:before {
content: "\e996";
}
.icon-cost:before {
content: "\e997";
}
.icon-couvert:before {
content: "\e998";
}
.icon-crown-and-implant:before {
content: "\e999";
}
.icon-customized:before {
content: "\e99a";
}
.icon-design:before {
content: "\e99b";
}
.icon-diabetic-patients:before {
content: "\e99c";
}
.icon-differentiation:before {
content: "\e99d";
}
.icon-digital-dentistry:before {
content: "\e99e";
}
.icon-digital-workflow-data-acquisition:before {
content: "\e99f";
}
.icon-digital-workflow-design:before {
content: "\e9a0";
}
.icon-digital-workflow-final-restoration:before {
content: "\e9a1";
}
.icon-digital-workflow-impression:before {
content: "\e9a2";
}
.icon-digital-workflow-impression-2:before {
content: "\e9a3";
}
.icon-digital-workflow-planing:before {
content: "\e9a4";
}
.icon-digital-workflow-post-processing:before {
content: "\e9a5";
}
.icon-digital-workflow-production:before {
content: "\e9a6";
}
.icon-digital-workflow-surgery-limegreen:before {
content: "\e9a7";
}
.icon-diverse:before {
content: "\e9a8";
}
.icon-ebook:before {
content: "\e9a9";
}
.icon-edentulous:before {
content: "\e9aa";
}
.icon-eshop:before {
content: "\e9ab";
}
.icon-evidence:before {
content: "\e9ac";
}
.icon-examination:before {
content: "\e9ad";
}
.icon-fast:before {
content: "\e9ae";
}
.icon-fatique:before {
content: "\e9af";
}
.icon-female-dentist:before {
content: "\e9b0";
}
.icon-fit:before {
content: "\e9b1";
}
.icon-flame:before {
content: "\e9b2";
}
.icon-flexibility:before {
content: "\e9b3";
}
.icon-freedom-of-choise:before {
content: "\e9b4";
}
.icon-gras:before {
content: "\e9b5";
}
.icon-guarantee:before {
content: "\e9b6";
}
.icon-guarantee-3:before {
content: "\e9b7";
}
.icon-guarantee-5:before {
content: "\e9b8";
}
.icon-guarantee-10:before {
content: "\e9b9";
}
.icon-guarantee-lt:before {
content: "\e9ba";
}
.icon-guarantee-lt-plus:before {
content: "\e9bb";
}
.icon-guided-surgery:before {
content: "\e9bc";
}
.icon-handshake:before {
content: "\e9bd";
}
.icon-heat:before {
content: "\e9be";
}
.icon-history:before {
content: "\e9bf";
}
.icon-home:before {
content: "\e9c0";
}
.icon-hotline-24:before {
content: "\e9c1";
}
.icon-hydrophilicity:before {
content: "\e9c2";
}
.icon-hygiene:before {
content: "\e9c3";
}
.icon-image:before {
content: "\e9c4";
}
.icon-implant-health-deactivate:before {
content: "\e9c5";
}
.icon-implant-health-maintain:before {
content: "\e9c6";
}
.icon-implant-health-remove:before {
content: "\e9c7";
}
.icon-implantology:before {
content: "\e9c8";
}
.icon-implants:before {
content: "\e9c9";
}
.icon-information:before {
content: "\e9ca";
}
.icon-in-house-scan:before {
content: "\e9cb";
}
.icon-innovation:before {
content: "\e9cc";
}
.icon-instruments-and-accessories:before {
content: "\e9cd";
}
.icon-irradiated-patients:before {
content: "\e9ce";
}
.icon-keyfacts:before {
content: "\e9cf";
}
.icon-laboratory:before {
content: "\e9d0";
}
.icon-leaf:before {
content: "\e9d1";
}
.icon-less-invasive:before {
content: "\e9d2";
}
.icon-lightbulb_shield:before {
content: "\e9d3";
}
.icon-longevity:before {
content: "\e9d4";
}
.icon-maintenance:before {
content: "\e9d5";
}
.icon-map:before {
content: "\e9d6";
}
.icon-material-structure:before {
content: "\e9d7";
}
.icon-medicine:before {
content: "\e9d8";
}
.icon-megaphone:before {
content: "\e9d9";
}
.icon-mentoring:before {
content: "\e9da";
}
.icon-metal-free:before {
content: "\e9db";
}
.icon-modularity:before {
content: "\e9dc";
}
.icon-morphology:before {
content: "\e9dd";
}
.icon-muscle:before {
content: "\e9de";
}
.icon-ngd-caries:before {
content: "\e9df";
}
.icon-ngd-diagnostic:before {
content: "\e9e0";
}
.icon-ngd-esthetics:before {
content: "\e9e1";
}
.icon-ngd-perioimplantitis:before {
content: "\e9e2";
}
.icon-ngd-periontitis:before {
content: "\e9e3";
}
.icon-ngd-prevention:before {
content: "\e9e4";
}
.icon-no-chemicals:before {
content: "\e9e5";
}
.icon-orthodontics:before {
content: "\e9e6";
}
.icon-patient:before {
content: "\e9e7";
}
.icon-patient-chair:before {
content: "\e9e8";
}
.icon-patient-focus:before {
content: "\e9e9";
}
.icon-peace-of-mind:before {
content: "\e9ea";
}
.icon-peri-implantitis:before {
content: "\e9eb";
}
.icon-pick-and-choose:before {
content: "\e9ec";
}
.icon-planning:before {
content: "\e9ed";
}
.icon-precision:before {
content: "\e9ee";
}
.icon-predictability:before {
content: "\e9ef";
}
.icon-preservation:before {
content: "\e9f0";
}
.icon-prosthetics:before {
content: "\e9f1";
}
.icon-quality1:before {
content: "\e9f2";
}
.icon-quality-of-life:before {
content: "\e9f3";
}
.icon-real-confidence:before {
content: "\e9f4";
}
.icon-reduced-complexity:before {
content: "\e9f5";
}
.icon-reduced-invasiveness:before {
content: "\e9f6";
}
.icon-registered:before {
content: "\e9f7";
}
.icon-returning-customer:before {
content: "\e9f8";
}
.icon-rocket:before {
content: "\e9f9";
}
.icon-roxolid:before {
content: "\e9fa";
}
.icon-safety:before {
content: "\e9fb";
}
.icon-service:before {
content: "\e9fc";
}
.icon-shipping:before {
content: "\e9fd";
}
.icon-size:before {
content: "\e9fe";
}
.icon-sla:before {
content: "\e9ff";
}
.icon-slactive:before {
content: "\ea00";
}
.icon-soc:before {
content: "\ea01";
}
.icon-special-offers:before {
content: "\ea02";
}
.icon-speed:before {
content: "\ea03";
}
.icon-stability:before {
content: "\ea04";
}
.icon-surface_novaloc:before {
content: "\ea05";
}
.icon-survival-rates:before {
content: "\ea06";
}
.icon-swissness:before {
content: "\ea07";
}
.icon-tested-on-animals:before {
content: "\ea08";
}
.icon-thumbs-up:before {
content: "\ea09";
}
.icon-time:before {
content: "\ea0a";
}
.icon-tlx_dynamic-bone-management:before {
content: "\ea0b";
}
.icon-tlx_implant-health:before {
content: "\ea0c";
}
.icon-tooth:before {
content: "\ea0d";
}
.icon-tree:before {
content: "\ea0e";
}
.icon-validation:before {
content: "\ea0f";
}
.icon-variety:before {
content: "\ea10";
}
.icon-visualization:before {
content: "\ea11";
}
.icon-vr:before {
content: "\ea12";
}
.icon-water:before {
content: "\ea13";
}
.icon-wound-healing:before {
content: "\ea14";
}
.icon-zoom-in:before {
content: "\e945";
}
.icon-profile:before {
content: "\e931";
}
.icon-favorite-solid:before {
content: "\e932";
}
.icon-favorite:before {
content: "\e933";
}
.icon-shopping-bag:before {
content: "\e930";
}
.icon-order:before {
content: "\e91d";
}
.icon-filter:before {
content: "\e91e";
}
.icon-paper-airplane:before {
content: "\e91f";
}
.icon-placeholder1:before {
content: "\e920";
}
.icon-phone-call:before {
content: "\e921";
}
.icon-calendar:before {
content: "\e922";
}
.icon-envelope:before {
content: "\e923";
}
.icon-shopping-basket-2:before {
content: "\e924";
}
.icon-basket:before {
content: "\e925";
}
.icon-shopping-basket:before {
content: "\e926";
}
.icon-worldwide:before {
content: "\e927";
}
.icon-mail:before {
content: "\e928";
}
.icon-smartphone:before {
content: "\e929";
}
.icon-magnifying-glass:before {
content: "\e92a";
}
.icon-shopping-cart:before {
content: "\e92b";
}
.icon-uniF100:before {
content: "\f100";
}
.icon-uniF101:before {
content: "\f101";
}
.icon-uniF102:before {
content: "\f102";
}
.icon-uniF103:before {
content: "\f103";
}
.icon-uniF104:before {
content: "\f104";
}
.icon-uniF105:before {
content: "\f105";
}
.icon-uniF106:before {
content: "\f106";
}
.icon-uniF107:before {
content: "\f107";
}
.icon-uniF108:before {
content: "\f108";
}
.icon-uniF109:before {
content: "\f109";
}
.icon-uniF10A:before {
content: "\f10a";
}
.icon-uniF10B:before {
content: "\f10b";
}
.icon-uniF10C:before {
content: "\f10c";
}
.icon-uniF10D:before {
content: "\f10d";
}
.icon-uniF10E:before {
content: "\f10e";
}
.icon-uniF10F:before {
content: "\f10f";
}
.icon-uniF110:before {
content: "\f110";
}
.icon-uniF111:before {
content: "\f111";
}
.icon-uniF112:before {
content: "\f112";
}
.icon-uniF113:before {
content: "\f113";
}
.icon-uniF114:before {
content: "\f114";
}
.icon-uniF115:before {
content: "\f115";
}
.icon-uniF116:before {
content: "\f116";
}
.icon-uniF117:before {
content: "\f117";
}
.icon-uniF118:before {
content: "\f118";
}
.icon-uniF119:before {
content: "\f119";
}
.icon-uniF11A:before {
content: "\f11a";
}
.icon-uniF11B:before {
content: "\f11b";
}
.icon-uniF11C:before {
content: "\f11c";
}
.icon-uniF11D:before {
content: "\f11d";
}
.icon-uniF11E:before {
content: "\f11e";
}
.icon-uniF11F:before {
content: "\f11f";
}
.icon-uniF120:before {
content: "\f120";
}
.icon-uniF121:before {
content: "\f121";
}
.icon-uniF122:before {
content: "\f122";
}
.icon-uniF123:before {
content: "\f123";
}
.icon-uniF124:before {
content: "\f124";
}
.icon-uniF125:before {
content: "\f125";
}
.icon-uniF126:before {
content: "\f126";
}
.icon-uniF127:before {
content: "\f127";
}
.icon-uniF128:before {
content: "\f128";
}
.icon-uniF129:before {
content: "\f129";
}
.icon-uniF12A:before {
content: "\f12a";
}
.icon-uniF12B:before {
content: "\f12b";
}
.icon-uniF12C:before {
content: "\f12c";
}
.icon-uniF12D:before {
content: "\f12d";
}
.icon-uniF12E:before {
content: "\f12e";
}
.icon-uniF12F:before {
content: "\f12f";
}
.icon-uniF130:before {
content: "\f130";
}
.icon-uniF131:before {
content: "\f131";
}
.icon-uniF132:before {
content: "\f132";
}
.icon-uniF133:before {
content: "\f133";
}
.icon-uniF134:before {
content: "\f134";
}
.icon-uniF135:before {
content: "\f135";
}
.icon-uniF136:before {
content: "\f136";
}
.icon-uniF137:before {
content: "\f137";
}
.icon-uniF138:before {
content: "\f138";
}
.icon-uniF139:before {
content: "\f139";
}
.icon-uniF13A:before {
content: "\f13a";
}
.icon-uniF13B:before {
content: "\f13b";
}
.icon-uniF13C:before {
content: "\f13c";
}
.icon-uniF13D:before {
content: "\f13d";
}
.icon-uniF13E:before {
content: "\f13e";
}
.icon-uniF13F:before {
content: "\f13f";
}
.icon-uniF140:before {
content: "\f140";
}
.icon-uniF141:before {
content: "\f141";
}
.icon-uniF142:before {
content: "\f142";
}
.icon-uniF143:before {
content: "\f143";
}
.icon-uniF144:before {
content: "\f144";
}
.icon-uniF145:before {
content: "\f145";
}
.icon-uniF146:before {
content: "\f146";
}
.icon-uniF147:before {
content: "\f147";
}
.icon-uniF148:before {
content: "\f148";
}
.icon-uniF149:before {
content: "\f149";
}
.icon-uniF14A:before {
content: "\f14a";
}
.icon-uniF14B:before {
content: "\f14b";
}
.icon-uniF14C:before {
content: "\f14c";
}
.icon-uniF14D:before {
content: "\f14d";
}
.icon-uniF14E:before {
content: "\f14e";
}
.icon-uniF14F:before {
content: "\f14f";
}
.icon-uniF150:before {
content: "\f150";
}
.icon-uniF151:before {
content: "\f151";
}
.icon-uniF152:before {
content: "\f152";
}
.icon-uniF153:before {
content: "\f153";
}
.icon-uniF154:before {
content: "\f154";
}
.icon-uniF155:before {
content: "\f155";
}
.icon-uniF156:before {
content: "\f156";
}
.icon-uniF157:before {
content: "\f157";
}
.icon-uniF158:before {
content: "\f158";
}
.icon-uniF159:before {
content: "\f159";
}
.icon-uniF15A:before {
content: "\f15a";
}
.icon-uniF15B:before {
content: "\f15b";
}
.icon-uniF15C:before {
content: "\f15c";
}
.icon-uniF15D:before {
content: "\f15d";
}
.icon-uniF15E:before {
content: "\f15e";
}
.icon-uniF15F:before {
content: "\f15f";
}
.icon-uniF160:before {
content: "\f160";
}
.icon-uniF161:before {
content: "\f161";
}
.icon-uniF162:before {
content: "\f162";
}
.icon-uniF163:before {
content: "\f163";
}
.icon-uniF164:before {
content: "\f164";
}
.icon-uniF165:before {
content: "\f165";
}
.icon-uniF166:before {
content: "\f166";
}
.icon-uniF167:before {
content: "\f167";
}
.icon-uniF168:before {
content: "\f168";
}
.icon-uniF169:before {
content: "\f169";
}
.icon-uniF16A:before {
content: "\f16a";
}
.icon-uniF16B:before {
content: "\f16b";
}
.icon-uniF16C:before {
content: "\f16c";
}
.icon-uniF16D:before {
content: "\f16d";
}
.icon-uniF16E:before {
content: "\f16e";
}
.icon-uniF16F:before {
content: "\f16f";
}
.icon-uniF170:before {
content: "\f170";
}
.icon-uniF171:before {
content: "\f171";
}
.icon-uniF172:before {
content: "\f172";
}
.icon-uniF173:before {
content: "\f173";
}
.icon-uniF174:before {
content: "\f174";
}
.icon-uniF175:before {
content: "\f175";
}
.icon-uniF176:before {
content: "\f176";
}
.icon-uniF177:before {
content: "\f177";
}
.icon-uniF178:before {
content: "\f178";
}
.icon-uniF179:before {
content: "\f179";
}
.icon-uniF17A:before {
content: "\f17a";
}
.icon-uniF17B:before {
content: "\f17b";
}
.icon-uniF17C:before {
content: "\f17c";
}
.icon-uniF17D:before {
content: "\f17d";
}
.icon-uniF17E:before {
content: "\f17e";
}
.icon-uniF17F:before {
content: "\f17f";
}
.icon-uniF180:before {
content: "\f180";
}
.icon-uniF181:before {
content: "\f181";
}
.icon-uniF182:before {
content: "\f182";
}
.icon-uniF183:before {
content: "\f183";
}
.icon-uniF184:before {
content: "\f184";
}
.icon-uniF185:before {
content: "\f185";
}
.icon-uniF186:before {
content: "\f186";
}
.icon-uniF187:before {
content: "\f187";
}
.icon-uniF188:before {
content: "\f188";
}
.icon-uniF189:before {
content: "\f189";
}
.icon-uniF18A:before {
content: "\f18a";
}
.icon-uniF18B:before {
content: "\f18b";
}
.icon-stats-outline:before {
content: "\ea23";
}
.icon-pen-outline:before {
content: "\ea24";
}
.icon-pdf-outline:before {
content: "\ea21";
}
.icon-pdf-solid:before {
content: "\ea22";
}
.icon-man-user-outline:before {
content: "\ea20";
}
.icon-document-lock:before {
content: "\ea1f";
}
.icon-bubble:before {
content: "\ea1e";
}
.icon-share:before {
content: "\ea1b";
}
.icon-save-solid:before {
content: "\ea1c";
}
.icon-save:before {
content: "\ea1d";
}
.icon-register:before {
content: "\ea1a";
}
.icon-quality:before {
content: "\ea16";
}
.icon-display:before {
content: "\ea17";
}
.icon-devices:before {
content: "\ea18";
}
.icon-badge:before {
content: "\ea19";
}
.icon-echo:before {
content: "\ea15";
}
.icon-globe:before {
content: "\e976";
}
.icon-user-outline-full:before {
content: "\e975";
}
.icon-bell:before {
content: "\e973";
}
.icon-user-2:before {
content: "\e974";
}
.icon-search-outline:before {
content: "\e971";
}
.icon-user-outline:before {
content: "\e972";
}
.icon-file-contract:before {
content: "\e970";
}
.icon-review:before {
content: "\e96f";
}
.icon-cog:before {
content: "\e96e";
}
.icon-print:before {
content: "\e96a";
}
.icon-download-file:before {
content: "\e96b";
}
.icon-expand-2:before {
content: "\e96c";
}
.icon-download:before {
content: "\e96d";
}
.icon-pen:before {
content: "\e969";
}
.icon-file:before {
content: "\e968";
}
.icon-click:before {
content: "\e967";
}
.icon-truck1:before {
content: "\e964";
}
.icon-dress:before {
content: "\e965";
}
.icon-tailor-ruler:before {
content: "\e966";
}
.icon-approved-2:before {
content: "\e963";
}
.icon-approved:before {
content: "\e962";
}
.icon-rope-2:before {
content: "\e960";
}
.icon-mother:before {
content: "\e961";
}
.icon-training:before {
content: "\e95e";
}
.icon-rope:before {
content: "\e95f";
}
.icon-health:before {
content: "\e95d";
}
.icon-scale-2:before {
content: "\e959";
}
.icon-weights-2:before {
content: "\e95a";
}
.icon-whatsapp-2:before {
content: "\e95b";
}
.icon-chart:before {
content: "\e95c";
}
.icon-pulse:before {
content: "\e958";
}
.icon-calendar2:before {
content: "\e952";
}
.icon-tailored:before {
content: "\e953";
}
.icon-plan:before {
content: "\e954";
}
.icon-body:before {
content: "\e955";
}
.icon-whatsapp:before {
content: "\e956";
}
.icon-scale:before {
content: "\e957";
}
.icon-weights:before {
content: "\e94e";
}
.icon-sleep:before {
content: "\e94f";
}
.icon-brocolli:before {
content: "\e950";
}
.icon-brain:before {
content: "\e951";
}
.icon-display-filled:before {
content: "\e94c";
}
.icon-display1:before {
content: "\e94d";
}
.icon-shopping-cart2:before {
content: "\e94b";
}
.icon-pause:before {
content: "\e94a";
}
.icon-expand:before {
content: "\e949";
}
.icon-bookmark-solid:before {
content: "\e948";
}
.icon-quote2:before {
content: "\e946";
}
.icon-quote:before {
content: "\e947";
}
.icon-ban:before {
content: "\e944";
}
.icon-forbidden:before {
content: "\e943";
}
.icon-paper-1:before {
content: "\e93e";
}
.icon-calendar1:before {
content: "\e93f";
}
.icon-medal:before {
content: "\e940";
}
.icon-house:before {
content: "\e941";
}
.icon-clean:before {
content: "\e942";
}
.icon-male-telemarketer:before {
content: "\e93b";
}
.icon-truck:before {
content: "\e93c";
}
.icon-bar-code:before {
content: "\e93d";
}
.icon-list1:before {
content: "\e938";
}
.icon-menu:before {
content: "\e939";
}
.icon-list-text:before {
content: "\e93a";
}
.icon-man-user:before {
content: "\e937";
}
.icon-shopping-cart1:before {
content: "\e936";
}
.icon-cookie:before {
content: "\e935";
}
.icon-settings:before {
content: "\e934";
}
.icon-return:before {
content: "\e92c";
}
.icon-certificate:before {
content: "\e92d";
}
.icon-gift-box:before {
content: "\e92e";
}
.icon-gift:before {
content: "\e92f";
}
.icon-placeholder:before {
content: "\e91a";
}
.icon-paper-plane:before {
content: "\e91b";
}
.icon-call:before {
content: "\e91c";
}
.icon-box-open:before {
content: "\e917";
}
.icon-edit:before {
content: "\e918";
}
.icon-layers:before {
content: "\e919";
}
.icon-list:before {
content: "\e916";
}
.icon-bin:before {
content: "\e915";
}
.icon-tick:before {
content: "\e900";
}
.icon-feedback:before {
content: "\e901";
}
.icon-heart:before {
content: "\e902";
}
.icon-heart-solid:before {
content: "\e903";
}
.icon-moon:before {
content: "\e904";
}
.icon-notes:before {
content: "\e905";
}
.icon-search:before {
content: "\e906";
}
.icon-sun:before {
content: "\e907";
}
.icon-user:before {
content: "\e908";
}
.icon-user-solid:before {
content: "\e909";
}
.icon-supermarket:before {
content: "\e90a";
}
.icon-upload:before {
content: "\e90b";
}
.icon-bookmark:before {
content: "\e90c";
}
.icon-close:before {
content: "\e90d";
}
.icon-video-camera:before {
content: "\e90e";
}
.icon-minus:before {
content: "\e90f";
}
.icon-plus:before {
content: "\e910";
}
.icon-next:before {
content: "\e911";
}
.icon-back:before {
content: "\e912";
}
.icon-arrow-left:before {
content: "\e913";
}
.icon-arrow-right:before {
content: "\e914";
}