.force-hero-height {min-height: 390px; height: 390px}

/* slider ---- -- -- */

.slide-indicator-wrap {
	bottom: 44px;
	left: 50%;
	transform: translate(-50%, 0);
}
.hero-slider-wrap {padding: 10px 5px}
.hero-slider {
	background-color: rgba(255, 255, 255, .45);
	border-radius: 20px;
    height: 6px;
}
.hero-slider.active {width: 52px}
.hero-slider.inactive {width: 20px}
.hero-slider.inactive.begin-position {width: 52px}
.hero-slider .hero-slider-fillbar {
	top: 0;
	left: 0;
	background-repeat: no-repeat;
	
	transition-property: all;
    transition-timing-function: linear;
    transition-delay: 0s;
	
	-webkit-backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: translate3d(0,0,0);
}
.hero-slider .hero-slider-fillbar {background-image: linear-gradient(rgba(255, 255, 255,1), rgba(255, 255, 255,1))}
.hero-slider.inactive .hero-slider-fillbar {background-size: 0% 100%; background-position: left;}
.hero-slider.current.inactive .hero-slider-fillbar {background-size: 0% 100%; background-position: left;}
.hero-slider.active .hero-slider-fillbar {background-size: 100% 100%; background-position: left;}
.hero-slider.run-once.inactive .hero-slider-fillbar {background-size: 100% 100%; background-position: left;}

.bg-layer-hero-slider .slider-foreground {
	background-color: transparent;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
}
.bg-layer-hero-slider .slider-background-menu-shader {
	height: inherit;
	/*height: 280px;*/
}
.bg-layer-hero-slider .slider-background {
	background-color: transparent;
    background-position: center bottom; /* put all the interesting stuff at the bottom of the image */
    background-repeat: no-repeat;
    background-size: cover;
}

.underline-svg-white, .underline-svg-toxicgreen, .underline-svg-setting-secondary {
	text-decoration: none;
    position: relative;
}
.underline-svg-white::after, .underline-svg-toxicgreen::after, .underline-svg-setting-secondary::after {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: top;
    content: '';
    position: absolute;
    right: 0;
    bottom: -8px;
    width: 100px;
    height: 9px;	
}

/* HERO SLIDER 1 */
.hero-text-wrap .hero-text.hero-text-slider-abc {width: auto; margin-left: 286px}
.hero-text-wrap .hero-text.hero-text-slider-abc .hero-text-style {
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}
.hero-text-wrap .hero-text.hero-text-slider-abc .text-1, 
.hero-text-wrap .hero-text.hero-text-slider-abc .text-2, 
.hero-text-wrap .hero-text.hero-text-slider-abc .text-3 {
	text-shadow: 0px 1px 9px rgba(10,37,64,.35), 0 0 1.5rem rgba(10,37,64,.35), 0 0 1.5rem rgba(10,37,64,.35);
}
.hero-text-wrap .hero-text.hero-text-slider-abc .text-1 {
	font-size: 1.9rem;
	line-height: 1.8rem;
	color: #ffbb59;
}
.hero-text-wrap .hero-text.hero-text-slider-abc .text-2 {
	font-size: 2.4rem;
    line-height: 2.7rem;
	color: #fff;
}
.hero-text-wrap .hero-text.hero-text-slider-abc .text-3 {
	font-size: 2.1rem;
    line-height: 2.05rem;
	color: #fff;
}
.hero-text-wrap .hero-text.hero-text-slider-abc .custom-sep {
	margin-left: 8px;
	background: #ffbb59;
	width: 100px;
	height: 8px;
}
.hero-text-wrap .hero-text.hero-text-slider-abc .default-btn {
	margin-left: 3px;
	padding: 0 21px 0 25px;
	height: 36px;
}

.hero-text-wrap .hero-text.hero-text-slider-abc .text-4 {/*background-color: #1b465c*/}

/* HERO SLIDER 2 */

.hero-text-wrap .hero-text.hero-text-slider-def {width: auto; margin-right: 300px}
.hero-text-wrap .hero-text.hero-text-slider-def .text-1, .hero-text-wrap .hero-text.hero-text-slider-def .text-2, .hero-text-wrap .hero-text.hero-text-slider-def .text-3 {
	text-shadow: 0px 8px 60px rgba(216,141,192,.2), 0 0 2.4rem rgba(216,141,192,.2), 0 0 2.4rem rgba(216,141,192,.2);
}
.hero-text-wrap .hero-text.hero-text-slider-def .text-1 {
	font-size: 1.8rem;
	line-height: 2rem;
	color: #d88dc0;
}
.hero-text-wrap .hero-text.hero-text-slider-def .text-2 {
	font-size: 2.4rem;
    line-height: 2.5rem;
}
.hero-text-wrap .hero-text.hero-text-slider-def .text-3 {}
.hero-text-wrap .hero-text.hero-text-slider-def .default-btn {
	margin-left: -4px;
	padding: 0 34px 0 36px;
	height: 36px;
}
.hero-text-wrap .hero-text.hero-text-slider-def .custom-sep {
	background: #d88dc0;
	margin-left: 3px;
	width: 100px;
	height: 4.5px;
}

/* HERO SLIDER 3 */
.hero-text-wrap .hero-text.hero-text-slider-ghi .default-btn {padding: 0 48px}
.hero-text-wrap .hero-text.hero-text-slider-ghi .hero-text-shape {
	background-color: #132737;
	border-top: 8px solid #af9184;
	border-radius: 0 0 25px 25px;
	padding: 12px 30px 20px 30px;
}
.hero-text-wrap .hero-text.hero-text-slider-ghi .text-1 {
	font-size: 2.4rem;
	line-height: 2.6rem;
	/*text-shadow: 0px 4px 8px rgba(7,36,59, .6);*/
}
.hero-text-wrap .hero-text.hero-text-slider-ghi .text-2 {
	font-size: 1.4rem;
	line-height: 1.6rem;
	/*text-shadow: 0px 4px 8px rgba(7,36,59, .6);*/
}
.hero-text-wrap .hero-text.hero-text-slider-ghi .underline-svg-white::after {
	width: 64px;
	right: 0;
	bottom: -9px;
}

.hero-text-wrap .hero-text.hero-text-slider-ghi .text-3 {
	text-shadow: 0px 2px 5px rgba(7,36,59, .72)
}

/* HERO SLIDER 4 */
.hero-text-wrap .hero-text.hero-text-slider-jkl {width: auto; margin-left: 286px}
.hero-text-wrap .hero-text.hero-text-slider-jkl .hero-text-style {
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-1,
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-2, 
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-3,
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-5 {
	text-shadow: 0px 1px 9px rgba(10,37,64,.35), 0 0 1.5rem rgba(10,37,64,.35), 0 0 1.5rem rgba(10,37,64,.35);
}
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-1 {
	font-size: 1.3rem;
	line-height: 1.5rem;
	color: #46b3ff;
}
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-2 {
	font-size: 2.4rem;
    line-height: 2.6rem;
	color: #fff;
}
.hero-text-wrap .hero-text.hero-text-slider-jkl .text-3 {
	font-size: 1.3rem;
    line-height: 1.5rem;
	color: #fff;
	padding-left: 9px;
}

.hero-text-wrap .hero-text.hero-text-slider-jkl .custom-sep {
	margin-left: 8px;
	background: #ffbb59;
	width: 100px;
	height: 8px;
}
.hero-text-wrap .hero-text.hero-text-slider-jkl .default-btn {
	margin-left: 3px;
	padding: 0 21px 0 25px;
	height: 36px;
}

/* HERO SLIDER 5 */
.hero-text-wrap .hero-text.hero-text-slider-mno {width: auto; margin-left: 100px}
.hero-text-wrap .hero-text.hero-text-slider-mno.en {width: auto; margin-left: 120px}
.hero-text-wrap .hero-text.hero-text-slider-mno .hero-text-style {
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
}
.hero-text-wrap .hero-text.hero-text-slider-mno .text-2, 
.hero-text-wrap .hero-text.hero-text-slider-mno .text-3,
.hero-text-wrap .hero-text.hero-text-slider-mno .text-5 {
	text-shadow: 0px 1px 9px rgba(10,37,64,.35), 0 0 1.5rem rgba(10,37,64,.35), 0 0 1.5rem rgba(10,37,64,.35);
}
.hero-text-wrap .hero-text.hero-text-slider-mno .text-1 {
	font-size: 1.6rem;
	line-height: 1.6rem;
	color: #4cb24c;
	text-shadow: 0px 1px 9px rgba(76,178,76,.25), 0 0 1.5rem rgba(76,178,76,.25), 0 0 1.5rem rgba(76,178,76,.25);
	padding-left: 0;
}
.hero-text-wrap .hero-text.hero-text-slider-mno .text-2 {
	font-size: 2.2rem;
    line-height: 2.4rem;
	color: #fff;
	padding-left: 0;
}
.hero-text-wrap .hero-text.hero-text-slider-mno .text-3 {
	font-size: 1.7rem;
    line-height: 2rem;
	color: #fff;
	letter-spacing: .75px;
	padding-left: 0;
}
.hero-text-wrap .hero-text.hero-text-slider-mno .default-btn {
    margin-left: -4px;
    padding: 0 19px 0 21px;
    height: 36px;
}
.hero-text-wrap .hero-text.hero-text-slider-mno .text-5 {
	font-size: 1.1rem;
    line-height: 1rem;
	color: #fff;
	padding-left: 0;
}

/*-------------------*/



/*-------------------*/

/* --- POPUP /// TOKEN ERROR --- */

.com-popup.token-error .body {min-height: 180px; /*background: #242939*/}
.com-popup.token-error .token-attention-icon {width: 64px;}
.com-popup.token-error .popup-bg-layer {width: 180%; opacity: .45}
.com-popup.token-error .popup-bg-squiggle-pattern {
	background-position: 0 100%;
    background-size: 200%;
    background-repeat: no-repeat;
    width: 200px;
    height: 300px;
	opacity: .8;
}
.com-popup.token-error .bottom .left, .com-popup.token-error .bottom .right {height: 88px}
.com-popup.token-error .default-btn.login {height: 38px}
.com-popup.token-error .default-btn.login .btn-icon {width: 12.5px}
.com-popup.token-error .default-btn.support {
	box-shadow: inset 0 0 0 1px #85a5c5;
	background: transparent;
	height: 26px;
}
.com-popup.token-error .support-btn-marker {
	border-radius: 100%;
	top: -3px;
	right: 2px;
	width: 12px;
	height: 12px;
}
	
/*-------------------*/

/* --- CART - BILLING DETAILS  --- */

.com-popup.cart.private .display-on-business {display: none}
.com-popup.cart.business .display-on-private {display: none}

.com-popup.cart .billing-ad {
	/*background*/
	/*background-color: transparent;*/
	background-position: center bottom;
    background-repeat: no-repeat;
	background-size: 140%;
	padding: 25px 20px 0 30px;
	border-radius: 10px;
	min-height: 340px;
}

/*.com-popup.cart.private .bill-details-container .right {display: none}*/

/*-------------------*/

/* --- BODY CONTENT // COURSES --- */

.content-course-width {width: 860px}
.com-content .course-holder-wrap {margin-top: -20px; padding: 0 20px 10px 20px}
.com-content .course-holder-wrap-topbar {height: 19px}
.com-content .course-holder-wrap-topbar.user-is-cm {height: 36px}
.course-box-shader-wrap, .emulate-course-box-shader-wrap {
	padding-left: 30px; /* 30px */
	padding-right: 30px;
}
.course-box-wrap {padding-bottom: 70px}
.course-box-shader-wrap {padding-bottom: 20px}
/*.course-box-shader-wrap.last {padding-bottom: 90px}*/
.com-content .course-box {
	-webkit-box-shadow: 1px 60px 75px -50px rgba(0,57,96, .6);
	-moz-box-shadow: 1px 60px 75px -50px rgba(0,57,96, .6);
	box-shadow: 1px 60px 75px -50px rgba(0,57,96, .6);
	border-radius: 14px 11px 14px 14px;
	padding: 25px 0 48px 0;
}
.com-content .course-box .course-box-top .new-line {height: 9px}
.com-content .course-box .course-box-top .new-box-wrap {width: 33%}
.com-content .course-box .course-box-top .new-box {width: 95px}

.com-content .course-box.ladder .course-box-top .new-box-wrap {width: 37%}
.com-content .course-box.ladder .course-box-top .new-box {width: 115px; top: -2px;}

.com-content .course-box .course-box-flag-overlay {width: 46px; right: -3px;}
.com-content .course-box .course-box-flag-overlay.pl {right: 0;}

.com-content .course-box .course-text-title {
	font-size: 1.42rem;
    line-height: 1.6rem;
	letter-spacing: -.75px;
}
.com-content .course-box .course-text-title .lang-icon {
	width: 16.5px;
    height: 16px;
	margin-top: 7.5px;
	margin-left: 3px
}
.com-content .course-box .course-text-title .lang-icon.pl {/*border: 1px solid #436f9c; */ box-shadow: 0 0 0 1px #436f9c;}
.com-content .course-box.your-course .course-text-title .lang-icon.pl {box-shadow: none;}
.com-content .course-box .course-text-title .lang-icon svg {
    width: 23px;
    height: 19px;
}
.com-content .course-box .course-text-extra-tag {
	font-size: 1.25rem;
	line-height: 1.5rem;
}
/*.com-content .course-box .course-icon-wrap {width: 100px}*/
.com-content .course-box .course-icon {width: 20px}
.com-content .course-box .course-icon.hotwork-course-icon {width: 32px}
.com-content .course-box .course-icon.ladder-course-icon {width: 40px}
.com-content .course-box .access-time-icon {width: 26px}
.com-content .course-box .event-calendar-icon {width: 19px}

.com-content .course-box .course-main-img-wrap {padding-right: 10px}
.com-content .course-box .course-img {
	background-color: #ddd9d9;
	background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
	border-radius: 10px;
	width: 100%;
	height: 94px;
}
.com-content .course-box .course-main-img-wrap .ear-icon {width: 24.5px}

.com-content .course-box .course-main-img-right-text .svg-icon-wrap {width: 146px}
.com-content .course-box .course-main-img-right-text.hotwork .svg-icon-wrap {width: 100px}

.com-content .course-box.your-course .course-main-img-right-text .svg-icon-wrap path,
.com-content .course-box.your-course .course-main-img-right-text .svg-icon-wrap polygon {
	fill: #fff;
}

.buy-btn-wrap {height: 56px}

.course-box .course-box-bottom {height: 36px}
.course-box .course-box-bottom .left {width: 45%}
.course-box .course-box-bottom .middle {width: 10%}
.course-box .course-box-bottom .right {width: 45%}

.course-box .course-box-bottom .course-box-lang {padding-left: 26px; border-radius: 0 0 0 14px;}
.course-box .course-box-bottom .course-box-lang-shape svg {height: 40px}
.course-box .course-box-bottom .course-box-lang .lang-icon {width: 15.5px; height: 14.5px;}
.course-box .course-box-bottom .course-box-lang .lang-icon svg {width: 26px; height: 16px;}
.course-box .pay-attention-note .blob-15 {padding: 2px 13px 2px 12px;}

/* WILL not work since has to manipulate a lot of DOM elements 
.course-box .course-lpaths-wrap .course-lpaths-hidden {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	transition: height 0.6s ease-out;
	will-change: height;
}
*/
/*
.course-box .course-lpaths-hidden.active {
  transform: scale(1,1);
  transform-origin: top;
}
.course-box .course-lpaths-hidden.inactive {
  transform: scale(1,0);
  transform-origin: top;
}
*/


/*-------------------*/

/* ---  COURSES // YOUR COURSE --- */

.com-content .course-box.your-course .paint-main-dark {color: #fff}
.com-content .course-box.your-course .underline-dots.paint-main-dark {border-color: #fff}
/*.com-content .course-box.your-course .pay-attention-note .paint-bg-ee-lightyellow {background: #ffbb59}
.com-content .course-box.your-course .pay-attention-note .paint-ee-brown {color: #0a2540}
.com-content .course-box.your-course .pay-attention-note .paint-svg-ee-brown svg path {fill: #0a2540}*/
.com-content .course-box.your-course .paint-svg-main-dark svg path, 
.com-content .course-box.your-course .paint-svg-main-dark svg polygon, 
.com-content .course-box.your-course .paint-svg-main-dark svg rect {fill: #fff}
.com-content .course-box.your-course .paint-ee-body-gray,
.com-content .course-box.your-course .paint-main-bluegray {color: #85a5c5}
.com-content .course-box.your-course .paint-svg-ee-body-gray svg path, 
.com-content .course-box.your-course .paint-svg-ee-body-gray svg polygon, 
.com-content .course-box.your-course .paint-svg-ee-body-gray svg rect {fill: #85a5c5}
.com-content .course-box.your-course .paint-bg-main-mildgray {background: #85a5c5}
.com-content .course-box.your-course .middle {opacity: .7}
.com-content .course-box.your-course .default-btn.paint-bg-white .btn-text.paint-main-dark {color: #0a2540}
.com-content .course-box.your-course .default-btn.paint-bg-white .btn-icon.paint-svg-main-dark path,
.com-content .course-box.your-course .default-btn.paint-bg-white .btn-icon.paint-svg-main-dark polygon {fill: #0a2540}

.com-content .course-box.your-course .paint-ks-violet {color: #5d7bff}

.com-content .course-box.your-course .paint-ee-blue, 
.com-content .course-box.your-course .paint-ee-purple,
.com-content .course-box.your-course .paint-ee-laddergreen {color: #fff}


/*.com-content .course-box.your-course .paint-ee-body-lightgray {color: #85a5c5}*/


.com-content .course-box.your-course .course-box-lang-shape svg stop, .com-content .course-box.your-course .new-box-wrap svg stop {stop-color: #394e6a !important}
.com-content .course-box.your-course .paint-bg-ee-purple-darker {background: #394e6a}
/*.com-content .course-box.your-course.expired .course-box-lang-shape svg stop + stop {stop-color: #486681 !important}*/
/*.com-content .course-box.your-course.expired .course-box-lang .paint-white {color: #0a2540}*/
.course-box-bottom .paint-svg-ee-body-lightgray svg path {fill: #85a5c5}


.com-content .course-box.your-course.expired.passed .buy-btn-wrap .default-btn.buy-ver,
.com-content .course-box.your-course.passed .buy-btn-wrap .default-btn.buy-ver {background: #3df290}
.com-content .course-box.your-course.expired.passed .buy-btn-wrap .default-btn.buy-ver p.paint-main-dark,
.com-content .course-box.your-course.passed .buy-btn-wrap .default-btn.buy-ver p.paint-main-dark {/*color: #fff*/}
.com-content .course-box.your-course.passed .buy-ver .paint-svg-main-dark svg polygon,
.com-content .course-box.your-course.expired.passed .buy-ver .paint-svg-main-dark svg polygon {fill: #0a2540}

.course-box .left .underline-svg-setting-secondary::after {
	width: 80px;
    right: -5px;
    bottom: -12px;
}

/*-------------------*/

/* --- REQ PROVIDER - WRAP BODY --- */

.req-extra-stu-data-body {
	
}
.req-extra-stu-data-body .cert-preview-wrap {
	margin-bottom: 24px;
}
.req-extra-stu-data-body .cert-preview .top-title {color: #374859}
.req-extra-stu-data-body .cert-preview .cert-text-color {
	color: #5f768e;
}
.req-extra-stu-data-body .cert-preview {
	background-color: #e2e2e2;
	border-radius: 15px;
	padding-left: 25px;
	padding-right: 25px;
	width: 214px;
}
.req-extra-stu-data-body .cert-preview .text-line {
	background: #b2bdc9;
	height: 5.5px;
}
.req-extra-stu-data-body .cert-preview-wrap .cert-medal {
	width: 50px;
    bottom: -24px;
    right: 28px;
}
.req-extra-stu-data-body .cert-preview .cert-valid-desc {
	background: #e55655;
	padding: 2px 7px;
}
.bg-req-extra-stu-data-shading {
	top: -30px;
	width: 1100px;
}

.confirm-myself-checkbox-wrap.inactive {display: none}
.confirm-myself-checkbox-wrap.active {display: inline-block}

/*-------------------*/

/* --- BACKGROUND LAYER --- */

.bg-layer-overlay {
	margin-bottom: -1px;
	width: 101%;
}
.bg-layer-overlay svg path {fill: #e6e9ed}
.bg-layer-shading {
	width: 60%;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, 0);
	/*margin-bottom: -1px;
	width: 101%;*/
}

/*------- Stripe Payment --------*/

.Stripe-popup-msg-wrap {
	margin-top: -50px
}
.com-popup.cart .Stripe-popup-msg-wrap .default-loader {
	border: 7px solid rgba(170,184,198,1);
    border-top: 7px solid transparent;
}

/*-------------------*/

.do-you-know-the-manager-wrap.active {}
.do-you-know-the-manager-wrap.inactive {display: none}
.default-btn.do-you-know-the-manager .icon-wrap {display: none}
.default-btn.do-you-know-the-manager.picked .icon-wrap {display: inline-block}
.do-you-know-the-manager-msg.active {}
.do-you-know-the-manager-msg.inactive {display: none}

.do-you-know-the-manager-wrap.confirm .default-btn.do-you-know-the-manager.confirm, .do-you-know-the-manager-wrap.deny .default-btn.do-you-know-the-manager.deny {box-shadow: inset 0 0 0 1px #0a2540;}
.do-you-know-the-manager-wrap.confirm .default-btn.do-you-know-the-manager.deny p.paint-main-dark, .do-you-know-the-manager-wrap.deny .default-btn.do-you-know-the-manager.confirm p.paint-main-dark {color: #5d7d9d;}

/*-------------------*/
/*-------------------*/
/*-------------------*/
/*-------------------*/