@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

* {box-sizing:border-box; outline:none}
img {width:100%;max-width:100%;}


html {font-size: 17px;}
body {
	font-family:Inter;
	--c-main: #24bdba;
	--c-secondary: #1a1a1a;
	--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: var(--c-black);
	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;}

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



strong {font-weight: 600;}
a {color:var(--c-main);}
a:hover {color:var(--c-main);}
.no-scroll {overflow:hidden}
font {outline:none}
.btn {text-transform: none;font-size: 15px;color: #fff;line-height: 1;padding: 15px 25px;border-radius: 10px;font-weight: 600;background: var(--c-main);display: inline-flex;align-items: center;}
.btn.secodary {}
.btn:focus {box-shadow:none}
.btn:hover {color:#fff;background: 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-gray);color: #fff;}
.btn.primary {background: var(--c-main); color: #fff; border: solid 1px var(--c-main); }
.btn.primary:hover {background: #bd1116; border: solid 1px #bd1116; }

.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-black);}
h2 {font-size: 26px;margin: 0 0 20px 0;color: var(--c-black);}
h2.stronger, h2 strong {font-weight:800;}
h3 {font-size: 22px;color: var(--c-black);}
h4 {font-size: 20px;font-weight: 400;}

#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 Pro';font-weight: 900;font-size: 30px;position: absolute;left: 20px;top: 17px;line-height: 1;opacity: 0.5;}

.dotted-box {
    font-size: 15px;
    padding: 4px 10px;
    border-radius: 10px;
    position: relative;
    background: none;
    border: dashed 2px var(--c-gray);
    display: inline-block;
    margin: 0 5px;
}

.section {padding: 70px 45px;margin: 0;}
.section.gray {background: var(--c-gray-lighter); }
.section .content {max-width: 1300px; margin: 0 auto; }


.block {padding: 70px 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-light);-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 {}
}


#masthead {padding: 20px 20px; }
#masthead .content {max-width: 1300px; margin: 0 auto; display: flex; align-items: center; }
#masthead .content .logo {}
#masthead .content .logo img {max-width: 165px; }
.dark-mode #masthead .content .logo img {filter: invert(1); }
#masthead .content .menu {padding: 0; margin: 0 30px 0 auto; list-style: none; font-size: 16px; }
#masthead .content .menu > li {display: inline-block;margin: 0 0 0 30px;position: relative;}
#masthead .content .menu > li > a {font-weight: 700;color: var(--c-black);text-decoration: none;}
#masthead .content .menu > li > a:hover {text-decoration:none;color:var(--c-main);}
#masthead .content .menu > li .dropdown {position: absolute;top: 42px;left: 50%;transform: translateX(-50%);min-width: 700px;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;}
#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 var(--c-gray-lighter) 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 .links ul {font-size: 14px; list-style: none; padding: 0; margin: -5px 0 15px 0; }
#masthead .content .menu > li .dropdown .links ul li {}
#masthead .content .menu > li .dropdown .links ul li:first-child a {/* padding-top:0; */}
#masthead .content .menu > li .dropdown .links ul li a {color: var(--c-black); padding: 6px 0 6px 20px; display: block; position:relative; text-decoration:none; line-height: 1.2; }
#masthead .content .menu > li .dropdown .links ul li a:hover {color: var(--c-main); font-weight: 500; }


#masthead .content .menu > li .dropdown .links 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); }
#masthead .content .menu > li .dropdown .links ul li a:hover::before {color: var(--c-main);opacity:1}
#masthead .content .menu > li .dropdown .courses {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 {}

#masthead .content .account {margin: 0 0 0 15px;position: relative;}
#masthead .content .account .trigger {display: inline-block;/* border-radius: 50%; */overflow: hidden;vertical-align: top;}
#masthead .content .account .trigger a {color: var(--c-secondary); text-decoration: none; }
#masthead .content .account .trigger i {font-size: 30px; width: 39px; height: 39px; display: block; border-radius: 50%; text-align: center; line-height: 39px; }
.logged-in #masthead .content .account .trigger i::before {content:"\e937"}
#masthead .content .account .trigger img {border-radius: 50%; }
#masthead .content .account .dropdown {position: absolute;right: -30px;top: 57px;background: var(--c-gray-lighter);padding: 20px;border-radius: var(--r10);/* min-width: max-content; */text-align: right;display:none;z-index: 100;}
#masthead .content .account.opened .dropdown {display: flex;justify-content: flex-end;}
#masthead .content .account .dropdown::before {content:"";display: block;position: absolute;height: 40px;width: 100%;left: 50%;transform: translateX(-50%);top: -26px;}
#masthead .content .account .dropdown::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;top: -10px;right: 39px;}
#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 0 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 20px;}
.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: 0px;left: 0px;width: 40px;}
.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: 0px;top: 28px;width: 40px;}
.menuTrigger.open div span {background: #000;}

@media (max-width: 1200px) {
	#masthead .content {}
	#masthead .content .logo {margin:0 auto 0 0;}
	#masthead .content .menu {display:none;position: fixed;top: 90px;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;}
}

@media (max-width: 767px) {
	#masthead .content {}
	#masthead .content .logo {}
	#masthead .content .logo img {max-width: 120px;}
	#masthead .content .menu {top: 70px; }
	#masthead .content .menu > li .dropdown .links ul {columns:1}

	#masthead .content .account .trigger {}
	#masthead .content .account .trigger img {max-width: 30px; }
	#masthead .content .account {position:unset}
	#masthead .content .account.opened .dropdown {display:block;}
	#masthead .content .account .dropdown {left: 0;top: 70px;right: 0;border-radius: 0;}
	#masthead .content .account .dropdown::after {right: 74px;}
	#masthead .content .account .dropdown .column {text-align: left; width: 100%; }
	#masthead .content .account .dropdown .theme {margin: 20px 0 20px 0; }
	#masthead .content .account .dropdown .theme .elem {justify-content: flex-start; }
	#masthead .content .account .dropdown .admin-column {padding: 0; width: calc(100% + 40px); text-align: left; background: var(--c-gray-light); padding: 20px 20px; margin: 0 -20px -20px; }


	#masthead .content .language .trigger img {max-width: 30px; }
}

.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: 800;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%;}


.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: 100%; position: relative; }
.block.hero-image .content .img {}
.block.hero-image .content .img img {max-height: 600px; object-fit: cover; }
.standard .block.hero-image .content .img img {border-radius:20px;}
.block.hero-image .content .text {position: absolute; top: 50%; left: 50%; width: 100%; max-width: 1300px; padding: 40px; transform: translate3d(-50%,-50%, 0); color: #fff; text-align: center; }
.block.hero-image .content .text h2 {margin: 0 0 10px 0; color: #fff; }
.block.hero-image .content .text p {font-size: 17px; margin: 0 0 30px 0; }
.block.hero-image .content .text .btn {margin: 0 4px; }
.block.hero-image .content .text .btn:hover {background:#fff;color:#000}



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


.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 0 60px 0;}
.home-slider .item {position: relative;max-height: 660px;}
.home-slider.slider-padding .item {border-radius:20px;overflow: hidden;}
.home-slider .item .content {width: 100%;position: absolute;bottom: 50px;max-width: 1080px;left: 50%;transform: translateX(-50%);color: #fff;text-align: center;}
.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: 400;margin: 0 0 30px 0;}
.home-slider .item .content .btn {margin: 0 8px; font-size: 16px; padding: 16px 30px; }
.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 {}
.home-slider .item .bg img {object-fit: cover;object-position: top center;}
.standard .home-slider .item {border-radius:20px;overflow: hidden;}

@media (max-width: 1400px) {
	.home-slider.slider-padding .item {border-radius:0;}
}

.page-header {padding: 0 20px; }
.page-header .content {display: flex;flex-wrap: wrap;margin: 0 auto;max-width: 1300px;align-items: center;padding: 40px 0 30px;position: relative;}
.page-header .content h1 {margin: 0;font-weight: 900;color: var(--c-secondary);flex: 0 1 77%;min-width: 77%;padding: 0 40px 10px 0;font-size: 34px;}
.page-header .content .filter-trigger {margin: 0 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 {}
.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 auto;font-size: 19px;background: var(--c-black);}
.dark-mode .page-header .content .btn.add {background: #555; }
.page-header .content .btn.add i {}




@media (max-width: 1320px) {
}

@media (max-width: 1200px) {}

@media (max-width: 991px) {}

@media (max-width: 767px) {
	.page-header h1 {font-size: 24px;}
	.page-header .content h1 {flex: 0 1 100%; max-width: 100%; padding-right: 0; }
}





#primary {background: var(--c-gray-lightest);padding: 60px 20px;}
#primary > .content {max-width: 1300px; margin: 0 auto; }
#primary > .content .grid {display: grid;grid-gap: 40px;grid-template-columns: repeat(3,1fr);}
#primary > .content .grid .main {grid-column: span 2; }
#primary > .content .grid .sidebar {}

#primary.full-width {padding: 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; }

.sidebar .sidebar-box {background:var(--c-white);padding:25px;border-radius:10px;margin: 0 0 25px 0;}


.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; }
	#primary > .content .grid .sidebar {grid-column: span 3;}
}

@media (max-width: 767px) {
.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;}
}

#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: 40px;}
.courses .item {box-shadow: 0 0 15px rgb(0 0 0 / 10%);border-radius: var(--r10);overflow: hidden;transition:all 0.3s;display: flex;flex-direction: column;}
.courses .item .banner {}
.courses .item .text {padding: 25px;background: var(--c-white);display: flex;flex-direction: column;/* height: 100%; */flex: 1;}
.courses .item .text .name {color: var(--c-secondary);font-weight: 800;line-height: 1.2;display: block;margin: 0 0 12px 0;text-decoration: none;}
.courses .item .text .speakers {margin: 0 0 20px 0;}
.courses .item .text .speakers .photos {}
.courses .item .text .speakers .photos img {width: 45px; height: 45px; border-radius: 50%; margin: 0 8px 4px 0; background: #fff; border: solid 1px var(--c-gray-light); transition: all 0.3s; }
.courses .item .text .speakers .names {font-size: 13px; font-weight: 500; line-height: 1.4; margin: 0; color: var(--c-main); }
.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 .meta {font-size: 13px; display: flex; align-items: flex-end; }
.courses .item .text .meta .left {position: relative;}
.courses .item .text .meta .left .btn {display: none;white-space: nowrap;}
.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; }
.courses .item .text .meta .right {margin: 0 0 0px auto; }
.courses .item .text .meta .right button {border: none;background: none;font-size: 21px;color: var(--c-black);}
.courses .item .text .meta .right button i {}


.courses .item:hover {box-shadow: 0 0 20px rgb(0 0 0 / 20%);cursor: pointer;}
.courses .item:hover .text .meta .left .btn {display: inline-flex;position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.courses .item:hover .text .meta .left .duration {opacity:0}
.courses .item:hover .text .meta .left meter {opacity:0}



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




@media (max-width: 991px) {
	.courses {grid-template-columns: repeat(2,1fr); }
	.courses .item {}
}
@media (max-width: 767px) {
	.courses {grid-template-columns: repeat(1,1fr);}
}


#colophon {background: #1a1a1a;color: #fff;}
#colophon .site-info {max-width: 1360px; margin: 0 auto; display: flex; padding: 60px 0; }
#colophon .site-info .column {font-size: 14px; padding: 0 30px; 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);}
#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: 0; font-size: 14px; }
#colophon .site-info .column ul li {margin: 0 0 8px 0; }
#colophon .site-info .column ul li a {color: #999;text-decoration: none;}
#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 .column {flex: 0 1 100%; text-align: center; margin: 0 0 30px 0; }
	#colophon .site-info .column .logo {}
	#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 10px 10px; }
	#colophon .site-info .column ul li a {}
	#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 {}

	#colophon .site-info .column ul.sm {}
	#colophon .site-info .column ul.sm li {}
	#colophon .site-info .column ul.sm li a {}
	#colophon .site-info .column ul.sm li a i {}
}
.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 Pro";font-weight: 600;color: rgba(0,0,0,0.2);background: linear-gradient(90deg, var(--c-main) var(--percent), rgba(0,0,0,0.2) var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 7px;line-height: 1;margin: 0 -7px 0 0;}
.high-contrast .average-rating::before {color: rgba(0,0,0,0.9); background: linear-gradient(90deg, var(--c-main) var(--percent), rgba(0,0,0,0.8) var(--percent)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 7px; }



.trainers {display: grid; grid-template-columns: repeat(4,1fr); text-align: center; grid-column-gap: 40px; grid-row-gap: 60px; }
.trainers .item {}
.trainers .item .photo {display: inline-block; margin: 0 0 15px 0; background: #f2f2f2; border-radius: 50%; border: solid 5px var(--c-white); overflow: hidden; }
.trainers .item .photo img {border-radius: 50%;max-width: 200px;mix-blend-mode: multiply;filter: contrast(1.1) brightness(1.1) grayscale(1);top: 0;position: relative;}
.trainers .item:hover .photo img {filter: grayscale(0);}
.trainers .item .name {display: block; color: var(--c-secondary); font-weight: 800; margin: 0 0 5px 0; text-decoration: none; font-size: 20px; line-height: 1.2; }
.trainers .item .name span {display: block; color: var(--c-gray); font-size: 13px; font-weight: 300; }
.trainers .item .meta {margin: 0 0 8px; }
.trainers .item .meta span {display: inline-flex; margin: 0 10px; font-size: 13px; color: var(--c-gray); align-items: center; line-height: 1; }
.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: 0 0 2px 0; }



.trainer-header {display: flex;align-items: flex-start;margin: 0;flex-wrap: wrap;}
.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 .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;}
.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 span {margin: 0 0 0 30px;display: inline-flex;align-items: center;color: var(--c-black);line-height: 1;cursor: pointer;}
.trainer-header .text .actions span::before {font-family:icomoon;font-size: 25px;margin: 0 5px 0 0;}
.trainer-header .text .actions span.share {}
.trainer-header .text .actions span.share::before {content:"\ea1b";}
.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 {}
	.trainer-header .photo {margin: 0 auto 40px; }
	.trainer-header .text {padding: 0 0 0 0; flex: 0 1 100%; }
	.trainer-header .text h1 {text-align: center; }
	.trainer-header .text .meta {flex:0 1 100%;text-align: center;justify-content: center;margin: 0 0 10px 0;}
	.trainer-header .text .meta span {margin: 0 15px; }
	.trainer-header .text .btn.training.edit {position: relative; left: auto; right: auto; top: auto; bottom: auto; margin: 20px auto 0; }
	.trainer-header .text .actions {flex: 0 1 100%;text-align: center;}
	.trainer-header .text .actions span {margin: 0 15px;}
}

.nav-links {flex: 0 1 100%;text-align: center;margin: 50px 0 -32px 0;font-size: 16px;}
.nav-links a {padding: 0 10px;color: var(--c-black);padding: 0 10px 8px 10px;margin: 0 18px;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 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;}
.webinar-header .actions .save {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-black);line-height: 1;cursor: pointer;font-size: 0;vertical-align: top;}
.webinar-header .actions .save::before {content:"\ea1d";font-family: icomoon;font-size: 25px;margin: 0;}
.webinar-header .actions .save:hover::before {background: var(--c-main);box-shadow: 0 0 0 10px var(--c-main);border-radius: 50%;color:#fff;}


.webinar-header .actions .share {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-black);line-height: 1;cursor: pointer;font-size: 0;}
.webinar-header .actions .share::before {content:"\ea1b";font-family: icomoon;font-size: 25px;margin: 0;}
.webinar-header .actions .share:hover::before {background: var(--c-main);box-shadow: 0 0 0 10px var(--c-main);border-radius: 50%;color:#fff;}

.webinar-header .actions .edit {margin: 0 0 0 15px;display: inline-flex;align-items: center;color: var(--c-black);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-black);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;}
.webinar-header .duration {margin: 0 40px 0 0; line-height: 1; }
.webinar-header .duration strong {}
.webinar-header .average-rating {text-align: right;}

.webinar-header .speakers {flex: 0 1 77%; display: flex; align-items: center; margin: 0; align-self: center; }
.webinar-header .speakers .photos {margin: 0 5px 0 0; }
.webinar-header .speakers .photos img {max-width: 45px; 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;}
.webinar-header .speakers .names a {
    text-decoration: none;
}

@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 {}
	.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% - 166px);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 {}
}


@media (max-width: 767px) {
	.webinar-header {}
	.webinar-header h1 {font-size: 28px !important;}
	.webinar-header .speakers {flex-wrap: wrap;margin: 0 0 15px 0;}
	.webinar-header .speakers .names {flex: 0 1 100%;margin: 10px 0 0 0;}
	.webinar-header .speakers .photos img {max-width: 60px;}
	.webinar-header .duration {margin: 0 20px 0 0;display: none;}
}

.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 .player {max-width:1460px;position: relative;z-index: 3;margin: 0 auto;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; }
.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 30px 20px;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 Pro";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 Pro";font-weight: 900;color: var(--c-main);text-shadow: -1px -1px var(--c-gray-lightest);font-size: 11px;}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .resources-list ul li.lock a::after {color: #fff;text-shadow: -1px -1px #207663, 1px 1px #207663;}
.webinar-player.full .player-sidebar .sections .item.completed .section-body .section-courses .elem button.resources {}
.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem.active .duration {color:#fff}


@media (max-width: 1459px) {
	.webinar-player .player {border-radius:0}
}
@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.full .player-sidebar .sections .item.active .section-body {padding: 20px; }
	.webinar-player.full .player-sidebar .sections .item .section-body .section-courses .elem {}
}



.learning-objectives {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;}
.learning-objectives h3 {font-size: 17px; font-weight: 700; }
.learning-objectives ul {padding: 0; margin: 0; list-style: none; columns: 2; font-size: 14px; }
.learning-objectives ul li {line-height: 1.2; padding: 6px 0 6px 28px; position: relative; break-inside: avoid;}
.learning-objectives ul li::before {content: "\e900";position: absolute;left: 0;top: 3px;font-family: icomoon;color: var(--c-main);font-size: 20px;line-height: 1;}


.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: 17px; font-weight: 700; }
.resources ul {padding: 0;margin: 0;list-style: none;display: grid;font-size: 14px;grid-template-columns: repeat(3,1fr);}
.resources ul li {line-height: 1.2;padding: 6px 0 6px 30px;position: relative;break-inside: avoid;}
.resources ul li small {display: block;color: var(--c-gray);margin: 4px 0 0 0;}
.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 Pro";font-weight: 900;color: var(--c-main);text-shadow: -1px -1px var(--c-gray-lightest);/* -webkit-text-fill-color: var(--c-main); *//* -webkit-text-stroke-width: 0px; *//* -webkit-text-stroke-color: var(--c-gray-lightest); */}

@media (max-width: 991px) {
	.resources ul {grid-template-columns: repeat(1,1fr);}
}

@media (max-width: 991px) {
	.resources {padding: 20px;}
}
.cw-accordion {}
.cw-accordion .cw-accordion-item {margin: 0 0 15px 0; border: none; box-shadow: none; background: var(--c-white); }
.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 50px 20px 20px;border-radius: 10px;font-weight: 400;display: flex;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}

.single-webinar {}
.single-webinar h3 {font-weight: 800; }
.single-webinar .meta {background: var(--c-gray-lighter);padding: 18px 25px;border-radius: var(--r10);margin: 0 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 .categories {}
.single-webinar .categories h3 {font-size: 17px; font-weight: 800; }
.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);}


.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-main); border-radius: 50%; margin: 0 15px 0 0; }
	.speaker-bio > p {margin: 0 50px 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: 0 0 0 auto;background: var(--c-gray-light);color: #000;}
	.speaker-bio .bio {margin: 15px 0 0 0; }


	.single-webinar .nav.nav-tabs {margin: 0 0 30px 0; }
	.single-webinar .nav.nav-tabs {}
	.single-webinar .nav.nav-tabs .nav-link {border: none; margin: 0 !important; padding: 9px 22px; font-size: 17px; }
.single-webinar .nav.nav-tabs .nav-link button {}
	.single-webinar .nav.nav-tabs .nav-link.active {background: var(--c-main); color: #fff; border: none; }

	@media (max-width: 767px) {
		.speaker-bio {}
		.speaker-bio img {}
		.speaker-bio > p {line-height: 1.1; margin: 0 0 0 0; }
		.speaker-bio > p span {margin: 4px 0 0 0; line-height: 1.2; }
		.speaker-bio .btn {flex: 0 1 100%; margin: 20px 0 0 0; }
		.speaker-bio .bio {}

		.single-article .partners {margin: 20px 0 30px 0;}
	}
	

.news-listing {display: grid;grid-template-columns: repeat(3,1fr);grid-gap: 40px;}
.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 > * {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;}

.modal .login-register-box {margin:0}
.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 20px 0;font-weight: 800;}
.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 Pro";color: #fff;font-weight: 600;font-size: 39px;margin: 0 15px 0 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 Pro'; font-weight: 900; color: #fff; text-align: center; line-height: 24px; font-size: 12px; background: var(--c-black); }
.login-register-box .register {flex: 1;/* padding: 0 0 0 30px; *//* border-left: solid 1px rgb(255 255 255 / 40%); *//* margin: 0 0 0 30px; */background: var(--c-main);padding: 30px;flex: 1;}
.login-register-box .register h2 {color: #fff;font-size: 23px;margin: 0 0 15px 0;font-weight: 800;}
.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; }

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


.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; }
#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: 'Inter';font-weight: 800;}
#page .simpay-form-wrap .simpay-form-description {font-family: 'Inter';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: 130px;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.4;}

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


.add-course-steps {padding: 0; margin: 0; list-style: none; display: flex; justify-content: space-between; position: relative; }
.add-course-steps li {border: solid 3px var(--c-gray-light); border-radius: 50%; width: 50px; height: 50px; line-height: 44px; text-align: center; font-size: 15px; position: relative; z-index: 2; background: #fff; box-shadow: 0 0 0 12px var(--c-white); font-weight: 600; }
.add-course-steps li.active {background: var(--c-main); color: #fff; border-color: var(--c-main); width: auto; min-width: 100px; border-radius: 30px; padding: 0 20px; }
.add-course-steps li.completed {color: #fff; background: var(--c-main); border-color: var(--c-main); font-size:0; }
.add-course-steps li.completed::before {content:"\e900";font-family:"icomoon";font-size: 20px;/* color: var(--c-black); */font-weight: 300;}
.add-course-steps::after {content:"";position: absolute;left: 0;right: 0;height: 2px;display: block;top: 50%;transform: translateY(-50%);background: var(--c-gray-lighter);z-index: 1;}

.succes-message {margin: 30px 0 0 0; font-size: 18px; font-weight: 300; text-align: center; background: var(--c-gray-lighter); padding: 20px; border-radius: 10px; }
.succes-message h2 {font-weight: 800; font-size: 21px; display: flex; align-items: center; justify-content: center; margin: 0 0 10px 0; }
.succes-message p {font-size: 16px; }

.facetwp-pager {text-align: center; width: 100%; display: flex; align-items: center; justify-content: center; margin: 30px 0 0 0; }
.facetwp-pager .facetwp-page {padding: 0;margin: 0 15px;color: var(--c-black);text-decoration: none;}
.facetwp-pager .facetwp-page:hover {text-decoration:none; color:var(--c-main)}
.facetwp-pager .facetwp-page.active {color: var(--c-main);/* border-bottom: solid 2px var(--c-main); */background: var(--c-main);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: 40px;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;}
.facetwp-pager .facetwp-page.next {font-size:0;width: auto;margin: 0 0 0 10px;border: solid 1px var(--c-black);width: 40px;height: 40px;line-height: 38px;border-radius: 50%;}
.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;}
 

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


#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-black); padding: 10px 18px; font-size: 12px; margin: 0 4px 0 0; }
#products .item .text .btn.secondary {background: none; color: #000; }