body,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.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;background:url(../images/or-bg-ptn04.jpg);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}.sn-page-wrapper{margin:0 auto;padding:0;width:100%}.sn-page-section{display:block;margin:0 auto;padding:5px 0;width:100%}.sn-bg1{background:#e03351;position:fixed;top:0;box-shadow:rgba(0,0,0,.3) 0 2px 5px;z-index:1}.sn-menu{width:96%;margin:0 auto;padding:0}.sn-menu>a>img{margin:0;float:left;width:160px}.sn-menu-list{margin:7px 0 0;float:right}.sn-menu-list>a{margin:5px;padding:5px 15px 10px;color:#fff;font-size:14px;font-weight:700;font-family:Lato,Arial;border:2px solid #fff;border-radius:20px}.sn-menu-list>a:hover{background:#fff;color:#01739c!important}.sn-bg-content{margin-top:45px}.sn-content{width:96%;margin:0 auto;padding:5px 0}.sn-login{display:block;width:100%;margin:10px auto;overflow:hidden;background:#fff;border-radius:3px;box-shadow:rgba(0,0,0,.3) 1px 1px 5px}.sn-login-left{display:inline-block;width:100%;min-height:300px;margin:0 auto}#logLoad,#logOtp,#orLog2,#orLog3,#or_log_new,#or_log_success{display:none;opacity:0}.or-log-con,.or-log-con1,.or-login-container,.or-login-container>form{display:block;background:#fff;border-radius:5px;overflow:hidden;margin:0 auto}.or-login-container{position:relative;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{width:100%}.or-login-container-title{margin:0 auto;font-size:24px;font-weight:700;color:#e03351;padding:15px}.log-btn,.or-login-container-img{margin:40px auto;display:block}.log-btn{cursor:pointer;border:none;width:300px;font-size:20px;font-weight:700;color:#fff;background:#01739c;padding:12px 0;border-radius:5px;transition:all .2s ease;-webkit-transition:all .2s ease}.log-btn:hover{background:#666;color:#fff}.log-otp-alt{display:block;margin:0 auto 20px;padding:3px 10px;background:#fff;color:#e03351;border:1px solid #e03351;border-radius:3px}.log-otp-alt:hover{background:#e03351;color:#fff}.or-login-form{margin:40px auto;position:relative;width:300px}.or-login-form>i,.or-login-form>label{position:absolute;transition:all .2s ease}.or-login-option{margin:0 auto}.or-fld{display:inline-block;margin:0 auto 15px;width:145px}.or-login-form>i{right:0;top:5px;font-size:16px;color:#01739c;cursor:pointer;opacity:.6;-webkit-transition:all .2s ease}.or-login-form>i:hover{opacity:1}.or-login-form>label{color:#666;font-size:14px;left:5px;top:10px;-webkit-transition:all .2s ease}.or-login-form>input{display:block;color:#666;border:none;border-bottom:1px solid #ccc;font-size:14px;padding:5px 0;margin:0;width:100%;outline:0;background:0 0}.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;transform:scale(.8);left:0;color:#01739c}.u-line{position:relative;display:block;width:100%}.u-line:after,.u-line:before{content:'';height:1px;width:0;bottom:1px;position:absolute;background:#01739c;transition:all .2s ease;-webkit-transition:all .2s ease}.u-line:before{left:150px}.u-line:after{right:150px}.or-log-err{width:300px;margin:0 auto;text-align:left;color:red}.or-log-info{width:100%;margin:0 auto;padding:10px;font-size:13px;background:#f1f1f1}.or-load-info,.or-success{width:300px}.or-success{margin:0 auto;font-size:16px;color:#01739c}.or-otp-msg{margin:0 auto 30px;color:#000}.or-load-img,.or-load-info{margin:20px auto}.log-newuser{display:none}.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;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:#f6f6f6;border:1px solid #ccc;border-radius:50%}.control input:checked~.control__indicator{background:#f93;border:1px solid #f93}.control__indicator:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid #fff;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:30px auto}.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)}}