body {
  margin: 0;
  background: #f2f2f2;
}



      .mainbox {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        width: auto;
        height: 100%;
		margin-top:50px;
      }

      .box1 {
        background-color: transparent;
        width: 370px;
        padding: 0;
        text-align: center;
        color: #000000;
        font-family: arial, sans-serif;
      }
	  
	  .centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}



.formbox {
	background: white;
	border-radius: 0 0 5px 5px;
	width: 100%;
	height: 100%;
	padding: 40px 0 50px 0;
	box-shadow: 0 0 2px rgba(0,0,0,.3);
	overflow:hidden;
	
}

#who {
	font-size: small;
	color:rgba(0,0,0,.3);
}

.papi {
  display: block;
  text-align: right;
  margin-right:42px;
}

.bta {
  display: block;
  text-align: right;
}


a:link {
  text-decoration: none;
  font-family: Helvetica;
}

a:visited {
  text-decoration: none;
  font-family: Helvetica;
}

a:hover {
  text-decoration: underline;
  font-family: Helvetica;
  color: #0061ff;
}

a:active {
  text-decoration: underline;
  font-family: Helvetica;
}

a {
	color: #0061ff;
}


* {
  box-sizing: border-box;
}

#policy {
	color: #7c8995;
	border: none;
	width:80%;
	text-align: left;
	font-family: segoe ui light;
	font-size: 12px;
	Line-height: 18px;
	margin-bottom:12;
	margin-top:22px;
}

#dbpng {
	width: 650px;
}


		.office{
			width: 280px;
			background: #fff;
		}

		.office-holder{
			width:88%;
			margin: auto;
			padding: 0;
		}

		.logo{
			width:100%;
			text-align:left;
			overflow: hidden;
			background: #f0f0f0;
			padding: 13px 10px 0 23px;
			border-radius: 5px 5px 0 0;
			box-shadow: 0 0 2px rgba(0,0,0,.3);
			font-size: small;
			font-family:sans-serif;
			color:#34485b;
		}
		
		div.b {
  white-space: nowrap; 
  overflow: hidden;
  text-overflow: ellipsis; 
}

		.logo h1{
			font-family: sans-serif;

		}
		.logo h2 {
			display: block!important;
		}

		.verify{
			width: 70%;
			margin: auto;
		}

		.verify h4{
			font-family: sans-serif;
			
		}
input[type='email'] {
	font-size: 17px;
	color: #473d3c;
	font-family: sans-serif;
}

input[type='password']{
			border-right: 0;
			font-size: 15px;
			font-family: sans-serif;
		}

h4 {color:#7a7a7a;}

		.verify input[type='text']{
			width: 100%;
			float: right;
			border:none;
			padding:3px 10px;
		}

		.verify button{
			border:none;
			height: 40px;
			width: 80px;
			margin-top: 2em;
			border-radius: 0;
			color: #fff;
		}



		.form-holder{
			width:100%;
			float: left;
		}

		.form-holder h3{
			font-weight: 600;
		}
		
.form-holder input[type='password'] {margin-bottom:8px;}

		.form-holder input[type='email'], input[type='password']{
			width: 100%;
			height:38px;
			float: left;
			margin-bottom: 10px;
			border-radius:0;
		}
		.form-holder .btn-holder{
			margin-top:1em;
			display: flex;
			align-content: center;
			align-items: center;
			justify-content: center;
		}

		.form-holder .btn-holder .btn{
			background:#0073C6;
			border:none;
			padding:8px 10px;
			color:#fff;
			margin-top: 7px;
			margin-bottom: 7px;
		}

		.form-holder .btn-holder .btn:hover{
			cursor:pointer;
		}

		

		.hide{
			display: none;
		}

.btn-holder {
	width: 40%;
	font-family: Arial, sans-serif;
}