body {
    background-color: #006666;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='2160' height='1440' preserveAspectRatio='none' viewBox='0 0 2160 1440'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1038%26quot%3b)' fill='none'%3e%3crect width='2160' height='1440' x='0' y='0' fill='rgba(4%2c 124%2c 124%2c 1)'%3e%3c/rect%3e%3cpath d='M2029.4 270.37 a71.65 71.65 0 1 0 143.3 0 a71.65 71.65 0 1 0 -143.3 0z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M351.23 749.17L441.38 749.17L441.38 838.41L351.23 838.41z' stroke='rgba(229%2c 196%2c 9%2c 1)'%3e%3c/path%3e%3cpath d='M191.1 2.67L285.6 2.67L285.6 97.17L191.1 97.17z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M108.98 829.63a56.97 56.97 0 1 0-113.05-14.19z' stroke='rgba(229%2c 196%2c 9%2c 1)'%3e%3c/path%3e%3cpath d='M596.36 129.85L612.05 129.85L612.05 233.01L596.36 233.01z' fill='rgba(229%2c 196%2c 9%2c 1)'%3e%3c/path%3e%3cpath d='M1151.76 645.88L1244.87 645.88L1244.87 738.99L1151.76 738.99z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1071.59 300.4a70.69 70.69 0 1 0 59.18-128.4z' fill='%23e73635'%3e%3c/path%3e%3cpath d='M1516.33 506.97L1597.04 506.97L1597.04 572.33L1516.33 572.33z' stroke='rgba(229%2c 196%2c 9%2c 1)'%3e%3c/path%3e%3cpath d='M1558.14 1109.77L1654.31 1109.77L1654.31 1205.94L1558.14 1205.94z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M-63.29 299.21 a93.09 93.09 0 1 0 186.18 0 a93.09 93.09 0 1 0 -186.18 0z' fill='rgba(15%2c 33%2c 193%2c 1)'%3e%3c/path%3e%3cpath d='M616.91 367.17L662.84 367.17L662.84 390.55L616.91 390.55z' stroke='rgba(15%2c 33%2c 193%2c 1)'%3e%3c/path%3e%3cpath d='M-86.79 1438.11 a109.42 109.42 0 1 0 218.84 0 a109.42 109.42 0 1 0 -218.84 0z' fill='rgba(15%2c 33%2c 193%2c 1)'%3e%3c/path%3e%3cpath d='M2069.37 807.27a91.69 91.69 0 1 0 178.04 43.91z' stroke='rgba(15%2c 33%2c 193%2c 1)'%3e%3c/path%3e%3cpath d='M466.6 700.84L553.72 700.84L553.72 787.96L466.6 787.96z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M825.4 1469.15a117.8 117.8 0 1 0-211.11-104.6z' fill='rgba(15%2c 33%2c 193%2c 1)'%3e%3c/path%3e%3cpath d='M1067.71 820.04 a42.38 42.38 0 1 0 84.76 0 a42.38 42.38 0 1 0 -84.76 0z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M1017.51-78.14a107.04 107.04 0 1 0-106.44 185.74z' stroke='%23e73635'%3e%3c/path%3e%3cpath d='M509.77 225.55 a37.91 37.91 0 1 0 75.82 0 a37.91 37.91 0 1 0 -75.82 0z' fill='rgba(15%2c 33%2c 193%2c 1)'%3e%3c/path%3e%3cpath d='M889.68 653.52a73.29 73.29 0 1 0-14.49 145.86z' fill='rgba(229%2c 196%2c 9%2c 1)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1038'%3e%3crect width='2160' height='1440' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  
  *,:after,:before{box-sizing:border-box}
  .clearfix:after,.clearfix:before{content:'';display:table}
  .clearfix:after{clear:both;display:block}
  a{color:inherit;text-decoration:none}
  
  .login-wrap{
      width:100%;
      margin:auto;
      max-width:525px;
      min-height:670px;
      position:relative;
      background:url(../images/lr_logo_login_bacground.jpg) no-repeat center;
      box-shadow:0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
  }
  .login-html{
      width:100%;
      height:100%;
      position:absolute;
      padding:90px 70px 50px 70px;
      background:rgba(40,57,101,.9);
  }
  .login-html .sign-in-htm,
  .login-html .sign-up-htm{
      top:0;
      left:0;
      right:0;
      bottom:0;
      position:absolute;
      transform:rotateY(180deg);
      backface-visibility:hidden;
      transition:all .4s linear;
  }
  .login-html .sign-in,
  .login-html .sign-up,
  .login-form .group .check{
      display:none;
  }
  .login-html .tab,
  .login-form .group .label,
  .login-form .group .button{
      text-transform:uppercase;
  }
  .login-html .tab{
      font-size:22px;
      margin-right:15px;
      padding-bottom:5px;
      margin:0 15px 10px 0;
      display:inline-block;
      border-bottom:2px solid transparent;
  }
  .login-html .sign-in:checked + .tab,
  .login-html .sign-up:checked + .tab{
      color:#fff;
      border-color:#1161ee;
  }
  .login-form{
      min-height:345px;
      position:relative;
      perspective:1000px;
      transform-style:preserve-3d;
  }
  .login-form .group{
      margin-bottom:15px;
  }
  .login-form .group .label,
  .login-form .group .button{
      width:100%;
      color:#fff;
      display:block;
  }
  .login-form .group .input{
      width:100%;
      color:#fff;
      display:block;
      font-size:15px;
  }
  .login-form .group .input,
  .login-form .group .button{
      border:none;
      padding:15px 20px;
      border-radius:25px;
      background:rgba(255,255,255,.1);
  }
  .login-form .group input[data-type="password"]{
      -webkit-text-security:circle;
  }
  .login-form .group .label{
      color:#aaa;
      font-size:12px;
  }
  .login-form .group .button{
      background:#1161ee;
  }
  .login-form .group label .icon{
      width:15px;
      height:15px;
      border-radius:2px;
      position:relative;
      display:inline-block;
      background:rgba(255,255,255,.1);
  }
  .login-form .group label .icon:before,
  .login-form .group label .icon:after{
      content:'';
      width:10px;
      height:2px;
      background:#fff;
      position:absolute;
      transition:all .2s ease-in-out 0s;
  }
  .login-form .group label .icon:before{
      left:3px;
      width:5px;
      bottom:6px;
      transform:scale(0) rotate(0);
  }
  .login-form .group label .icon:after{
      top:6px;
      right:0;
      transform:scale(0) rotate(0);
  }
  .login-form .group .check:checked + label{
      color:#fff;
  }
  .login-form .group .check:checked + label .icon{
      background:#1161ee;
  }
  .login-form .group .check:checked + label .icon:before{
      transform:scale(1) rotate(45deg);
  }
  .login-form .group .check:checked + label .icon:after{
      transform:scale(1) rotate(-45deg);
  }
  .login-html .sign-in:checked + .tab + .sign-up + .tab + .login-form .sign-in-htm{
      transform:rotate(0);
  }
  .login-html .sign-up:checked + .tab + .login-form .sign-up-htm{
      transform:rotate(0);
  }
  
  .hr{
      height:2px;
      margin:60px 0 50px 0;
      background:rgba(255,255,255,.2);
  }
  .foot-lnk{
      text-align:center;
  }