html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

/* FONT */

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-MediumItalic';
    src: url('../fonts/Roboto/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto-Medium';
    src: url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* FONT */

body,
html {
    width: 100%;
    margin: 0;
    height: 100%;
    padding: 0;
    overflow-x: hidden;
}

.yellow {
    color: #fece04;
}

.bold {
    font-weight: 600;
}

.big {
    font-size: 45px;
}

.mobile {
    display: none;
}

main {
    background: url("../img/bg-desktop.20241007.jpg") no-repeat center;
    background-size: auto;
    background-position-y: -80px;
    background-color: #04082b;
	padding:25px 0px;
	overflow:hidden;
}
body.in main{
	background: url("../img/bg-desktop.20241007.jpg") no-repeat center;
    background-size: auto;
    background-position-y: -80px;
    background-color: #04082b;
    padding:25px 0px;
    overflow:hidden;
}
body.pt main{
	background: url("../img/bg-desktop.20241007.jpg") no-repeat center;
    background-size: auto;
    background-position-y: -80px;
    background-color: #04082b;
    padding:25px 0px;
    overflow:hidden;
}
.tpl-logo-wrap {
    margin: 0 auto;
	float:unset !important;
}
.main-wrapper {
    max-width: 415px;
    margin: auto;
    position: relative;
    left: -140px;
    right: 0px;
}
.form-container{
	background:rgb(255 255 255 / 82%) !important;
	border-radius:8px;
}
.front-player {
    position: absolute;
    top: 20px;
    left: -280px;
}
/* body.in .front-player {
    top: -12px;
    right: -267px;
} */
/* FORM */
.rf-main-wrapper{
	background:none !important;
	font-size:13px !important;
	font-family: 'Roboto-Regular' !important;
}
.registration-form {
    padding: 30px 30px 30px !important;
}
.rf-main-wrapper input,
.rf-main-wrapper select{
	background:none !important;
	border:none !important;
	border-bottom: 1px solid #939393 !important;
	border-radius:0px !important;
	font-size:13px !important;
	padding: 5px 2px !important;
	height: 32px !important;
	font-family: 'Roboto-Regular' !important;
}

.rf-main-wrapper label.item-label{
	display:none;
}
.rf-main-wrapper label.item-label[for="regForm_birthdate"]{
	display: inline-block;
    width: 90px;
    padding-top: 9px;
	color:#939393;
    text-align: left;
    font-size: 9px !important;
}
.rf-main-wrapper .regform-item:nth-child(3){
	display:none;
}
.rf-main-wrapper hr{
	display:none;
}
.rf-main-wrapper .action-container {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
}
.rf-main-wrapper .action-container>.terms-and-conds {
    width: 90% !important;
	font-size:11px !important;
}
.rf-main-wrapper .action-container>.terms-and-conds br{
	display:none;
}
.rf-main-wrapper .action-container>.terms-and-conds a {
    color: #af0000 !important;
    text-decoration: none !important;
}
.registration-form .password-visibility-icon.icon-show {
    top:7px !important
}
.registration-form .password-visibility-icon.icon-hide {
    top:5px !important
}
.regform-item span.item-error{
	font-family: 'Roboto-MediumItalic';
	font-size: 12px !important;
	color:#af0000 !important;
}
.rf-main-wrapper button.rf-submit-button {
	width:321px;
	height:39px;
	background:#af0000 !important;
	border:none !important;
	font-size: 14px !important;
	border-radius: 1px !important;
	color:#fff !important;
	font-family: 'Roboto-Regular';
}
.regform-item.has-error input,
.regform-item.has-error select{
	color:#af0000 !important;
	border-bottom: 1px solid #af0000 !important;
}
.country-area-code span.trigger:after {
    top: 10px !important;
}
.country-area-code .trigger{
    padding: 2px 6px 4px !important;
}
.rf-main-wrapper .validation-icon {
	display:none !important;
}
.regform-item>.item-element-wrapper input, .regform-item>.item-element-wrapper select {
    width: 100%;
}
.regform-item>.item-element-wrapper {
    width: 100% !important;
}
.regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_day, .regform-item.regform-bday .item-element-wrapper>select#regForm_birthdate_month {
    width: 65px !important;
}
.regform-bday>.item-element-wrapper {
    width: 70% !important;
}


/* Content */
.content-container {
    position: absolute;
    right: -505px;
    top: 0px;
    max-width: 435px;
    width: 100%;
    height: 115px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body.sc .content-container {
    right: -525px;
    top: 0px;
}

body.kr .content-container {
    right: -510px;
    top: 0px;
}

h1.content {
    text-align: center;
    color: #fde000;
    text-shadow: 0px 4px 8px black;
    font-size: 35px;
}
body.id .content{
    font-size: 30px;
}
body.vn .content{
    font-size: 28px;
}
/* body.pt .tpl-footer .tpl-inner, body.pt .tpl-copyright {
    display: none;
}
body.pt .tpl-footer {
    background-color: #232323!important;
    background-image: url('../img/footer-pt.20250428.png')!important;
    background-repeat: no-repeat!important;
    height: 147px!important;
    background-position: center!important;
} */