.container{width:80%;margin:auto}@media only screen and (max-width: 768px){.container{width:99%}}.row{display:flex}@media only screen and (max-width: 512px){.row{display:block}}.row .col{flex:1;padding:0 15px}.row .col:first-child{padding-left:0}.row .col:last-child{padding-right:0}.row .col.col-2{flex:2}.row .col.col-3{flex:3}.row .col.col-4{flex:4}.row .col.col-5{flex:5}.row .col.col-6{flex:6}h1{margin:0 0 25px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;background:#fff;opacity:1}body{line-height:1.6;font-family:sans-serif}.btn,input[type="submit"]{display:block;width:max-content;padding:9px 15px;border:none;border-radius:4px;text-transform:uppercase;transition:.4s;cursor:pointer}.btn.btn-primary,input.btn-primary[type="submit"]{background:#003552;color:#fff}.btn.btn-primary:hover,input.btn-primary[type="submit"]:hover{background:#00141f}.btn.btn-secondary,input[type="submit"]{background:#00bfff;color:#fff}.btn.btn-secondary:hover,input[type="submit"]:hover{background:#09c}.btn.btn-grey,input.btn-grey[type="submit"]{background:#999;color:#fff}.btn.btn-grey:hover,input.btn-grey[type="submit"]:hover{background:gray}.hide,.login-container .methods .provider{margin:0;padding:0;box-sizing:border-box;position:relative;z-index:-99;max-height:0;opacity:0;transition:.4s}input,select{display:block;border:2px solid #999;width:100%;height:40px;padding:0 8px;color:#444;font-size:16px;margin:8px 0 15px}.authorize-container,.error-container{max-width:530px;margin:auto;padding:45px 15px}.authorize-container>img,.error-container>img{display:block;margin:30px auto;height:auto;max-height:150px;max-width:100%}.authorize-container h3,.error-container h3{font-size:24px;margin:0 0 25px}.authorize-container p,.error-container p{font-size:19px;margin:0 0 15px}.authorize-container .scope ul,.error-container .scope ul{width:280px;margin:auto;list-style:none}.authorize-container .scope ul li,.error-container .scope ul li{text-align:left;position:relative;padding-bottom:7px}.authorize-container .scope ul li::before,.error-container .scope ul li::before{position:absolute;top:6px;left:-20px;width:10px;height:10px;border-radius:50%;background:#003552;content:""}.login-container{width:90%;max-width:600px;margin:0 auto;background:#fff;text-align:center;transition:.4s}@media only screen and (max-width: 768px){.login-container{top:20px;width:100%;min-width:1px;max-width:none;padding:25px 15px 30px}}.login-container .image-container{padding:55px 0}@media only screen and (max-width: 768px){.login-container .image-container img{width:200px}}.login-container .methods .provider.selected{position:static;max-height:none;opacity:1}.login-container .scope{display:none}.login-container .scope ul{margin:0;padding:0;box-sizing:border-box;list-style:none}.login-container input,.login-container .btn,.login-container input[type="submit"]{font-size:17px}.login-container input[type="submit"],.login-container .btn,.login-container input[type="submit"]{height:auto;padding:6px 15px;border:none}.login-container .form-container button[type="submit"]{margin:auto}.button-container.center *{text-align:center;margin:20px auto}p{margin:0 0 25px;font-size:17px}