:-moz-placeholder{color:#cecfd2;opacity:1}::-moz-placeholder{color:#cecfd2;opacity:1}input:-ms-input-placeholder{color:#cecfd2;opacity:1}input::-webkit-input-placeholder{color:#cecfd2;opacity:1}html{padding:0;margin:0;height:100%;font-size:16px;background-repeat:no-repeat;background-position:left top;background-color:#242645;color:#fff;font-family:'Source Sans Pro';background-size:100%;/* background:url(../img/bg.jpg) center center */}h1{font-size:2.8em;font-weight:700;letter-spacing:-1px;margin:.6rem 0}h1>span{font-weight:300}h2{font-size:1.15em;font-weight:300;margin:.3rem 0}main{width:95%;max-width:1000px;margin:4em auto;opacity:0}main.loaded{transition:opacity .25s linear;opacity:1}main header{width:100%}main header>div{width:50%}main header>.left,main header>.right{height:100%}main .loaders{width:100%;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}main .loaders .loader{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:25%;max-width:25%;height:200px;align-items:center;justify-content:center}.J_codeimg{width:85px;height:36px;padding:3px;z-index:0;color:#FFF}@-webkit-keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0;top:0;border:2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height: 60px;width: 60px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite;}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:10px;left:10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse}.logo{display:block;margin:0 auto 5px;height:47px;position:absolute;z-index:999;top:10px;left:10px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out}.hero-inner{opacity:.45;position:absolute;left:0;top:0;width:100%;height:100%;right:0;bottom:0;z-index:4;pointer-events:none}.login,.authent{z-index:99}body{/* -webkit-perspective:800px; *//* perspective:800px; */height:100vh;margin:0;overflow:hidden;font-family:'Gudea',sans-serif;color:#4e546d;width: 100%;height: 100%;margin: 0;padding: 0;}body .authent{/* box-shadow:0 2px 30px 3px rgba(0,0,0,0.55); */background:#35394a;transition:all .6s;position:absolute;left: 0;right: 0;margin:auto;width:100px;color:white;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:20px 70px;top:271px;bottom: 0;height:70px;opacity:0;pointer-events:none;transform:scale(0.01);}body .authent p{text-align:center;color:white}body p{color:#d3d7f7;font-size:10px;text-align:left}body .animate{box-shadow:0 20px 30px 3px rgba(0,0,0,0.55);pointer-events:none;-webkit-transform:scale(0.1) !important;transform:scale(0.01) !important;top:300px !important;left:0 !important;opacity:0 !important;-webkit-filter:blur(1px);filter:blur(1px)}.load{transform:scale(1) !important;top:0 !important;opacity:1 !important}body .login{/* box-shadow:-10px 10px 20px 0 rgba(6,17,47,0.7); */opacity:1;top: 35px;position:relative;width: 65%;height: 398px;/* max-width:240px; *//* min-width:180px; *//* position:absolute; */border-radius:8px;left:0;right:0;margin:auto;/* top:0; */bottom:0;padding:42px 25px 8px 25px;background:#35394a;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(53, 57, 74, 0)',endColorstr='rgb(0, 0, 0)',GradientType=1);transition:all .5s;}body .login .validation{position:absolute;z-index:1;right:10px;top: 45px;opacity:0;}body .login .disclaimer{position:absolute;bottom:20px;left:35px;width:250px;text-align:center}body .login_title{color: #dedede;height: 104px;text-align:center;font-size: 23px;}body .login_fields{height: 334px;left:0;overflow:hidden;}body .login_fields .icon{position:absolute;z-index:1;left: 14px;top: 47px;opacity:.5;}body .login_fields input[type='password'],body .login_fields input[type='text']{color: #dadada !important;}body .login_fields input[type='text'],body .login_fields input[type='password']{color:#afb1be;margin-top:5px;background: #5a6275;left:0;padding: 12px 0 13px 40px;border: 2px solid rgba(57,61,82,0);border-bottom: 1px solid rgba(57,61,82,0);border-right:0;border-left:0;outline:0;font-family:'Gudea',sans-serif;box-shadow:none;/* border: 1px solid #4ea0d9; */width: 83%;font-size: 14px;border-radius: 30px;margin-top: 34px;}body .login_fields__user,body .login_fields__password{position:relative;margin-left: 6px;}body .login_fields__submit{position:relative;top: 17px!important;left:0;width:100%;right:0;margin:auto;}body .login_fields__submit .forgot{float:right;font-size:10px;margin-top:11px;text-decoration:underline}body .login_fields__submit .forgot a{color:#606479}body .login_fields__submit input{border-radius: 40px;background: #4898d5;padding: 14px 6px;border: 1px solid #1f7ff7;color: #ffffff;text-transform:uppercase;font-size: 14px;-webkit-transition-property:background,color;transition-property:background,color;-webkit-transition-duration:.2s;transition-duration:.2s;width: 98%;margin-top:38px;}body .login_fields__submit input:focus{box-shadow:none;outline:0}body .login_fields__submit input:hover{color: #ffffff;background: #009f95;cursor:pointer;-webkit-transition-property:background,color;transition-property:background,color;-webkit-transition-duration:.2s;transition-duration:.2s;border: 1px solid #009f95;}:-moz-placeholder{color:#cecfd2;opacity:1}::-moz-placeholder{color:#cecfd2;opacity:1}input:-ms-input-placeholder{color:#cecfd2;opacity:1}input::-webkit-input-placeholder{color:#cecfd2;opacity:1}html{padding:0;margin:0;height:100%;font-size:16px;background-repeat:no-repeat;background-position:left top;color:#fff;font-family:'Source Sans Pro';background-size:100%;/* background:url(../img/bg2.png) center center; */background-color: #262b2e;}h1{font-size:2.8em;font-weight:700;letter-spacing:-1px;margin:.6rem 0}h1>span{font-weight:300}h2{font-size:1.15em;font-weight:300;margin:.3rem 0}main{width:95%;max-width:1000px;margin:4em auto;opacity:0}main.loaded{transition:opacity .25s linear;opacity:1}main header{width:100%}main header>div{width:50%}main header>.left,main header>.right{height:100%}main .loaders{width:100%;box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}main .loaders .loader{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:column;flex-grow:1;flex-shrink:0;flex-basis:25%;max-width:25%;height:200px;align-items:center;justify-content:center}.J_codeimg{width:85px;height:36px;padding:3px;z-index:0;color:#FFF}@-webkit-keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);width:100%;height:100%}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;left:0;top:0;border: 2px solid #fff;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height: 60px;width: 60px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite;}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:10px;left:10px;width: 40px;height: 40px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#fff transparent #fff transparent;-webkit-animation-direction:reverse;animation-direction:reverse;}.logo{display:block;margin:0 auto 5px;height:47px;position:absolute;z-index:999;top:10px;left:10px}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-transition:color 99999s ease-out,background-color 99999s ease-out}.hero-inner{opacity:.45;position:absolute;left:0;top:0;width:100%;height:100%;right:0;bottom:0;z-index:4;pointer-events:none}.login,.authent{z-index:99}
  .m-main {
    width: 886px;
    height: 600px;
    background: rgb(38, 43, 46);
    box-shadow: 0 0 20px 0 rgba(12,1,4,0.05);
    border-radius: 4px;
    margin: 0 auto;
    top: 50%;
    position: relative;
    margin-top: -300px;
}
.m-main .leftImgDiv {
    width: 422px;
    height: 600px;
    overflow: hidden;
    float: left;
    position: relative;
}
.m-main .loginPage {
    width: 464px;
    height: 600px;
    float: right;
    background: #35394a;
    position: relative;
    z-index: 99;
    box-shadow: 1px 1px 20px 0px rgba(6, 17, 47, 0.37);
border-radius: 0 6px 6px 0;}