body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.hp-cont,.sn-login{height:100%;align-items:center}.sn-login,body{background:#c92e49}.log-btn,.or-login-form>input:focus,a{outline:0}@font-face{font-family:Microsoft Tai Le;src:url(../fonts/taile.ttf)}@font-face{font-family:Microsoft Tai Le;font-weight:700;src:url(../fonts/taileb.ttf)}@font-face{font-family:Lato;src:url(../fonts/Lato-Regular.ttf)}@font-face{font-family:Lato;font-weight:700;src:url(../fonts/Lato-Bold.ttf)}*{box-sizing:border-box;-webkit-box-sizing:border-box}body{font-family:Microsoft Tai Le,Arial;color:#333;text-align:center}h1,h2,h3,h4,h5,h6{font-family:Lato,Arial;color:#333}h4,h5,h6{font-weight:400;color:#333}a{text-decoration:none!important;transition:ease-in-out .3s;-webkit-transition:ease-in-out .3s}p{color:#000;font-size:14px;font-family:Microsoft Tai Le,Arial}.clr{clear:both}.hp-cont{display:flex;display:-webkit-flex;display:-webkit-box;-webkit-align-items:center;-webkit-box-align:center;position:fixed;top:0;bottom:0;left:0;right:0;width:100%;overflow:hidden}#content,#main,#main-wrapper,#page,#page-wrapper,.section,.section>div{width:100%;height:100%;margin:0 auto}.sn-page-wrapper{margin:0 auto;padding:0;width:100%;height:100%}.sn-page-section{display:block;margin:0 auto;padding:0;width:100%}.sn-bg1{display:none}.sn-bg-content{margin:0 auto;height:100%}.sn-content{width:96%;margin:0 auto;padding:5px 0;height:100%}.sn-login,.sn-login-left{width:100%;margin:0 auto}.sn-login{overflow-y:auto;border-radius:3px;box-shadow:rgba(0,0,0,.3) 1px 1px 5px;display:flex;display:-webkit-flex;display:-webkit-box;-webkit-align-items:center;-webkit-box-align:center}.sn-login-left{display:block}#logLoad,#logOtp,#orLog2,#orLog3,#or_log_new,#or_log_success{display:none;opacity:0}.or-login-container{display:block;position:relative;border-radius:5px;background:rgba(0,0,0,.1);overflow:hidden;margin:0 auto;padding-top:10px;width:400px;-webkit-animation-name:animatezoom;-webkit-animation-duration:.8s;animation-name:animatezoom;animation-duration:.8s}.or-log-con,.or-log-con1,.or-login-container>form{display:block;width:100%;margin:0 auto;overflow:hidden}.or-login-container-title{margin:0 auto;font-size:24px;font-weight:700;color:#fff;padding:15px;text-shadow:rgba(0,0,0,.3) 1px 1px 1px}.or-login-container-img{display:block;margin:0 auto 50px}.log-btn{cursor:pointer;border:none;display:block;width:300px;margin:40px auto;font-size:20px;font-weight:700;color:#e03351;background:#fff;padding:15px 0;border-radius:5px;box-shadow:rgba(0,0,0,.3) 1px 2px 3px;transition:all .2s ease;-webkit-transition:all .2s ease}.log-otp-alt{display:block;margin:0 auto 20px;padding:3px 10px;color:#fff;background:0 0;border:1px solid #fff;border-radius:3px}.or-login-form{margin:40px auto;position:relative;width:300px}.or-login-form>i,.or-login-form>label{position:absolute;transition:all .2s ease;color:#fff}.or-login-option{margin:0 auto}.or-fld{display:inline-block;margin:0 auto 15px;width:145px}.or-login-form>i{right:5px;top:5px;font-size:16px;cursor:pointer;-webkit-transition:all .2s ease}.or-login-form>label{font-size:14px;left:5px;top:10px;-webkit-transition:all .2s ease}.or-login-form>input{display:block;color:#fff;border:none;border-bottom:1px solid rgba(255,255,255,.3);font-size:14px;padding:8px;margin:0;width:100%;outline:0;background:rgba(0,0,0,.1)}.or-log-err,.or-log-info,.or-success{margin:0 auto;color:#fff}.or-login-form>input:focus~.u-line:after,.or-login-form>input:focus~.u-line:before{width:150px}.or-login-form>input.used~label,.or-login-form>input:focus~label{top:-25px;left:0;color:#ffc}.u-line{position:relative;display:block;width:100%}.u-line:after,.u-line:before{content:'';height:1px;width:0;bottom:0;position:absolute;background:#fff;transition:all .2s ease;-webkit-transition:all .2s ease}.u-line:before{left:150px}.u-line:after{right:150px}.or-log-err{width:300px;text-align:left}.or-log-info{width:100%;padding:10px;font-size:13px;background:rgba(0,0,0,.1)}.or-load-info,.or-success{width:300px}.or-success{font-size:16px}.or-otp-msg{margin:20px auto 30px;color:#fff}.log-newuser{display:block;margin:20px auto;color:#ffc}.log-newuser>a{display:inline-block;color:#fff;margin:5px;padding:2px 5px;border:1px solid #fff;border-radius:3px}.or-load-img,.or-load-info{margin:20px auto}.or-login-form>input::-webkit-inner-spin-button,.or-login-form>input::-webkit-outer-spin-button{-webkit-appearance:none}.or-login-form>input[type=number]{-moz-appearance:textfield}.control{display:block;color:#fff;text-align:left;position:relative;padding-left:35px;cursor:pointer;font-size:14px;margin:0 auto}.control>input{position:absolute;z-index:-1;opacity:0}.control__indicator{position:absolute;top:-5px;left:0;height:25px;width:25px;background:rgba(255,255,255,.1);border:1px solid #fff;border-radius:50%}.control input:checked~.control__indicator{background:#fff}.control__indicator:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid #e03351;border-width:0 3px 3px 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.sn-loader1,.sn-loader2{z-index:11;top:0;bottom:0;left:0;right:0;height:100%;background:rgba(255,255,255,.7)}.control input:checked~.control__indicator:after{display:block}#viewLoad{display:none}.sn-loader1{position:fixed;width:100%;display:flex;display:-webkit-flex;display:-webkit-box;align-items:center;-webkit-align-items:center;-webkit-box-align:center}.sn-loader1-sec{display:block;margin:0 auto;padding:100px 0;width:100%}.sn-loader1-sec>img{margin:0 auto;width:40px}.sn-loader1-sec>p{margin:0 auto 10px;font-size:18px;color:#069}.sn-loader2{min-height:100px;display:block;position:absolute;width:100%}.sn-loader2-sec{display:block;margin:0 auto;width:100%}.sn-loader2-sec>img{margin:0 auto;width:40px}.sn-loader2-sec>p{margin:0 auto 10px;font-size:14px;color:#069}@media screen and (max-width:420px){.or-log-close{top:5px}.or-login-container{width:98%}.or-login-container-title{font-size:20px}.or-login-container-img{margin:0 auto 50px}.log-btn,.or-login-form{margin:40px auto;width:280px}.log-btn{font-size:16px;padding:12px 0}.or-fld{margin:0 auto 10px;width:135px}.or-login-form>label{font-size:13px}.or-login-form>input:focus~.u-line:after,.or-login-form>input:focus~.u-line:before{width:140px}.or-login-form>input.used~label,.or-login-form>input:focus~label{top:-25px}.u-line{position:relative;display:block;width:100%}.or-log-err,.or-success{width:280px}.u-line:before{left:140px}.u-line:after{right:140px}.or-log-info{font-size:12px}.control{padding-left:30px;font-size:13px}}.or-anim-fade1{-webkit-animation-name:animatefade;-webkit-animation-duration:1s;-webkit-animation-delay:0ms;animation-name:animatefade;animation-duration:1s;animation-delay:0ms;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@-webkit-keyframes animatefade{from{opacity:0;margin-left:-190px}to{opacity:1;margin-left:0}}@keyframes animatefade{from{opacity:0;margin-left:-190px}to{opacity:1;margin-left:0}}.or-anim-left0{-webkit-animation-name:animateleft;-webkit-animation-duration:.6s;animation-name:animateleft;animation-duration:.6s;animation-fill-mode:both;-webkit-animation-fill-mode:both}@-webkit-keyframes animateleft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0)}}@keyframes animateleft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.or-anim-right0{-webkit-animation-name:animateright;-webkit-animation-duration:.6s;animation-name:animateright;animation-duration:.6s;animation-fill-mode:both;-webkit-animation-fill-mode:both}@-webkit-keyframes animateright{from{opacity:0;-webkit-transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0)}}@keyframes animateright{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}.or-anim-zoom1{-webkit-animation-name:animatezoom;-webkit-animation-duration:1s;-webkit-animation-delay:0ms;animation-name:animatezoom;animation-duration:1s;animation-delay:0ms;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@-webkit-keyframes animatezoom{from{opacity:0;-webkit-transform:scale(0)}to{opacity:1;-webkit-transform:scale(1)}}@keyframes animatezoom{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.load-spin{-webkit-animation-name:animspin;-webkit-animation-duration:2s;-webkit-animation-fill-mode:linear;-webkit-animation-iteration-count:infinite;animation-name:animspin;animation-duration:2s;animation-fill-mode:linear;animation-iteration-count:infinite}@-webkit-keyframes animspin{0%{-webkit-transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg)}}@keyframes animspin{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}