@import url("https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700");

body.bg-login{
  background: rgba(0, 0, 0, 0) url("../images/bg.png") repeat-y scroll 0 0 / 100% 100%;
  font-family: "Poppins",sans-serif;
  max-width: 100%;
  width: 100%;
}
.header {
  background: #000;
}
.header h4 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
  padding: 5px 5px 10px;
}
.form-div {
  background: rgba(0, 0, 0, 0) url("../images/sign-col-bg.png") repeat-y scroll 0 0;
  border: 1px solid #d4dde2;
  border-radius: 5px;
  float: right;
  margin-right: 7px;
  max-width: 369px;
  width: 100%;
}
.form-div form {
  margin-bottom: 0;
}
.form-heading {
  background: #1890cf none repeat scroll 0 0;
  padding: 7px 0 5px;
  text-align: center;
  border-radius:5px 5px 0 0;
}
.form-group > input.form-control {
  height: 42px;
}
.footer-bar {
  background: #dcdcdc;
  border-radius: 0 0 5px 5px;
  padding:22px 34px;
  height:77px;
}
.form-heading > h4 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 600;
}
.form-content {
  padding: 16px 34px 8px;
}
.form-group a {
  color: #2d2d2d;
  display: block;
  font-size: 12px;
  font-weight: 300;
  padding-top: 8px;
  text-align: right;
}
.form-control { 
  border: 1px solid #cacaca;
  box-shadow: none;
  color: #555555;
}
.form-group > label {
  color: #545454;
  font-size: 14px;
  font-weight: 300;
  margin-bottom: 10px;
  max-width: 100%;
  padding-top: 4px;
}
.checkbox > label {
  font-size: 12px;
  font-weight: 300;
  color: #2d2d2d;
}
.btn { 
  border-radius: 5px;
  font-size: 14px;
  font-weight: 600;
  padding: 8px 24px;
  background: #000;
  color:#fff;
  float: right;
  transition: all 0.3s ease;
}
.btn:hover {
  background: #1890cf;
  color: #fff;
  border: 1px solid #1890cf;
}
.content {
  padding: 70px 0 172px;
}
.panel {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 20px;
  background: none;
}
.panel-heading {
  font-size: 28px;
  color: #000;
  font-weight: 600;
}
.panel-body > p {
  color: #292929;
  font-size: 14px;
  font-weight: 300;
  text-align: justify;
  margin-bottom:0px;
}
.panel-foot {
  color: #485d69;
  font-size: 14px;
  font-weight: 500;
  padding: 0 15px;
}
.blur-mm {
	position: absolute;
}
.blur-mm > img {
  height: 64px;
  width: 100%;
  max-width: 379px;
}
.custom_check_box input[type="checkbox"] + label span {
  background: rgba(0, 0, 0, 0) url("../images/without.png") no-repeat scroll left top;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin-top: -1px;
  vertical-align: middle;
  width: 15px;
}
.custom_check_box input[type="checkbox"]:checked + label span {
  background: rgba(0, 0, 0, 0) url("../images/withtick.png") no-repeat scroll left center;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  margin-top: -1px;
  vertical-align: middle;
  width: 15px;
}
.radio label, .checkbox label {
  padding-left: 0;
  padding-right: 6px;
}

@media screen and (max-width: 768px){
	.form-div {
    float: none;
    margin: 0 auto;
    max-width: 369px;
    width: 100%;
	}
	.content {
	  padding: 70px 0 50px;
	}
	.panel {
    margin-top: 7px;
    text-align: center;
	}
}
@media screen and (max-width: 360px){
	.footer-bar {
	   padding: 22px 20px;
	}
	.panel-heading {
	  font-size: 22px;
	 }
}