body,
html {
    background: #000;
    height: 100%;
    margin: 0;
}
body,
input {
    font-family: montserrat;
    outline: none;
}
.bg {
    background-image: url("bg0.jpg");
    height: 100%;
    background-position: top right;
    background-repeat: no-repeat;
    background-size: unset;
}
.loginfrm {
    z-index: 1;
    width: 350px;
    position: absolute;
    padding: 0;
    right: 30px;
    top: 10px;
}
.logo {
    width: 335px;
    height: 179px;
    position: absolute;
    top: 30px;
    left: 50%;
    z-index: 1;
    margin-left: -167.5px;
}
.lgnfrm {
    position: relative;
    text-align: center;
    border-radius: 50px;
}
.lgncntr span {
    position: relative;
    top: 30px;
    font-size: 12px;
    letter-spacing: 12px;
    color: #ff0000;
    font-family: montserrat extrabold;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 1px;
    width: 100%;
    display: block;
    border-radius: 100px;
    text-transform: uppercase;
    margin: 0 auto;
    text-shadow: 2px 2px 3px black;
    /* text-align: center; */
}
.lgnspn{  border-bottom: 1px solid #333;}
.lgnspn2{
    width: 35% !important;
    padding: 0 15px 0 !important;
    border-top: 1px solid #333;
    top: 30px !important;
}
.lgncntr {
    position: absolute;
    top: 200px;
    height: 50px;
}
.logintxt {
    background: transparent;
    border: 0;
    outline: none;
    letter-spacing: 5px;
    font-size: 18px;
    color: #ffffff;
    position: relative;
    height: 48px;
    text-align: center;
    top: 1px;
    width: 100%;
    margin: 0;
    z-index: 9;
    outline: unset;
}
.login {
}
.passw {
    background: transparent url(login-bdr.png)no-repeat top center;
    padding-top: 10px;
}
.passw:focus{font-weight:700}
.btn {
    position: relative;
    top: 6px;
    width: 100%;
    height: 64px;
    font-size: 18px;
    font-family: montserrat ExtraBold;
    letter-spacing: .5px;
    padding: 7px 0;
    color: #000000;
    text-transform: uppercase;
    background: url(login-btn.png)no-repeat top center;
    border: none;
    outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
  transition: background-color 5000s;
  -webkit-text-fill-color: #fff !important;
}
.error {
    position: relative;
    top: 64px;
    font-weight: 700;
    width: 100%;
    color: red;
    font-size: 12px;
}
.error span {
    font-size: 11px;
    color: red;
    letter-spacing: 1px;
    font-family: montserrat;
    width: 100%;
    display: block;
    text-align: center;
    padding: 0;
    top: 30px;
}
input::-webkit-input-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #848484;
}
input:focus::-webkit-input-placeholder {
    opacity: .5
}
input:-moz-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #7699fe
}
input:focus:-moz-placeholder {
    opacity: .5
}
input::-moz-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #7699fe
}
input:focus::-moz-placeholder {
    opacity: .5
}
input:-ms-input-placeholder {
    -webkit-transition: opacity .3s linear;
    color: #7699fe
}
input:focus:-ms-input-placeholder {
    opacity: .5
}
.responsive{
	  width: 100%;
      height: auto;
}
@media only screen and (min-width: 1920px) {
body {
    background-image: url("bg0.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.bg{background-image:unset}
}
.icntr{
    position: absolute;
    left: 16px;
    top: 15px;
}
@media only screen and (max-width: 1024px) {
	.logo {
		max-width: calc(339px - 10%);
		margin-left: calc(-169.5px + 5%);
	}
	.loginfrm{
		width: 320px;
		height: 320px;
		top: 50%;
		right: 50%;
		margin-top: -160px;
		margin-right: -160px;
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);
	}
	.lgncntr{
		right: unset;
		height: 40px;
		width: 100%;
		top: 140px;
	}
	.icntr{/* display:none */top: 12px;}
	.logintxt{
		font-size: 16px;
		letter-spacing: 3px;
		height: 40px;
		width: 100%;
	}
	.login{
    margin-top: 27px;
}
	.passw{}
	.lgnfrm{}
	.btn {
		font-size: 14px;
		letter-spacing: unset;
		top: 5px;
		right: 5px;
		padding: 6px 0;
	}
	.banrs {max-width: calc(304px - 20%);}
	.lgncntr span{
    font-size: 10px;
    top: 15px;
}
}