body{font-family:"Roboto",sans-serif;color:#535353}.img-fluid{max-width:100% !important;height:auto}.form-control:focus{box-shadow:none}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Roboto",sans-serif}.login-wrapper{background:rgba(0,0,0,.04) url(../images/bg-image-7.jpg) top left repeat;background-size:cover;top:0;width:100%;text-align:center;bottom:0;opacity:1;z-index:999;min-height:100vh;position:relative;display:flex;justify-content:center;align-items:center;padding:30px 0}.login-wrapper .form-section{max-width:440px;margin:0 auto;padding:30px;background:#fff;border-radius:5px;box-shadow:0 0 35px rgba(0,0,0,.1)}.login-wrapper .form-section p{color:#616161;margin-bottom:0;text-align:center;font-size:14px}.login-wrapper .form-section p a{color:#616161;font-weight:500}.login-wrapper .form-section .extra-login{float:left;width:100%;margin:25px 0 25px;text-align:center;position:relative}.login-wrapper .form-section .extra-login::before{position:absolute;left:0;top:10px;width:100%;height:1px;background:#d8dcdc;content:""}.login-wrapper .form-section .extra-login>span{width:auto;float:none;display:inline-block;background:#fff;padding:1px 20px;z-index:1;position:relative;font-family:Open Sans;font-size:13px;color:#616161;text-transform:capitalize}.login-wrapper .form-section ul{list-style:none;padding:0;margin:0 0 20px}.login-wrapper .form-section .social-list li{display:inline-block;margin-bottom:5px}.login-wrapper .logo img{margin-bottom:20px;height:90px}.login-wrapper .form-section .social-list li a{font-size:12px;font-weight:600;width:120px;margin:2px 0 3px 0;height:35px;line-height:35px;border-radius:20px;display:inline-block;text-align:center;text-decoration:none;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}.login-wrapper .form-section .social-list li a i{height:35px;width:35px;line-height:35px;float:left;color:#fff;border-radius:20px}.login-wrapper .form-section .social-list li a span{margin-right:7px}.login-wrapper .form-section .thembo{margin-left:4px}.login-wrapper .form-section h3{margin:0 0 25px;font-size:20px;font-weight:400;font-family:"Roboto",sans-serif;color:#e31145;text-align:center}.login-wrapper .form-section .form-group{margin-bottom:25px}.login-wrapper .form-section .form-box{float:left;width:100%;position:relative}.login-wrapper .form-section .form-box input{float:left;width:100%;padding:11px 20px 11px 20px}.login-wrapper .form-section .input-text{font-size:14px;outline:none;background:#fff;color:#000;border-radius:3px;border:1px solid #000}.login-wrapper .form-section .checkbox .terms{margin-left:3px}.login-wrapper .form-section .btn-md{cursor:pointer;padding:12px 50px 11px 50px;letter-spacing:1px;font-size:15px;font-weight:400;font-family:"Roboto",sans-serif;border-radius:3px}.login-wrapper .form-section input[type=checkbox],input[type=radio]{margin-right:3px}.login-wrapper .form-section button:focus{outline:none;outline:0 auto -webkit-focus-ring-color}.login-wrapper .form-section .btn-theme.focus,.btn-theme:focus{box-shadow:none}.login-wrapper .form-section .btn-theme{background:#e31145;box-shadow:0 0 5px rgba(0,0,0,.2);border:none;color:#fff}.login-wrapper .form-section .btn-theme:hover{box-shadow:0 0 35px rgba(0,0,0,.2)}.login-wrapper .none-2{display:none}.login-wrapper .form-section .terms{margin-left:3px}.login-wrapper .form-section .checkbox{margin-bottom:20px;font-size:14px}.login-wrapper .form-section .form-check{float:left;margin-bottom:0}.login-wrapper .form-section .form-check a{color:#616161;float:right}.login-wrapper .form-section .form-check-input{position:absolute;margin-left:0}.login-wrapper .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-wrapper .form-section .form-check-label{padding-left:25px;margin-bottom:0;font-size:14px;color:#616161}.login-wrapper .form-section .checkbox-theme input[type="checkbox"]:checked+label::before{background-color:#00a875;border-color:#00a875}.login-wrapper .form-section input[type=checkbox]:checked+label:before{font-weight:300;color:#f3f3f3;line-height:15px;font-size:14px;content:"✓"}.login-wrapper .form-section input[type=checkbox],input[type=radio]{margin-top:4px}.login-wrapper .form-section a.forgot-password{font-size:14px;color:#616161;float:right;line-height:45px}.login-wrapper .facebook-i{background:#4867aa;color:#fff}.login-wrapper .twitter-i{background:#3cf;color:#fff}.login-wrapper .google-i{background:#db4437;color:#fff}.login-wrapper .facebook-color{color:#4867aa}.login-wrapper .twitter-color{color:#3cf}.login-wrapper .google-color{color:#db4437}@media(max-width:500px){.login-wrapper .form-section .social-list li a i{display:none}.login-wrapper .form-section .social-list li a{width:100px}}