Contact Number
Email Address

Z_Login

[fullwidth backgroundcolor=”transparent” backgroundimage=”” backgroundrepeat=”no-repeat” backgroundposition=”left top” backgroundattachment=”scroll” bordersize=”0px” bordercolor=”” borderstyle=”solid” paddingtop=”40px” paddingbottom=”40px” paddingleft=”0px” paddingright=”0px” menu_anchor=”” class=”” id=”loginpage”][two_third last=”no” class=”padding20″ id=””][aione_text][aione-login-form][/aione_text][/two_third][one_third last=”yes” class=”padding20″ id=””][aione_text]

Don’t have a Darlic account?

Can’t access your account?

[/aione_text][/one_third][/fullwidth]
[aione_text]
#loginpage{ margin:0;}
#main {
background-attachment: scroll;
background-position: bottom right;
background-size: cover;
padding:0;
}
.aione-column.two_third,
.aione-column.one_third{background-color: RGBA(255,255,255,0.6);padding:30px 20px 20px 20px;}
#loginform input[type=text],
#loginform input[type=password]{
background: rgba(255,255,255,0.4);
color: #454545;
text-shadow: none;
font-weight: 100;
text-transform: none;
display: block;
line-height: 40px;
width: 73.2%;
padding: 0px 10px;
border: 1px solid rgba(0,0,0,0.25);
border-right: none;
font-size: 20px;
font-family: “Open Sans”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
}
#loginform input[type=text]:focus,
#loginform input[type=password]:focus{
outline:none;
}
#loginform .login-username input[type=text]:focus + label,
#loginform .login-password input[type=password]:focus + label{
color:#cc0000;
}
#loginform .login-username label,
#loginform .login-password label{
color: #666666;
opacity:1;
text-shadow: none;
font-weight: 100;
text-transform: none;
display: block;
line-height: 40px;
width: 68%;
padding: 0px 10px;
font-size: 20px;
font-family: “Open Sans”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
position:absolute;
margin: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#loginform .login-username label.selected,
#loginform .login-password label.selected{
margin: 0 0 0 50%;
opacity:0;
}
#loginform .login-submit input[type=submit]{
width: 25%;
position: absolute;
top: 30px;
right: 20px;
display: block;
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 20px;
font-weight:400;
font-family: “Open Sans”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
line-height: 100px;
border: none;
background-color: #138dc5;
cursor: pointer;
}
#loginform p{margin-bottom: 16px;}
.footer-area:before, .footer-area:after{ display:none;}
.signup_button{
text-align: center;
background: #168dc5;
color: #FFFFFF;
cursor: pointer;
text-shadow: none;
font-weight: 100;
text-transform: none;
border: none;
display: block;
width: 84%;
margin: 0 auto;
padding: 12px 0;
font-size: 20px;
font-family: “Open Sans”, “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
-webkit-transition: all 200ms ease-in-out;
-moz-transition: all 200ms ease-in-out;
-ms-transition: all 200ms ease-in-out;
-o-transition: all 200ms ease-in-out;
transition: all 200ms ease-in-out;
}
.signup_button:hover{
color: #FFFFFF;
}
.signup_button:before{
color: #FFFFFF;
}
.left { float:left;}
.right { float:right;}
.margin-bottom15 {margin-bottom: 15px;}
.info-heading{position: relative;
margin: 0;
line-height: 22px;
font-size: 16px;
font-weight: normal;
color: #333;
text-align: center;}

var username = jQuery(“#loginform .login-username input”);
var password = jQuery(“#loginform .login-password input”);
if(!username.val().length){jQuery(username).parent().children(“label”).addClass(“selected”);}
if(!password.val().length){jQuery(password).parent().children(“label”).addClass(“selected”);}
username.on(‘change’, function () { if(!username.val().length){jQuery(username).parent().children(“label”).addClass(“selected”);}});
password.on(‘change’, function () { if(!password.val().length){jQuery(password).parent().children(“label”).addClass(“selected”);} });
jQuery(‘#loginform .login-username input, #loginform .login-password input’).attr(‘autocomplete’, ‘off’);
jQuery(“#loginform .login-username input, #loginform .login-password input”).focus(function() {
jQuery(this).parent().children(“label”).addClass(“selected”);
});
jQuery(username).focusout(function(){
var username_value = jQuery(this).val();
if(username_value == ”){
jQuery(this).parent().children(“label”).removeClass(“selected”);
jQuery(this).addClass(“error”);
}
});
jQuery(password).focusout(function(){
var password_value = jQuery(this).val();
if(password_value == ”){
jQuery(this).parent().children(“label”).removeClass(“selected”);
jQuery(this).addClass(“error”);
}
});
[/aione_text]