/* @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: #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 6 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 {}

ul.checked-list {list-style: none; padding: 0; margin: 0; }
ul.checked-list > li {color: var(--c-black); font-weight: 400; }
ul.checked-list > li::before {content: "\f00c";font-family: "Font Awesome 6 Free";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); }

.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,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !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,<svg fill='white' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !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: #ddd;}
.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 6 Free';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,<svg fill='black' height='24' viewBox='0 0 24 24' width='16' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") !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 40px 0 0;position: relative;}
#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: 0;}
.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: 0 0 4px 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 .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;}
.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;bottom: 50px;max-width: 1080px;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;z-index: 4;}
.home-slider .item .content h2 {color: #fff; font-size: 60px; font-weight: 800; line-height: 1; font-size: 50px; margin: 0 0 15px 0; }
.home-slider .item .content p {font-size: 20px;font-weight: 300;margin: 0 0 30px 0;opacity: 0.8;}
.home-slider .item .content .btn {margin: 0 8px;font-size: 16px;padding: 16px 30px;color: #fff;}
.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;}
.standard .home-slider .item {border-radius:20px;overflow: hidden;}

@media (max-width: 767px) {
	.home-slider .item {}
	.home-slider .item .content {padding: 0 20px; }
	.home-slider .item .content h2 {font-size: 32px;}
	.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 .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 6 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: 20px;border-radius: 50%;padding: 10px;border: none;transition: transform 0.3s;}
.sidebar .admin-box div[data="actions"] a.btn:hover {background: var(--c-main);color: #fff;transform: scale(1.2);}


.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 6 Free";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 6 Free"; 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; height: auto !important; line-height: 1; top: auto; position: relative; left: auto; 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; }





.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.1;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;}
.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 10px 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;}
.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}


.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 .text .progress-status {position: absolute; right: 0; bottom: 30px; right: 25px; }
.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 6 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.png) top center no-repeat;top: -90px;bottom: 0;background-size: cover;}
.courses .item.event:hover::after {background: url(/w/cpgabaprofessional.de/images/event-overlay.png) top center no-repeat;top: -80px;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 6 Free';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 6 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: 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: 28px;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 6 Free";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;}
.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: center;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;}
.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; }
	.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: 27px !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 6 Free";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::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; background: var(--c-gray-lighter); flex: 1; text-align: left; max-height: 200px; overflow-y: scroll; }
.webinar-player.full .player-sidebar::-webkit-scrollbar {-webkit-appearance: none; width: 7px; padding:0 0 0 20px }
.webinar-player.full .player-sidebar::-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: 2px 0 0 0; }
.webinar-player.full .player-sidebar .sections .item {margin: 0;border-bottom: solid 2px #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 40px; }
.webinar-player.full .player-sidebar .sections .item .section-button button {border: none;text-align: left;background: none;padding: 0 60px 0 0;font-weight: 700;position: relative;width: 100%;font-size: 15px;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: 0; top: 0; position: absolute; }
.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: 20px 40px;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: 14px 180px 14px 0;position: relative;margin: 0;cursor: pointer;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active {background: var(--c-main); color: #fff; box-shadow: -40px 0 0 var(--c-main), 40px 0 0 var(--c-main); }
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem .name::before {content: "\f04b";position: absolute;font-family: "Font Awesome 6 free";font-weight: 900;left: 0;display: block;color: var(--c-main);font-size: 20px;line-height: 1;}
.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.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: 14px;padding: 0 0 0 30px;position: relative;}
.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-gray);padding: 0 0 0 30px;}
.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 6 Free";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}


@media (max-width: 991px) {
	.webinar-player.full .player {flex: 0 1 100%; }
	.webinar-player.full .player-sidebar {flex: 0 1 100%; max-height: 500px !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;
}
}



.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 6 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 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(3,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 6 Free";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; }

@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; }
}

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 6 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; }

@media (max-width: 767px) {
	nav .tabs-mobile-trigger {display:block;margin: 0 0 20px 0;z-index: 102;min-height: 47px;}
	nav .tabs-mobile-trigger + .nav.nav-tabs {display:none}
	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;}

	.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);}
}


.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; }
.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;}
.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 6 free";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 6 Free'; 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 {}
.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 + #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.png) top center no-repeat;top: 0;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);}
.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;}
.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 6 Free';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 6 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 .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 .text {justify-content: center;position: relative;}
	.webinar-header-live .text .details {}
	.webinar-header-live .text .details .name {font-size: 30px;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 .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 .details .meta .type {
    top: 33px;
    font-size: 13px;
    padding: 15px 20px;
}
	.webinar-header-live.event-header .text .details .meta .type i {display:none}
}


.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 {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; }
.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;}
	.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 30px; 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 6 free"; */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 6 Free"; 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 6 Free";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 6 Free";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}



.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 6 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 6 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 6 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 6 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 6 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 6 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; }
.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 6 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 {/*color: rgba(255,255,255,0.2)*/;}

.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; }
}