*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-size:62.5%;height:100%;overflow:hidden}@media (max-width:768px){html,body{font-size:50%}}button::-moz-focus-inner{border:0}svg{display:inline-block;width:2rem;height:2rem;overflow:visible}.svg-icon{cursor:pointer}.svg-icon path{stroke:rgba(255,255,255,.9);fill:none;stroke-width:1}input,button{outline:none;border:none}.cont{position:relative;height:100%;background-image:url(../images/O6I3A50.jpg);background-size:cover;overflow:auto;font-family:"Open Sans",Helvetica,Arial,sans-serif}.ltitlt{color:#ddd;font-size:16pt;margin-bottom:2em;font-weight:700}.demo{float:right;width:30rem;height:100%;overflow:hidden}.login{position:relative;height:100%;background:rgba(0,0,0,.6)}.login.inactive{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}.login__form{position:absolute;margin:5rem 0 0 0;padding:1.5em 2.5em;text-align:center}.login__row{height:5rem;padding-top:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.login__row p{height:5rem;padding-top:1rem;border-bottom:1px solid rgba(255,255,255,.2)}.login__icon{margin-bottom:-.4rem;margin-right:.5rem}.login__icon.name path{stroke-dasharray:73.50196075439453;stroke-dashoffset:73.50196075439453;-webkit-animation:animatePath 2s 0.5s forwards;animation:animatePath 2s 0.5s forwards}.login__icon.pass path{stroke-dasharray:92.10662841796875;stroke-dashoffset:92.10662841796875;-webkit-animation:animatePath 2s 0.5s forwards;animation:animatePath 2s 0.5s forwards}.login__input{display:inline-block;width:22rem;height:100%;padding-left:1.5rem;font-size:1.5rem;background:transparent;color:#FDFCFD}.btn{position:relative;margin-top:1em;background-color:#fff;border:none;font-size:14pt;color:#000;padding:5px;width:100%;border-radius:2px;text-align:center;-webkit-transition-duration:0.4s;transition-duration:0.4s;text-decoration:none;overflow:hidden;cursor:pointer;outline:none}.btn:after{content:"";background:rgb(174,94,255);display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all 0.8s}.btn:active:after{padding:0;margin:0;opacity:1;transition:0s}@-webkit-keyframes animRipple{to{-webkit-transform:scale(3.5);transform:scale(3.5);opacity:0}}@keyframes animRipple{to{-webkit-transform:scale(3.5);transform:scale(3.5);opacity:0}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes animatePath{to{stroke-dashoffset:0}}@keyframes animatePath{to{stroke-dashoffset:0}}