@font-face {
	font-family:iconfont;
	src:url(iconfont/iconfont.woff2?t=1654520203151) format('woff2'),url(iconfont/iconfont.woff?t=1654520203151) format('woff'),url(iconfont/iconfont.ttf?t=1654520203151) format('truetype')
}


html[lang='en-us'] input,html[lang='en-us'] .container-fluid .login,
html[lang='fr-fr'] input,html[lang='fr-fr'] .container-fluid .login,
html[lang='de-de'] input,html[lang='de-de'] .container-fluid .login,
html[lang='es-mx'] input,html[lang='es-mx'] .container-fluid .login,
html[lang='pt-br'] input,html[lang='pt-br'] .container-fluid .login
{font-size:1rem;}

.container-fluid{
	min-height: 100%; position: relative;
}

.container-fluid>.d-flex{min-height: 100%;}

body {
	background:#000
}
.check-group {
	counter-reset:total;
	counter-reset:checked
}
.check-group .checkbox {
	counter-increment:total;
	margin-right:1rem;
	margin-top:.4rem;
	display:block;
	cursor:pointer;
	display:flex;
	align-items:center
}
.check-group .checkbox>input {
	position:absolute;
	width:1.375em;
	height:1.375em;
	opacity:0;
	cursor:pointer
}
.check-group .checkbox>input:checked+.checkbox__icon .tick {
	stroke-dashoffset:0
}
.check-group .checkbox .checkbox__icon {
	width:1.375rem;
	height:1.375rem;
	display:block;
	flex-shrink:0;
	overflow:visible
}
.check-group .checkbox .checkbox__icon .tick {
	stroke-dasharray:20px;
	stroke-dashoffset:20px;
	transition:stroke-dashoffset .2s ease-out
}
.check-group input[type=checkbox]:checked {
	counter-increment:checked
}
.userbirthday {
	padding-right:calc(1rem+24px)
}
.userarea:after,.userbirthday:after,.usercountry:after,.userlocation:after {
	font-family:iconfont;
	content:"\e605";
	width:auto;
	height:100%;
	position:absolute;
	color:var(--main-color);
	font-size:1.4rem;
	top:0;
	display:flex;
	align-items:center;
	right:1rem
}
.userarea:after {
	content:"\e687";
	font-size:1.6rem
}
.usercountry:after {
	content:"\e62d";
	font-size:1.8rem
}
.userlocation:after {
	content:"\e63c";
	font-size:1.6rem
}
.clause {
	margin-top:1.5rem;
	letter-spacing:2px;
	font-size:1rem;
	color:#fff;
	text-align:justify;
	line-height:2
}
.user-select {
	position:relative;
	padding:0!important;
	cursor: pointer;
}
.user-select>input {
	padding:10px 0;
	box-sizing:content-box
}
.user-select>.ul {
	position:absolute;
	z-index:1000;
	min-width:90%;
	width:auto;
	left:5%;
	border-top:solid 10px transparent;
	height:300px;
	max-height:0;
	transition:max-height .5s
}
.user-select>.ul li {
	list-style:none;
	color:#1b6bff;
	text-align:center;
	background:#000;
	white-space: nowrap;
	padding: 6px 12px;
}
.user-select>.ul li:hover {
	color:#25fffc
}
.user-select>.ul li.selected {
	color:#deff00
}
.user-select>.ul ul {
	width:auto;
	min-width:100%;
	max-height:300px;
	padding-left:0
}
.user-select>.ul ul .mCSB_container {
	margin-right:0!important
}
.user-select.select-open>.ul {
	max-height:300px;
	top:calc(100% + 1px);
}
.userarea ul {
	width:100%
}

.user-select .mCustomScrollBox{
	width:auto;
	min-width: 100%;
}

.userphone{
	display: flex;
}

.userphone .area_code{
	position: relative;
	padding-right: 12px !important;
}

.userphone .area_code:after{
	content:"\e642";
	font-family: iconfont;
	color:#fff;
	top:50%;
	right: 0px;
	transform: translateY(-50%) rotate(0deg);
	transition: transform .2s;
	font-size:.8rem;
	display: block;
	position: absolute;
	color:#70f7ff;

}

.userphone .area_code.select-open:after{
	transform: translateY(-50%) rotate(-180deg);
}


.userphone .area_code input{
	border:none; background: transparent; width:60px; outline:none; height: 2rem; padding: 0px; color:#e6f3ff; 
	text-align: center; }

.btn-login{width:60px !important; height: 60px; border-radius: 50%;}
.btn-login .iconfont{position: relative;}
.btn-login .iconfont:before{position: absolute; max-width: 100%; max-height: 100%;  top:50%; left:50%; transform: translateX(-50%) translateY(-50%);}
.iconuniE611:before{font-size:2rem;}

.register_btn{--r:#3d00ac; --c:#ff9000; height:2rem; margin-top:1.5rem; padding: 10px 0px; box-sizing: content-box; text-align: center; color:#00d2ff;}
.register_btn:hover{--r:#8c0095;  color:#f0ff00;}
.register_btn:active{--r:#ff9000; color:#fff; background-size:15000%;}

.btn-login,.btn-home,.btn-forget{
	width:60px; height:60px;
}

.btn-forget:before{
	content:"\e65f"; font-size:1.8rem; 
}

.btn-home:before{
	content:"\e61b"; font-size:2rem;
}

.btn-login:before{
	content:"\e62f"; font-size:1.8rem;
}

.logo img{width:50%;}

@media (max-width:992px){
	.login{margin-top:1.5rem;}
	.logo{display: flex; flex-direction: row; align-items: center;}
	.logo img{display: block; margin: 0px auto; width:100%;}
}