/*background: #1da2f1*/
* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
}
html,
body {
  	height: 100%;
}
body {
	min-height: 100%;
	position: relative;
}
header {
	position: absolute;
	width: 100%;
    z-index: 9;
}
footer {
	position: absolute;
	bottom: 20px;
    left:50%;
    transform: translateX(-50%);
    width:80%;
    padding-top:14px;
    border-top:1px solid #525252;
    text-align: center;
    box-sizing:border-box;
    color:#fff;
}
.root {
	height: 100%;
    background: url(../img/tya_en_bg.jpg) no-repeat center center;
    background-size: cover;
}
.main{
    position: relative; 
    height: 100%;
}
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.form-signin .checkbox {
  	font-weight: 400;
}
.form-signin .form-control {
  	box-sizing: border-box;
  	height: auto;
  	padding: 10px;
  	font-size: 16px;
    border:0;
    background: rgba(255, 255, 255, 0.2);
    color:#fff;
}
.form-signin .form-control::placeholder{
    color:#fff;
}
.form-signin .form-control:focus {
  	z-index: 2;
    background: rgba(255, 255, 255, 0.2);
    color:#fff;
}
.form-signin input[type="text"] {
  	margin-bottom: -1px;
  	border-bottom-right-radius: 0;
  	border-bottom-left-radius: 0;
}
.form-signin input[type="number"]::-webkit-outer-spin-button,
.form-signin input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.form-signin button {
	margin-top: 10px;
}
.thankyouage-bg-logo {
	margin-top: 95px;
	position: absolute;
	/*display: inline-block;*/
	right: 0;
	bottom: 0;
	z-index: -1;
    display:none;
}
.thankyouage-bg-logo img {
	height: 150px;
	opacity: 0.2;
}

.mb-4{
    display: block; 
    margin: 0 auto;
}

.logo{
    display: block;
    max-width: 221px;
    width:100%;
    margin: 0 auto;
    margin-bottom: 40px !important;
}