body,html{padding: 0; margin: 0; font-family: "Open Sans",sans-serif;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center{text-align: center;}
input[name="fake1"],input[name="fake2"]{opacity:0;font-size:0;line-height:0;padding:0;overflow:hidden;position:fixed;top:0;left:0;z-index:-30;width:0!important}
.user-login-5{font-size: 0; display: block; position: relative; min-height:100vh}


.user-login-5 .slider_box{display: inline-block; vertical-align: middle; width: 50%;}
.user-login-5 .slider_box .login-bg{background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh}
.user-login-5 .slider_box .login-logo{width:180px; position:absolute; top:35px; left:35px}


.user-login-5 .login_box{display: inline-block; vertical-align: middle; width: 50%;}
.user-login-5 .login_box .in{padding: 0 80px 60px;}
.user-login-5 .login_box .in h1{margin: 0 0 10px; font-size:30px;font-weight:300;color:#4e5a64}
.user-login-5 .login_box .in p:not(.sign){margin: 0 0 10px; color:#a0a9b4;font-size:15px;line-height:22px}
.user-login-5 .login_box .in .login-form{margin-top:80px;color:#a4aab2;font-size:13px}
.user-login-5 .login_box .in .login-form .row{display: block; position: relative; width: 100%; font-size: 0;}
.user-login-5 .login_box .in .login-form .row .inline{display: inline-block; vertical-align: middle; width: calc(50% - 15px);}
.user-login-5 .login_box .in .login-form .row .inline:nth-child(2n){margin: 0 0 0 30px;}
.user-login-5 .login_box .in .login-form .row .inline input{width: calc(100% - 8px);height: 25px;padding:4px; border:none #a0a9b4; background: #fff; border: 0; border-bottom:1px solid #a0a9b4; color:#868e97; font-size:14px; margin-bottom:30px; -webkit-transition: all ease 400ms; transition: all ease 400ms}
.user-login-5 .login_box .in .login-form .row .inline input:focus{outline:0; border-color:#93a1bb;}
.user-login-5 .login_box .in .login-form .row .inline input::-moz-placeholder{color:#999;}
.user-login-5 .login_box .in .login-form .row .inline input:-ms-input-placeholder{color:#999}
.user-login-5 .login_box .in .login-form .row .inline input::-webkit-input-placeholder{color:#999}



.btn{background: #3598dc; border: 1px solid #3598dc; color: #fff; display: inline-block; margin: 0; font-weight: 400; text-align: center; cursor: pointer; white-space: nowrap; padding: 6px 12px; font-size: 14px;line-height: 22px; border-radius: 0; -webkit-transition: all ease 400ms; transition: all ease 400ms}
.btn:active, .btn:focus, .btn:hover{background: #1f75b0; border: 1px solid #3598dc; outline: 0;}


.user-login-5 .sign{position: absolute; right: 80px; bottom: 20px; margin:0;font-size:13px;color:#a9b5be}
.user-login-5 .sign a{margin:0;font-size:13px;color:#a9b5be;font-weight:700;-webkit-transition:all ease-in-out .15s;transition:all ease-in-out .15s}
.user-login-5 .sign a:hover{color:#337ab7}


.jquery-notific8-container{top: 56px; right: 20px; display:block;padding:0;margin:0;position:fixed}
.jquery-notific8-notification{float: right; clear: right; background: #a10; border-color: #d10; color: #fff; position:relative; display:none; padding:17px 2.0625em 17px 12px; color:#fff; overflow:hidden; border-style:solid; border-width:2px; width: 320px}
.jquery-notific8-notification:hover .jquery-notific8-close{display:block}
.jquery-notific8-heading{font-size: 14px; line-height: 18px; font-weight:700; margin: 0 0 3px;}
.jquery-notific8-message{font-size: 12px; line-height: 18px; }
.jquery-notific8-close{position:absolute;padding: 0 .25em;cursor:pointer;top:0; right: -2px;display:none; color: #fff; background-color:#d10;}
.jquery-notific8-close-sticky{top: 23px; right: -33px; color: #fff; background-color:#d10; text-align:center;position:absolute;width:5.5625em;padding:5px 0 5px;cursor:pointer;text-transform:uppercase; -webkit-transform:rotate(90deg);transform:rotate(90deg)}
.jquery-notific8-close-sticky span{font-size: 10px;}


@media (max-width:1400px) {
.user-login-5 .login_box .in{padding: 0 60px 50px;}
.user-login-5 .login_box .in .login-form{margin-top:60px;}
.user-login-5 .sign{right: 60px;}
}

@media (max-width:1200px) {
.user-login-5 .login_box .in{padding: 0 40px 30px;}
.user-login-5 .login_box .in .login-form{margin-top:50px;}
.user-login-5 .sign{right: 40px;}

.jquery-notific8-container{top: 36px; right: 15px;}
}



@media (max-width:1024px) {
.user-login-5{min-height:initial; min-height: auto;}
.user-login-5 .slider_box{display: block; width: 100%;}
.user-login-5 .slider_box .login-bg{min-height:initial; min-height: auto; padding: 0 0 60%;}

.user-login-5 .login_box{display: block; width: 100%;}
.user-login-5 .login_box .in{padding: 50px 40px 0;}
.user-login-5 .sign{text-align: right; position: relative; right: 0; bottom: 0; margin:30px 0 0; font-size:12px;}
.user-login-5 .sign a{font-size:12px;}
}


@media (max-width:700px) {
.align-left{text-align: center;}
.align-right{text-align: center;}
.align-center{text-align: center;}

.user-login-5 .login_box .in{padding:30px 40px 10px;}
.user-login-5 .login_box .in h1{font-size: 24px; text-align:center;margin-top:0}
.user-login-5 .login_box .in p:not(.sign){font-size: 13px; margin-bottom:0;text-align:center}
.user-login-5 .login_box .in p:not(.sign) strong{display: block;}
.user-login-5 .login_box .in .login-form{max-width: 400px; display: block; margin: 35px auto 0;}
.user-login-5 .login_box .in .login-form .row .inline{display: block; width: 100%;}
.user-login-5 .login_box .in .login-form .row .inline:nth-child(2n){margin: 0;}
.user-login-5 .login_box .in .login-form .row .inline input{margin: 0 0 20px; text-align: center;}

.user-login-5 .sign{text-align: center;}

.jquery-notific8-container{top: 6px; right: 10px;}
.jquery-notific8-notification{width: 251px;}
}

@media (max-width:500px) {
.user-login-5 .slider_box{display: none;}   
.user-login-5 .sign{font-size:10px;}
.user-login-5 .sign a{font-size:10px;}  
}


@media (max-width:1024px) {
#tracy-debug-bar{display:none!important}
}