html,
  body,
  h2,
  h3,
  h4,
  ul,
  li {
	  margin: 0;
	  padding: 0
	  font-family:'Montserrat';
	  height:  100%;
  }
body{background-image: url(bg0.jpg);background-size: cover;background-position: top;background-repeat: no-repeat;background-color: #0d0e1b;}
  #wrapper,
  #container {
	  background: transparent
  }

  #wrapper,
  .login,
  .logo1,
  .usern,
  .pasw,
  .btn, .sdow, .loginbg, .dvdr {
	  position: absolute
  }
  #wrapper {
	  top: 25px;
	  right: 50%
	 }
  #container {
	  left: 50%;
	  position: relative;
	  top: 50%
  }
    #wrapper
    {
	height: 122px;
	width: 777px;
	}
.mntcr{
	height: 122px;
	width: 777px;
	border:0px solid red
	}

  .logo1 {
  width: 331px;
	  height: 122px;
	  background: url(logo_ats365.png) no-repeat;
	  top: 10px;
	  left: 15px;;
	  z-index: 999;
  }
  .login {
	  width: 455px;
	  height: 112px;
	  background: url(loginbg.png) no-repeat;
	  bottom: 0px;
	  left: 340px;
	 }
	.loginbg{
	width: 400px;
	height: 52px;	
	background:#16172c;
	border:2px solid #0d0e1b;
	border-right:2px solid #373b56;
	border-bottom:2px solid #373b56;
	-webkit-box-shadow: inset 15px 15px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 15px 15px 15px 0px rgba(0,0,0,0.75);
	box-shadow: inset 15px 15px 15px 0px rgba(0,0,0,0.75);
	border-radius:50px;
	top: 25px;
	left: 15px;
	}
  .usern,
  .pasw {
  height: 31px;
	  font: normal 12px Montserrat;
	  line-height: 32px;
	  background: transparent;
	  border: none;
	  letter-spacing: 2px;
	  font-weight: bold;
	  text-transform: uppercase;
	  color: #fff;
  }
  .btn {
	  background: transparent;
	  border: none;
	  outline: none;
	  text-transform: uppercase
  }
  .usern {
  width: 140px;
  top: 12px;
  left: 40px;

  }
  .dvdr{
	  width: 2px;
	  height: 41px;
	  background: url(dvder.png) no-repeat;
	  bottom: 5px;
		  left: 156px;
  }
  .pasw {
  top: 12px;
  left: 190px;
  width: 100px;
  }
  .btn {
	width: 80px;
	height: 44px;
	top: 6px;
	right: 5px;
	background: url(login.-btn.png) no-repeat;
	font-size:0px;
  }
  .usern,
  .pasw, .btn {outline:none;}
  .errortxt {
  position: absolute;
  top: 87px;
  left: 41px;
  width: 400px;
  height: 50px;
	z-index: 400;
	font: bold 11px Montserrat;
	color: red;
	text-transform: uppercase;
  }
  .logintx{font:normal 9px Montserrat;text-transform: uppercase;color:#fff;letter-spacing: 2px;position:relative;top:-5px;left:18px;}
  input::-webkit-input-placeholder {
	  -webkit-transition: opacity .3s linear;
	  color: #363a55
  }
  input:focus::-webkit-input-placeholder {
	  opacity: .35
  }
  input:-moz-placeholder {
	  -webkit-transition: opacity .3s linear;
	  color: #363a55
  }
  input:focus:-moz-placeholder {
	  opacity: .35
  }
  input::-moz-placeholder {
	  -webkit-transition: opacity .3s linear;
	  color: #363a55
  }
  input:focus::-moz-placeholder {
	  opacity: .35
  }
  input:-ms-input-placeholder {
	  -webkit-transition: opacity .3s linear;
	  color: #363a55
  }
  input:focus:-ms-input-placeholder {
	  opacity: .35
  }
  @media only screen and (min-width: 1920px) {
		  body{background-size: cover;}
  }