body { margin: 0; padding: 0; font-family:PT Sans; font-size: 14px; color: #333; background:url(../images/newdesign/login_screen_bkd.jpg); background-repeat: no-repeat; background-attachment: fixed;  background-position: center top; background-size: cover;  }

* { margin: 0; padding: 0; }
a { text-decoration: none; color: #333; }
#wrapper { width: 100%; float: left; }

.login_container { top: 15%; left: 10%; position: absolute; width: 360px; padding: 0px 50px 10px 50px;  background-color: rgba(0, 0, 0, 0.9); }

.login_form { width: 100%; float: left; position: relative; }  
.flash_logo { width: 100%; float: left; text-align: center; position: absolute; top: -60px; }
.login_form p { font-size: 18px; color: #fff; font-weight: bold; margin: 80px 0 20px 0; text-align: center; }
.login_form p strong { color:#f09d21; }

.login_form span { float: left; width: 100%; color: #ff8080; font-size: 16px; }
.login_form input { background: #404040; float: left; width: 93%; border: #545454 2px solid; color: #fff; text-align: left; font-size: 20px; height: 40px; margin:6px 0 14px 0; font-family: PT Sans; opacity: 1; padding: 0 15px; border-radius: 3px; }
.login_form input:last-child { margin-bottom: 15px; }
  
#field3::-moz-placeholder { color:#878383; text-transform:none; opacity: 1; }

.login_btn { width: 100%; float: left; text-align: center; }
.login_btn input { width: 150px; display: inline-block; background: #c17505; color: #fff; height: 50px; line-height: 50px; font-size: 18px; border: 2px solid #965b02 !important;; border-radius: 5px; padding: 0;
    text-align: center; float:none; margin:0 !important; }
.login_btn input:hover { color: #fff; transition: .3s ease-in-out; background: #965b02; border: 2px solid #c17505; !important; }

.login_info_text { float: left; margin-bottom: 25px; }
.login_info_text input { display: inline-block; }
.login_info_text p { display: inline-block; font-size: 16px; color: #afafaf; line-height: 30px; padding: 0; margin:0;  font-weight:normal; }

input[type=checkbox] { visibility: hidden; }
.login_info { width: 56px; height: 56px; float: left; position: relative; }

.login_info label { background: #404040; cursor: pointer; height: 30px; position: absolute; width: 30px; border: #545454 2px solid; }

.login_info input { display: none; }
.login_info label:after {
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #fff #fff;
    border-image: none;
    border-style: none none solid solid;
    border-width: medium medium 3px 3px;
    content: "";
    height: 7px;
    left: 8px;
    opacity: 0;
    position: absolute;
    top: 6px;
    transform: rotate(-45deg);
    width: 16px;
}
.login_info label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.login_info input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.alert ul { list-style: outside none none; }
@media (max-width:736px){
.login_container { top:35%; margin:0 130px; left:0;  }
}

@media (max-width:667px){
.login_container { top:35%; margin:0 14.6%; left:0; }
}
@media (max-width:480px){
body { background:url(../images/newdesign/login_screen_bkd.jpg); background-repeat: no-repeat; background-attachment: fixed;  background-position: center top; background-size: cover;  }
.login_container { left: 0; margin: 0 10px; padding: 0 25px 10px; width: auto;  top:15%; }
}

@media (max-width:414px){ 
.login_form p { font-size:12px; }
.login_info_text p { font-size:12px; }
}

@media (max-width:384px){ 
.login_container { left: 0; margin: 0 10px; padding: 0 25px 10px; width: auto;  top:15%; }
.login_form p { font-size:14px; }
.login_info_text p { font-size:12px; }
.login_form input { width:90%; }
.login_btn input { width:auto; }
}

@media (max-width:320px){
.login_container { padding: 0 10px 10px;  }
.login_form p { font-size: 13px; }
.login_form input { width:91%; }
.login_info { height: 37px; width: 37px; }
.login_form p { font-size: 12px; }
.login_btn input { width:auto; }
}