.login_form .input {
outline: none;
border: none;
}
.login_form textarea {
outline: none;
border: none;
}
.login_form textarea:focus, .login_form input:focus {
border-color: transparent !important;
}
.login_form input:focus::-webkit-input-placeholder { color:transparent; }
.login_form input:focus:-moz-placeholder { color:transparent; }
.login_form input:focus::-moz-placeholder { color:transparent; }
.login_form input:focus:-ms-input-placeholder { color:transparent; }
.login_form textarea:focus::-webkit-input-placeholder { color:transparent; }
.login_form textarea:focus:-moz-placeholder { color:transparent; }
.login_form textarea:focus::-moz-placeholder { color:transparent; }
.login_form textarea:focus:-ms-input-placeholder { color:transparent; }
.login_form input::-webkit-input-placeholder { color: #999999; }
.login_form input:-moz-placeholder { color: #999999; }
.login_form input::-moz-placeholder { color: #999999; }
.login_form input:-ms-input-placeholder { color: #999999; }
.login_form textarea::-webkit-input-placeholder { color: #999999; }
.login_form textarea:-moz-placeholder { color: #999999; }
.login_form textarea::-moz-placeholder { color: #999999; }
.login_form textarea:-ms-input-placeholder { color: #999999; }
.login_form button {
outline: none !important;
border: none;
background: transparent;
margin: 0px !important;
}
.login_form button:hover {
cursor: pointer;
}
.login_form iframe {
border: none !important;
}
.li_icon{
margin-top: -5px;
}
.icon_container {
line-height: 2.5;
}
.icon_container:hover{
line-height: 2.5;
}
.login_form .container-contact2 {
width: 100%;  
min-height: 100vh;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 15px;
}
.login_form .wrap-contact2 {
width: 790px;
background: #111;
border-radius: 10px;
overflow: hidden;
padding: 72px 55px 90px 55px;
}
.contact2-form {
width: 100%;
}
.contact2-form-title {
display: block;
font-size: 39px;
color: #ffffff;
font-family: 'Playfair Display', serif;
line-height: 1.2;
text-align: center;
padding-bottom: 70px;
}
.wrap-input2 {
width: 100%;
position: relative;
border-bottom: 2px solid #adadad;
margin-bottom: 37px;
}
.input2 {
display: block;
width: 100%;
font-family: 'Domine', serif!important;
font-size: 16px !important;
background-color: #111 !important;
color: #fff !important;
line-height: 1.2;
margin-bottom: 0px !important;
border: 0px !important;
box-shadow: none !important;
padding-left:15px !important;
}
.focus-input2 {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
pointer-events: none;
}
.focus-input2::before {
content: "";
display: block;
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 2px;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
background: rgba(219,21,99,1);
background: -webkit-linear-gradient(45deg, #F09456, #A24A0E, #462006);
background: -o-linear-gradient(45deg, #F09456, #A24A0E, #462006);
background: -moz-linear-gradient(45deg, #F09456, #A24A0E, #462006);
background: linear-gradient(45deg, #F09456, #A24A0E, #462006);
}
.focus-input2::after {
content: attr(data-placeholder);
display: block;
width: 100%;
position: absolute;
top: 0px;
left: 0;
font-family: 'Domine', serif !important;
font-size: 14px;
color: white !important;
line-height: 1.2;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
input.input2 {
height: 45px;
}
input.input2 + .focus-input2::after {
top: 16px;
left: 15px;
}
textarea.input2 {
min-height: 115px;
padding-top: 13px;
padding-bottom: 13px;
}
textarea.input2 + .focus-input2::after {
top: 16px;
left: 15px;
}
.input2:focus + .focus-input2::after {
top: -13px;
}
.input2:focus + .focus-input2::before {
width: 100%;
}
.has-val.input2 + .focus-input2::after {
top: -13px;
}
.has-val.input2 + .focus-input2::before {
width: 100%;
}
.container-contact2-form-btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-top: 13px;
}
.wrap-contact2-form-btn {
display: block;
position: relative;
z-index: 1;
border-radius: 2px;
width: auto;
overflow: hidden;
margin: 0 auto;
}
.contact2-form-bgbtn {
position: absolute;
z-index: -1;
width: 300%;
height: 100%;
background: rgba(219,21,99,1);
background: -webkit-linear-gradient(-135deg, #F09456, #A24A0E, #462006);
background: -o-linear-gradient(-135deg, #F09456, #A24A0E, #462006);
background: -moz-linear-gradient(-135deg, #F09456, #A24A0E, #462006);
background: linear-gradient(-135deg, #F09456, #A24A0E, #462006);
top: 0;
left: -100%;
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;
}
.contact2-form-btn {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
min-width: 244px;
height: 50px;
font-family: 'Domine', serif!important;
font-size: 16px;
color: #fff;
line-height: 1.2;
background-color: transparent !important;
}
.wrap-contact2-form-btn:hover .contact2-form-bgbtn {
left: 0;
}
.login_forgot_box {
margin-top: 20px;
font-size: 17px;
font-family: 'Domine', serif!important;
color: white;
}
.password_icon{
margin-right: 12px;
}
#tab_employee{
width:100% !important;
}
@media (max-width: 576px) {
.wrap-contact2 {
padding: 72px 15px 90px 15px;
}
}
@media (max-width: 500px) {
.contact2-form-title {
font-size: 21px;
padding-bottom: 12px;
}
.contact2-form-btn {
min-width: 141px;
font-size: 10px;
}
.login_form .wrap-contact2 {
padding: 72px 25px 90px 25px !important;
}
}
@media only screen and (max-width: 48em) { }