/* default login css */

/*intro css */
#login_logo { height:70px; }
#intro_top { width:100%; height:100%; z-index:1; position:relative; background:#292929 url('images/background.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; background-attachment:fixed; }
#login_wrap { width:100%; height:100%; }
#login_all {width:800px;max-width:94%;border-radius:20px;display:block;margin:0 auto;/* color: */}
.login_not_member { text-align:center; padding-top:5px; }
#intro_lang { position:absolute; top:10px; right:20px; width:40px; height:40px; }

.intro_social_container { width:100%; height:auto; text-align:center; padding-top:20px; }
.intro_social_btn { display:inline-block; width:40px; height:40px; margin:0 3px; border-radius:50%; }
.login_not_member { text-align:center; padding-top:5px; }

.embed_logo_wrap { margin-bottom:10px; }
.embed_logo { display:block; height:50px; width:auto; margin:0 auto; }
#last_embed_title { font-size:13px; text-align:center; padding:10px 0 0 0; }
#last_embed { width:100%; height:auto; text-align:center; margin:10px 0; }
.active_embed { width:50px; height:50px; display:inline; margin:5px; }
.active_embed_user { width:50px; height:50px; border-radius:50%; }

/* section css */
.section { width:100%; height:auto; margin:0 auto; text-align: center;}
.section_content { width:100%; max-width:1100px; margin:0 auto; }
.section_inside { margin:0 auto; }

@media screen and (max-width:1120px){
	.section_inside { width:96%; }
}
@media screen and (min-width:1121px){
	#intro_top { background-attachment: fixed; }
}
@media screen and (max-width:1100px){
	#intro_top { background-size:auto 100%; background-position:center 0px; padding:80px 0; }
}
@media screen and (max-width:768px){
	#intro_top { background-size:auto 100%; background-position:center 0px;  }
}


/* Simple login css */














/* LOGIN BUTTON */
.intro_login_btn{
	background: linear-gradient(135deg,#00c853,#00e676) !important;
	color:#fff !important;
	border:none !important;
	border-radius:25px !important;
	padding:10px 22px !important;
	min-width:180px;
	height:auto !important;
	font-size:14px;
	font-weight:600;
	transition:all .3s ease;
}

.intro_login_btn:hover{
	transform:translateY(-2px);
	box-shadow:0 6px 15px rgba(0,200,83,.35);
}

/* REGISTER BUTTON */
button[data-boom="box/registration"]{
	background: linear-gradient(135deg,#ff6b00,#ff9800) !important;
	color:#fff !important;
	border:none !important;
	border-radius:25px !important;
	padding:10px 22px !important;
	min-width:180px;
	height:auto !important;
	font-size:14px;
	font-weight:600;
	transition:all .3s ease;
}

button[data-boom="box/registration"]:hover{
	transform:translateY(-2px);
	box-shadow:0 6px 15px rgba(255,107,0,.35);
}

/* GUEST BUTTON */
.intro_guest_btn{
	background: linear-gradient(135deg,#2196f3,#00b0ff) !important;
	color:#fff !important;
	border:none !important;
	border-radius:25px !important;
	padding:10px 22px !important;
	min-width:180px;
	height:auto !important;
	font-size:14px;
	font-weight:600;
	transition:all .3s ease;
}

.intro_guest_btn:hover{
	transform:translateY(-2px);
	box-shadow:0 6px 15px rgba(33,150,243,.35);
}

.login_text_clean{
	margin-top:15px;
	padding:12px 14px;
	border-radius:14px;
	background:rgba(0,0,0,0.35);
	border:1px solid rgba(255,255,255,0.08);
	color:#cfd6ff;
	font-size:13px;
	line-height:1.6;
	text-align:center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow:0 8px 20px rgba(0,0,0,0.3);
}