.stcm_welcomeTour,
.stcm_popUps {
	width: 100%;
	height: 100% !important;
	z-index: 9999;
	position: absolute;
}

.stcm_welcomeTour .stcm_welcomeTourBgImage,
.stcm_popUps .stcm_popUpsBgImage { 
	height: 100%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

/*--------------------
Stage
--------------------*/
.onboard {
	position: relative;
	top: 46%;
	left: 50%;
	transform: translate(-50%, -53%);
	width: calc(100% - 80px);
	height: calc(100% - 150px);
}

.onboard .slider {
	position: absolute;
	background-color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.onboard .slider .stcm_nav_slick {
	position: absolute;
	width: 100%;
	bottom: -80px;
	height: 30px;
	display: flex;
}

.slick-track {
	transition: all 0.5s cubic-bezier(0.93, 0.01, 0.15, 0.97);
}

.onboard .item {
	width: 300px;
	text-align: center;
	outline: none;
}

.onboard .item .tit {
	font-size: 1.8em;
	line-height: 1.3em;
	margin-bottom: 30px;
	margin-top: 40vh;
	max-height: 10vh;
	overflow: hidden;
}

.onboard .item .text {
	font-size: 1.3em;
	line-height: 1.5;
	max-height: 20vh;
	overflow: hidden;
}

/*--------------------
Animation
---------------------*/
.from-right .tit,
.from-right .text,
.from-right .cta {
	opacity: 0;
	transform: translate(200px);
}

.from-left .tit,
.from-left .text,
.from-left .cta {
	opacity: 0;
	transform: translate(-200px);
}

.ready .tit,
.ready .text,
.ready .cta {
	transform: translate(0) rotate(0);
	opacity: 1;
	transition: all 0.5s cubic-bezier(0.93, 0.01, 0.15, 0.97) 0.5s;
}

.ready .tit {
	transition-delay: 0.6s;
}

.ready .text {
	transition-delay: 0.7s;
}

/*--------------------
Slick Dots
---------------------*/
.slick-dots {
	bottom: 0;
	margin-bottom: 0;
	height: 17px;
}

.slick-prev,
.slick-next {
	width: auto;
	height: auto;
	color: inherit;
	font-size: 1.2em;
}

.slick-next:before,
.slick-prev:before {
	line-height: 1.2;
}

.slick-prev {
	left: -20px;
}

.slick-next {
	right: -20px;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
	color: inherit;
}

.slick-prev:before,
.slick-next:before {
	content: "";
}

.slick-dots li {
	width: auto;
	height: auto;
	margin: 0 2px;
}

.slick-dots a {
	position: relative;
	display: block;
	width: 12px;
	height: 16px;
}

.slick-dots span {
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -53%);
	position: absolute;
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

.slick-dots circle {
	display: none;
}

.slick-dots .slick-active circle {
	stroke-dashoffset: 0;
}

/* SL */
:root {
	--main-rgb: rgb(216, 22, 31);
	--congrats-backgorund-color: #1f1d1d;
	--congrats-text-color: #D8161F;
	--msg-color: #fdc6c8;
	--date-color: #f5858a;
	--black-color: #1f1d1d;
	--white: #fff;
	--primary-color: #fff;
	--primary-font-color: #D8161F;
	--secondary-color: #D8161F;
	--secondary-font-color: #fff;
	--other-font-color: #555;
	--secure-password-ok-login: #2c8205;
	--secure-password-ko-login: #D8161F;
	--secure-password-ok: #2c8205;
	--secure-password-ko: #D8161F;
	--secure-password-default: #555;
	/* NEW VARIABLES FOR NEW DESIGN */
	--stcm-main-color: #fff;
	--stcm-corporative-color: #D8161F;
	--stcm-grey-color: #9B9B9B;
	--stcm-text-color: #575757;
}

[data-theme="dark"] {
	--stcm-main-color: #555;
}

.slick-dots span {
	background-color: var(--stcm-grey-color);
}

.stcm_welcomeTour,
.stcm_popUps {
	color: var(--stcm-text-color);
}

.stcm_welcomeTour .finishWT,
.stcm_popUps .finishWT,
.slick-prev {
	color: var(--stcm-grey-color);
}