/*--------------------------------------------------

    [TRANSITION]

----------------------------------------------------*/

/* Cubic Bezier Transition */

/***

Login page

***/

/* logo page */

body{
	font-family: 'Red Hat Display', sans-serif;
}

.login {

  background-color: #666 !important;

}



.login .logo {

  margin: 0px auto 20px auto;

  text-align: center;

}



.login .content {


  width: 100%;

  margin: 0 auto;

  margin-bottom: 0px;

  -webkit-border-radius: 7px;

  -moz-border-radius: 7px;

  -ms-border-radius: 7px;

  -o-border-radius: 7px;

  border-radius: 7px;

}



.login .content h3 {

  color: #eee;

}



.login .content h4 {

  color: #eee;

}


 


.login .content .login-form,

.login .content .forget-form {

  padding: 0px;

  margin: 0px;

}



.login .content .form-control {
	font-size: 18px;
	height: 60px;
	border: 0px;
	background-color: #f9f7f7;
}



.login .content .forget-form {

  display: none;

}



.login .content .register-form {

  display: none;

}



.login .content .form-title {

  font-weight: 300;

  margin-bottom: 25px;

}



.login .content .form-actions {
	text-align: center;
    background-color: transparent;
    clear: both;
    border: 0px;
    padding: 0px 0px 0px 0px;
    margin-left: 0px;
    margin-right: 0px;
}



.login .content .form-actions .checkbox {

  margin-left: 0;

  padding-left: 0;

}



.login .content .forget-form .form-actions {

  border: 0;

  margin-bottom: 0;

  padding-bottom: 20px;

}



.login .content .register-form .form-actions {

  border: 0;

  margin-bottom: 0;

  padding-bottom: 0px;

}



.login .content .form-actions .checkbox {

  margin-top: 8px;

  display: inline-block;

}



.login .content .form-actions .btn {
    width: 450px;
    float: none !important;
    background:  #d95127;
    height: 60px;
    font-size: 25px;
    font-weight: 500;
	margin: 0px;
}
.login .content .form-actions .btn:hover {
    background:  #c8451c;
}




.login .content .forget-password {

  margin-top: 25px;

}



.login .content .create-account {

  border-top: 1px dotted #eee;

  padding-top: 10px;

  margin-top: 15px;

}



.login .content .create-account a {

  display: inline-block;

  margin-top: 5px;

}



/* select2 dropdowns */

.login .content .select2-container i {

  display: inline-block;

  position: relative;

  color: #ccc;

  z-index: 1;

  top: 1px;

  margin: 4px 4px 0px -1px;

  width: 16px;

  height: 16px;

  font-size: 16px;

  text-align: center;

}



.login .content .has-error .select2-container i {

  color: #b94a48;

}



.login .content .select2-container a span {

  font-size: 13px;

}



.login .content .select2-container a span img {

  margin-left: 4px;

}



/* footer copyright */

.login .copyright {

  text-align: center;

  margin: 0 auto;

  padding: 10px;

  color: #eee;

  font-size: 13px;

}


.form {
	width: 50%;
	float: left;
	background: #fff;
}
.pic {
	width: 50%;
	float: left;
}
.pic img, .form-pic-top img {
	width: 100%;
}
.form-text {
	text-align: center;
	padding-bottom: 28px;
}
.form-text h1 {
	font-size: 45px;
	color: #d95127;
	font-weight: 700;
	margin-top: 50px;
}
.form-text p {
	font-size: 18px;
	color: #000;
}
.form .form-group {
    width: 450px;
    margin: 20px auto;
}
.form .input-icon > i {
    margin: 22px 2px 4px 10px;
}
.form .btn > i {
    display: none;
}
.form .form-group p {
    font-size: 18px;
	color: #d95127;
	text-decoration: underline;
}
.form-pic-bottom img {
	width: 100%;
	height: 200px;
	padding-top: 20px;
}
.pic img{
	height: 965px;
	object-fit: cover;
}
.form-main {
	height: 965px;
	position: relative;
}
.form-middle-section {
	width: 100%;
	float: left;
}
.form-pic-bottom {
    width: 100%;
    float: left;
	position: absolute;
	bottom: 0;
 
}
.form-pic-top {
    width: 100%;
    float: left;
}
.error_msg, .message, .success_msg{
    width: 450px;
    margin: 0 auto;
	color: #d95127;
	font-weight: bold;
}
 
 


@media (max-width: 1600px) {
.pic img, .form-main {
    height: 768px;
}
.form-text h1 {
    margin-top: 30px;
}
.form-text {
    padding-bottom: 8px;
}
.form-pic-bottom {
    height: 161px;
	margin-top: -10px;
}
.form-pic-bottom img {
    height: 161px;
    padding-top: 60px;
}
.form-middle-section {
    margin-top: -30px;
}
.login .logo img {
    width: 200px;
}
}
@media (max-width: 992px) {
.form, .pic {
    width: 100%;
}
}
@media (max-width: 500px) {
.error_msg, .message, .success_msg {
    width: 100%;
	padding-left: 25px;
}
}


@media (max-width: 480px) {

  /***

  Login page

  ***/

  .login .logo {

    margin-top: 10px;

  }


  .login .content h3 {

    font-size: 22px;

  }



  .login .checkbox {

    font-size: 13px;

  }
  
.login .content .form-actions .btn {
    width: 94%;
}
.form-control {
    width: 100% !important;
}
.form .form-group {
    width: 95%;
}
.pic {
    display: none;
}

.error_msg, .message, .success_msg {
    padding-left: 15px;
}



  
  
  

}