@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap");.loginFormWrap{padding:20px 0}.formArea{background:#f2f2f2;text-align:center;padding:50px}.formArea .title{font-family:"open_sanslight";font-size:30px;color:#333333;margin-bottom:45px}.formArea .ForgottenLink{font-family:"open_sanslight";font-size:14px;color:#7f7f7f;text-decoration:underline;font-style:italic}.formArea .btn-login{width:100%;background:#33363a;font-size:20px;font-family:"open_sanslight";color:#fff;text-transform:uppercase;-webkit-box-shadow:0 7px 16px 5px rgba(29,60,73,0.3);box-shadow:0 7px 16px 5px rgba(29,60,73,0.3);padding:0.8rem 2rem;border-radius:6px}.formArea .notAccountText{font-family:"open_sansregular";font-size:16px;color:#363636}.formArea .notAccountText a{font-family:"open_sansregular";font-size:16px;text-decoration:underline;color:#363636}.formArea .btn-account,.formArea .btn-facebook,.formArea .btn-google,.formArea .btn-apple{font-family:"open_sanssemibold";font-size:20px;padding:0.6rem 1rem}.formArea .btn-account img,.formArea .btn-facebook img,.formArea .btn-google img,.formArea .btn-apple img{max-height:30px;width:auto}.formArea .btn-facebook,.formArea .btn-google,.formArea .btn-apple{margin:0 5px}.formArea .btn-block+.btn-block{margin-top:1.5rem}.formArea .orText{font-family:"open_sanssemibold";font-size:22px;color:#363636;margin:40px 0 20px 0}.formArea .btn-account{background:#33363a;color:#fff;text-transform:uppercase}.formArea .btn-facebook{background:#3578eb;color:#fff}.formArea .btn-google{background-color:#ffffff;color:#5186ec;border:none;-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);box-shadow:0 1px 2px 0 rgba(0,0,0,0.5);border-radius:3px;font-size:14px;color:#000;font-family:"Roboto", sans-serif;padding:0.32rem 0.5rem}.formArea .btn-google img{max-width:18px;margin-right:18px}.formArea .btn-apple{background:#000000;color:#fff}.bannerArea{background:url(../images/loginBannerImg.jpg?v2) bottom center no-repeat;background-size:cover;min-height:100%}.bannerArea.register{background:url(../images/registerBannerImg.jpg?v2) bottom center no-repeat;background-size:cover}.newField{position:relative}.newField label{font-size:18px;font-family:"open_sanslight";color:#9d9d9d}.newField .input-group-text{background-color:#fff;border:none;padding:0 0.8rem !important}.newField .form-control#password,.newField .form-control#confirmPassword,.newField .form-control#currentPassword,.newField .form-control#newPassword{border-bottom-right-radius:0px !important;border-top-right-radius:0px !important}.newField .form-control#password+button,.newField .form-control#confirmPassword+button,.newField .form-control#currentPassword+button,.newField .form-control#newPassword+button{border:0;background:#fff;display:flex;align-items:center;border-bottom-right-radius:6px !important;border-top-right-radius:6px !important}.newField .form-control:not(textarea){padding:0.5rem 0;border:none;height:58px;font-size:18px;font-family:"open_sanslight";border-top-right-radius:6px !important;border-bottom-right-radius:6px !important;padding-right:15px;background-color:#fff}.newField .form-control:not(textarea)::placeholder{color:#9d9d9d}.newField input:-webkit-autofill,.newField input:-webkit-autofill:hover,.newField input:-webkit-autofill:focus,.newField textarea:-webkit-autofill,.newField textarea:-webkit-autofill:hover,.newField textarea:-webkit-autofill:focus,.newField select:-webkit-autofill,.newField select:-webkit-autofill:hover,.newField select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0px 1000px #fff inset;transition:background-color 5000s ease-in-out 0s}.newField select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../images/NewFieldselectArrow.png) right center no-repeat;background-size:12px auto;background-position-x:90%;padding:1rem}.newField select.form-control::-ms-expand{display:none}.newField.input-group-lg .input-group-text{border-top-left-radius:6px;border-bottom-left-radius:6px;left:4px;position:relative}.newField .error-textBlock{flex:0 0 100%}.newField .error-text{position:relative;bottom:auto;left:auto;display:block;padding-top:5px;text-align:left;font-size:13px}.newFieldIcon{background:url(../images/NewFieldIcon.png?V4) center center no-repeat;height:30px;width:28px;display:inline-block;background-size:500px auto}.newFieldIcon-email{background-position:0 0}.newFieldIcon-passwordEye{background-position:-421px 0 !important}.newFieldIcon-passwordEye.showPassword{background-position:-456px 0 !important}.newFieldIcon-password{background-position:-27px 0}.newFieldIcon-name{background-position:-53px 0}.newFieldIcon-referal-code{background-position:-382px 0}.loginModal .loginFormWrap,.loginModal .modal-body{padding:0}.loginModal .close{position:absolute;top:15px;right:15px;z-index:99;opacity:1;background-color:transparent;border:0}.loginModal .close:not(:disabled):not(.disabled):hover,.loginModal .close:not(:disabled):not(.disabled):focus{opacity:1}.loginModal .alert-danger .close{top:0;right:0}@media only screen and (max-width: 812px){.formArea{padding:20px}}@media only screen and (max-width: 768px){.loginFormWrap{padding:0;flex-flow:column-reverse}.loginFormWrap .col-sm-12.col-md-6{flex:0 0 100%;max-width:100%;padding:0}.formArea{padding:30px}.formArea .btn-login{display:block;width:100%}.formArea .title{font-size:24px;margin-bottom:30px;font-family:"open_sanssemibold"}.bannerArea,.bannerArea.register{background:url(../images/loginBannerImgMobile.jpg?v1) bottom center no-repeat;height:480px;background-size:cover}.loginFormWrap .bannerAreaBlock{display:none}.loginFormWrap .formAreaBlock{flex:0 0 100%;max-width:100%;padding-right:15px !important}.loginModal .close{background:#252525;padding:10px;top:1px;right:1px}.loginModal .modal-content{background:#f2f2f2}.loginModal .modal-body{padding:15px}}.dobBlock .error-textBlock{margin-left:5px}@media only screen and (max-width: 768px){.loginModal .close{padding:5px;height:25px;width:25px;line-height:14px}}@media only screen and (max-width: 575px){.bannerArea,.bannerArea.register{height:356px}.moSpaceBOttom{margin-bottom:1.5rem}.moSpaceBOttom:last-child{margin-bottom:0}.newField select.form-control{background-position-x:96%}}@media only screen and (max-width: 425px){.bannerArea,.bannerArea.register{height:270px}}@media only screen and (max-width: 375px){.bannerArea,.bannerArea.register{height:230px}}