/* body {
	min-height: 100%;
	background-color: #000;
	margin: 0;
	padding: 0;
	background: url(https://files.sitestatic.net/upage/vn-bg.jpg) top center no-repeat;
	color: #dab777;
	font-size: 14px;
	overflow-x: hidden;
} */
body{
	min-height: 100%;
    margin: 0;
    padding: 0;
    font-family: Montserrat;
    color: #dab777;
    font-size: 14px;
    z-index: -1;
    font-weight: 300;
    overflow-x: hidden;
    display: flex;
    background: url(https://files.sitestatic.net/upage/interwin-theme1/bg-top.png) top center no-repeat, url(https://files.sitestatic.net/upage/interwin-theme1/bg.jpg) bottom center no-repeat fixed;
    background-size: 100% auto,cover;
    background-color: #1e1300;
}
.banner_logo {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
	text-align: center;
	background-color: #d8a543;
	width: 230px;
	height: 100px;
    padding: 16px;
	clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%,
		94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%,
		75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%,
		37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 
		22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 
		5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%,
		24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 
		65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
}
.banner_logo::before {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
    left: 3px;
    height: 95px;
    width: 224px;	
    background-color: #4e2405;
	clip-path: polygon(92.32051% 40%, 93.79385% 43.1596%, 94.69616% 46.52704%, 95% 50%,
		94.69616% 53.47296%, 93.79385% 56.8404%, 92.32051% 60%, 79.82051% 81.65064%, 77.82089% 84.50639%,
		75.35575% 86.97152%, 72.5% 88.97114%, 69.3404% 90.44449%, 65.97296% 91.34679%, 62.5% 91.65064%,
		37.5% 91.65064%, 34.02704% 91.34679%, 30.6596% 90.44449%, 27.5% 88.97114%, 24.64425% 86.97152%, 
		22.17911% 84.50639%, 20.17949% 81.65064%, 7.67949% 60%, 6.20615% 56.8404%, 5.30384% 53.47296%, 
		5% 50%, 5.30384% 46.52704%, 6.20615% 43.1596%, 7.67949% 40%, 20.17949% 18.34936%, 22.17911% 15.49361%,
		24.64425% 13.02848%, 27.5% 11.02886%, 30.6596% 9.55551%, 34.02704% 8.65321%, 37.5% 8.34936%, 62.5% 8.34936%, 
		65.97296% 8.65321%, 69.3404% 9.55551%, 72.5% 11.02886%, 75.35575% 13.02848%, 77.82089% 15.49361%, 79.82051% 18.34936%);
	
}
.banner_logo .logo{
	width: 100%;
}
#form .container {
	max-width: 100%;
	margin: 0 auto;
}

.logo {
	width: 39.7%;
	margin: 0 auto -1rem;
	position: relative;
	z-index: 2;
}

.logo>img,
.slogan>img {
	max-width: 100%;
}

#form {
    margin-top: 0;
    margin-bottom: 14px;
}

#form .nav-tabs {
	width: 71%;
	border: none!important;
	margin: 0 auto -1rem;
	padding: 0 1.5%;
	list-style: none;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-wrap: nowrap;
	position: relative;
	z-index: 1;
}

#form .tab-content {
	background: url(https://files.sitestatic.net/upage/bg-form.png) top center/100% 100% no-repeat;
	margin: 0 auto 1rem;
	padding: 3.5rem 0 4rem;
	position: relative;
	width: 90%;
	z-index: 2;
}

#form .nav-tabs>li {
	text-align: center;
	text-transform: uppercase;
	font-size: 18px;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 1;
}

#form .nav-tabs>li>a {
	position: relative;
	text-decoration: none;
	width: 100%;
	height: 100%;
	color: #f7dca9;
	display: flex;
	align-items: center;
	justify-content: center;
}

#form .nav-tabs>li>a>img {
	max-width: 300px;
	width: 100%;
}

form {
	width: 78%;
	margin: 0 auto;
	position: relative;
}

.form-group {
	position: relative;
	margin-bottom: 0;
}

form .form-control {
	height: 60px;
	background: url(https://files.sitestatic.net/upage/bg-input.png) top left/100% 100% no-repeat;
	background-color: transparent!important;
	border: none!important;
	outline: 0!important;
	margin: 0 auto;
	padding: 12px 55px 12px 65px;
	font-size: 16px;
	color: #fff!important;
	border-radius: 0;
}

.form-group>i {
	position: absolute;
	left: 0;
	top: 0;
	background: url(https://files.sitestatic.net/upage/bg-icon-input.png) center/100% 100% no-repeat;
	display: flex;
	cursor: pointer;
	height: 60px;
	width: 60px;
	align-items: center;
	justify-content: center;
}

.icon-input::before {
	background: url(https://files.sitestatic.net/upage/icon-input.png) center/18px auto no-repeat;
	content: "";
	display: block;
	width: 18px;
	height: 24px;
}

.icon-user::before {
	background-position: 0 0;
}

.icon-pass::before {
	background-position: 0 -58px;
}

.form-group>.icon-eyes {
    float: right;
    text-align: right;
    right: 5px;
    position: absolute;
    left: auto;
    background: none;
    font-size: 16px;
}

.btn_form {
	justify-content: space-between;
	align-items: flex-end;
	display: flex;
	flex-wrap: nowrap;
}

.loader{
	  
    position: absolute;
    width: 100%;
    height: 100%; 
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0000007a;
    border-radius: 40px;
}


#register .btn_form {
	/* position: absolute; */
	left: 0;
	right: 0;
}

.btnsubmit {
	background: 0 0;
	outline: 0;
	border: none;
	padding: 0;
	margin: 0px auto;
	-webkit-filter: drop-shadow(2px 2px 12px #000) brightness(1)!important;
	filter: drop-shadow(2px 2px 12px #000) brightness(1)!important;
	width: 100%;
	max-width: 260px;
}

.form-group .error {
	color: #ff0000;
	width: 100%;
}

body {
	position: relative;
}

.total_div {
	margin: 0;
	position: absolute;
	top: 13%;
	left: 50%;
	-ms-transform: translate(-50%, 13%);
	transform: translate(-50%, 13%);
	width: 100%;
}

.slogan {
	width: 100%;
    max-width: 340px;
    text-align: center;
    margin: 0px auto;
}
#banners{
	display: none;
}
#games img:hover,.mail_btn img:hover, .btnsubmit img:hover{
	-webkit-filter: drop-shadow(2px 2px 8px #de2c03) brightness(1.3)!important;
    filter: drop-shadow(2px 2px 8px #de2c03) brightness(1.3)!important;
}
.form-control:focus{
	box-shadow: none;
}
section#mail {
    text-align: center;
    padding-bottom: .5rem;
    position: relative;
    margin-top: 30px;
}
section#mail .hidden{
	display:none;
}
section#mail .mail_image{
	max-width: 500px;
	width: 100%;
}
.mail_btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 70px;
}
.mail_btn img{	
	width: 180px;	
	cursor: pointer;
}
#main-form{
    background: url(https://files.sitestatic.net/upage/interwin-theme1/bg-bottom-left.png) left bottom no-repeat,url(https://files.sitestatic.net/upage/interwin-theme1/bg-bottom-right.png) right bottom no-repeat,url(https://files.sitestatic.net/upage/interwin-theme1/bg-footer.jpg) center bottom no-repeat;
    background-size: auto,auto,100% 50px;
}
#main-form.hidden ,#mail.hidden{
	display: none;
}
@media only screen and (min-width: 1200px){
	#form .container {
        max-width: 640px;
        margin: 0 auto;
	}
	#banners {
		top: 5%;
		max-width: 242px;
		position: fixed;
		left: 1%;
		display: block;
	}
}
@media only screen and (max-width: 1199px) {
	.total_div {
		top: 15%;
		left: 50%;
		transform: translate(-50%, 15%);
	}
}
@media only screen and (max-width: 992px) {
	#games{
		display: none;
	}
	#main-form{
		background: none;
	}
}
@media only screen and (max-width: 768px) {

	#form .tab-content {
		background: url(https://files.sitestatic.net/upage/bg-form-mobile.png) top center/100% 100% no-repeat;
        width: 100%;
        width: 100%;
        padding: 9% 0 11%;
	}
	.total_div {
		top: 35%;
		left: 50%;
		transform: translate(-50%, 25%);
	}
	
}

@media only screen and (max-width: 640px) {
	body{
		height: 100vh;
	}
	form#registerForm {
		width: 90%;
		margin: 0 auto;
		position: relative;
		padding: 15px 0px;
	}

	#form .container {
		max-width: 640px !important;
		margin: 0 auto;
	}
	#form .tab-content {
		width: 100% !important;
		padding: 9% 0 11%;
		background: url(https://files.sitestatic.net/upage/bg-form-mobile.png) top center/100% 100% no-repeat;
		margin-bottom: 1.5rem;
	}
	.total_div {
		top: 5%;
		left: 50%;
		transform: translate(-50%, 5%);
	}
	
  }