.loginpage{background: #fff;position: absolute;top: 0;bottom: 0;padding:20px 40px;width: 450px;height: 330px;margin: auto;left: 0;right: 0;border-radius: 2px; box-shadow: 1px 1px 5px #ccc;}
.loginpage .loginlogo{width: 200px;margin: auto;display: block; overflow: hidden;}
.loginpage .loginlogo img{max-width:100%;width:auto;max-height:70px;height:auto;margin:auto;display:block;}
.loginpage .contactinfo .form-group{width:100%;height:51px;margin:0 0 20px 0;}
.loginpage input[type="password"]{font-size:36px;}
.loginpage .btn{width:100%;border-radius: 2px;font-size: 20px;font-weight: 600;margin-bottom: 15px;}
.loginpage a{float:right;}
.loginpage .contactinfo .form-group input {background:#f7f7f7;height:48px;transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;-ms-transition: 0.3s ease;padding-top: 10px;-webkit-appearance: none; }
.loginpage .contactinfo .form-group label{ font-weight:700;color: #a2a2a2; left: 10px;  top: 14px;font-size: 16px;}
.loginpage .contactinfo input:focus + .form-label, 
.loginpage .contactinfo input:valid + .form-label {top: -7px; font-size: 14px; color: #848484;background: #fff; line-height: 14px;}
.loginpage .contactinfo .form-group .eyebox{cursor:pointer;position: absolute; right: -31px; top: 11px;font-size: 20px;}
.loginpage .contactinfo .form-group .eyebox:hover{color:#5ee163;}

.contactinfo{display: table; width: 100%;  margin:0px auto 0; position: relative;}
.contactinfo .form-group.fullgroup{width:98%;}
.contactinfo .form-group,
.contactinfo .form-group-half{width:48%; margin:0 0 15px 2%;float:left; position: relative; }

.contactinfo .form-group.citygroup{width:40%;}
.contactinfo .form-group.stategroup{width:24%;}
.contactinfo .form-group.zipgroup{width:30%;}

.contactinfo .form-input { border: 1px #ccc solid;  border-radius: 1px;   height: 40px;   padding: 0px;}
.contactinfo .form-label {font-weight:normal;position: absolute; transition: 0.25s ease; -moz-transition: 0.25s ease; -webkit-transition: 0.25s ease; -o-transition: 0.25s ease; -ms-transition: 0.25s ease; color: #58595e; left: 10px;top: 9px;font-size:16px; }
.contactinfo input,
.contactinfo select{height:38px;}
.contactinfo input,
.contactinfo select,
.contactinfo textarea{transition: 0.3s ease; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease;-ms-transition: 0.3s ease;padding-top: 10px;-webkit-appearance: none; }
.contactinfo input:focus + .form-label, .contactinfo input:valid + .form-label,
.contactinfo select:focus + .form-label, .contactinfo select:valid + .form-label,
.contactinfo textarea:focus + .form-label, .contactinfo textarea:valid + .form-label{top: -6px; font-size: 9px;color: #000; background:#fff;}
.contactinfo input,.contactinfo textarea {font-size:16px; box-sizing: border-box; width: 100%; display: block; border: none; color: #004282; background: #fff; padding: 8px 10px 4px; }
.contactinfo input:focus, .contactinfo select:focus,.contactinfo textarea:focus {outline:none; }
.contactinfo select{font-size:16px; box-sizing: border-box; width: 100%; display: block; border: none; background: #fff; padding: 8px 10px 4px;color: #004282;}
.contactinfo select option{color: #58595b;}
.contactinfo input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset; }
.contactinfo textarea,
.contactinfo .textarea-grp{min-height:100px !important; z-index:9;    resize: vertical;}
.contactinfo .textarea-grp{border:none;}
.contactinfo select{appearance: auto;padding-left:5px;}
.contactinfo .form-group-half .stategroup{margin:0px 5px 0 0;width:calc(100% - 110px);}
.contactinfo .form-group-half .zipgroup{margin:0px;width:105px;}
.contactinfo .form-group.expgrp{width:26%;}
.contactinfo .form-group.cvvgrp{width:20%;}
.contactinfo input:focus + .form-label, .contactinfo input:disabled + .form-label{top: -5px;line-height:7px; font-size: 9px;color: #000; background:#eee;}

h2.title{background: #757575;padding: 10px;color: #fff;}