html,body{height:100%;margin:0;display:flex;justify-content:center;align-items:center}.centered-div{max-width:350px;width:100%;padding:20px;text-align:center;border-radius:10px}.login-17 h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:sans-serif}.login-17 .form-section{min-height:100vh;position:relative;text-align:center;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;padding:15px 0;background:#fff}.login-17 .form-inner{max-width:400px;width:100%;margin:0 30px;text-align:center}.login-17 .bg-img{top:0;bottom:0;opacity:1;width:100%;z-index:999;min-height:496px;position:relative;display:flex;justify-content:center;align-items:center;padding:30px 50px}.login-17 .form-section .extra-login{float:left;width:100%;text-align:center;position:relative}.login-17 .form-section .extra-login::before{position:absolute;left:0;top:10px;width:100%;height:1px;background:#e4e4e4;content:""}.login-17 .form-section .extra-login > span{width:auto;float:none;display:inline-block;padding:1px 20px;z-index:1;position:relative;font-family:Open Sans;font-size:15px;color:#717171;text-transform:capitalize;background:#fff}.login-17 .pad-0{padding:0}.login-17 .form-section p{color:#dadada;margin-bottom:0;text-align:center;font-size:15px}.login-17 .form-section p{color:#717171;margin-bottom:0;font-size:16px;font-weight:500}.login-17 .form-section p a{font-weight:500;color:#717171}.login-17 .form-section ul{list-style:none;padding:0;margin:0 0 20px}.login-17 .form-section .thembo{margin-left:4px}.login-17 .form-section h3{margin:0 0 15px;font-size:21px;font-weight:400;color:#000}.login-17 .form-section .form-group{margin-bottom:15px}.login-17 .form-section .form-box{float:left;width:100%;text-align:left;position:relative}.login-17 .form-section .form-box input{float:left;width:100%}.login-17 .form-section .input-text{padding:15.5px 20px;font-size:16px;outline:none;color:#616161;border-radius:3px;font-weight:500;border:1px solid transparent;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2)}.login-17 .form-section img{margin-bottom:5px}.login-17 .form-section .form-box i{position:absolute;top:10px;right:20px;font-size:23px;color:#616161}.login-17 .form-section .checkbox .terms{margin-left:3px}.login-17 .form-section .btn-md{cursor:pointer;padding:15.5px 50px 14.5px 50px;font-size:17px;font-weight:400;font-family:'Jost',sans-serif;border-radius:50px}.login-17 .form-section button:focus{outline:none;outline:0 auto -webkit-focus-ring-color}.login-17 .form-section .btn-theme.focus,.btn-theme:focus{box-shadow:none}.login-17 .form-section .btn-theme{background:rgb(16,131,254);box-shadow:0 0 5px rgba(0,0,0,0.2);border:none;color:#fff;border-radius:3px;font-weight:400}.login-17 .form-section .btn-theme:hover{opacity:.95}.login-17 .none-2{display:none}.login-17 .form-section .terms{margin-left:3px}.login-17 .form-section .checkbox{font-size:14px}.login-17 .form-section .form-check{float:left;margin-bottom:0}.login-17 .form-section .form-check a{color:#717171;float:right}.login-17 .form-section .form-check-input{position:absolute;margin-left:0}.login-17 .form-section .form-check label::before{content:"";display:inline-block;position:absolute;width:18px;height:18px;top:2px;margin-left:-25px;border:1px solid #c5c3c3;border-radius:3px;background-color:#fff}.login-17 .form-section .form-check-label{padding-left:25px;margin-bottom:0;font-size:16px;font-weight:500;color:#717171}.login-17 .form-section a.forgot-password{font-size:16px;color:#717171;float:right}.login-17 .logo img{margin-bottom:15px;height:36px}.login-17 .info{max-width:590px;padding:10px 20px}.login-17 .info h1{color:#fff;margin-bottom:40px;font-family:'Jost',sans-serif;font-size:50px}.login-17 .info h1 span{color:#fff}.login-17 .info p{color:#e6e6e6;line-height:28px}.login-17 .form-section ul{list-style:none;padding:0;margin:0 0 20px}.login-17 .social-list{padding:0;text-align:center}.login-17 .social-list li{display:inline-block}.login-17 .social-list li a{margin:1px;font-size:14px;font-weight:500;width:110px;height:40px;line-height:40px;border-radius:0;display:inline-block;text-align:center;color:#fff}.login-17 .social-list li a:hover{text-decoration:none}.login-17 .facebook-bg{background:#4867aa}.login-17 .facebook-bg:hover{background:#3d5996;color:#fff}.login-17 .twitter-bg{background:#3CF}.login-17 .twitter-bg:hover{background:#56d7fe}.login-17 .google-bg{background:#db4437}.login-17 .google-bg:hover{background:#dc4e41}.g_id_signin{transform:scale(1.2);transform-origin:center;margin:0 auto;display:block;*/}#g_id_onload{display:flex;justify-content:center}.jsTogglePassword i{margin-top:.5rem}@media (max-width:1500px){.login-17 .form-section{width:100%}.login-17 .form-section{justify-content:center;align-items:center;padding:15px 0;border-radius:0;border:none}.login-17 .bg-img{min-height:100%;border-radius:5px}.none-992{display:none!important}}@media (max-width:768px){.login-17 .form-inner{margin:0 15px}}