:root{--mdc-theme-primary:$primary-color}body.login-page,body.signup-page{background-image:url(https://oufok.com/dist/img/sign-in-background.jpg);background-repeat:no-repeat;background-size:cover}body.signup-page{background-attachment:fixed}body.account-delete-page{font-size:1.6rem;line-height:1.88}body.account-delete-page h1{font-size:3rem;margin-bottom:1.4rem}body.account-delete-page .account-deletion-content{padding-top:4rem}body.account-delete-page fieldset legend{font-weight:700;margin-top:.5rem;margin-bottom:.4rem}body.account-delete-page .ofk-check-group{margin-bottom:.8rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}body.account-delete-page .ofk-check-group input{margin-top:0;cursor:pointer;margin-bottom:.3rem}body.account-delete-page .ofk-check-group label{margin-bottom:0;margin-right:1rem;cursor:pointer}body.account-delete-page .ofk-btn-primary{font-size:1.5rem;padding:.5rem 4rem}body.account-delete-page .ofk-alert-section{margin-top:1rem}body.account-delete-page .ofk-alert-section ul{list-style:square inside none}body.account-delete-page .ofk-alert-section .alert{padding-top:1.2rem}#registerForm .reg-input{margin-top:.8rem;margin-bottom:.5rem;height:4rem}#registerForm .step-div{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:.4rem}#registerForm .step-div>*{display:inline-block}#registerForm .step-div .step-number{width:20px;height:20px;border-radius:7px;background-color:#005598;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#registerForm .step-div .ofk-header{font-size:1.6rem;margin:0 .5rem}#registerForm .reg-input-hint{font-size:1.35rem}#registerForm .reg-validation-container{margin-top:.8rem;font-size:1.4rem}#registerForm .reg-validation-container .error{color:#8b0000}#registerForm .reg-validation-container .green{color:#004605}#registerForm .reg-validation-container .reg-validation-icon{margin:0 .4rem}#registerForm .reg-unset-list ul{margin:6px 0 0;display:block;list-style-type:none;-webkit-margin-before:4px;-webkit-margin-after:2px;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0}#registerForm #original-password-container .error-list{font-size:1.4rem;color:#975400;margin-top:.8rem}#registerForm .or-login-block{font-size:1.4rem}#registerForm .birthdate-container select{height:100%;width:33.33%;background-color:#fff;border:none;font-size:1.5rem;text-align:center;padding:0 .4rem}#registerForm .birthdate-container #fos_user_registration_form_dateOfBirth_day,#registerForm .birthdate-container #fos_user_registration_form_dateOfBirth_month{border-left:1px solid #ced4da}#registerForm .label-container{height:3.5rem;font-size:1.44rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;color:#4a4f59}#registerForm .label-container label{margin-bottom:0}#registerForm .input-align-right .reg-input{text-align:right}#login-modal-container,.landing-page-register-block,.login-page{font-size:1.2rem}#login-modal-container .form-control,.landing-page-register-block .form-control,.login-page .form-control{min-height:4rem;text-align:right}#login-modal-container #log-enter-info-hint,.landing-page-register-block #log-enter-info-hint,.login-page #log-enter-info-hint{font-size:1.35rem}#login-modal-container .ofk-input-icon,.landing-page-register-block .ofk-input-icon,.login-page .ofk-input-icon{min-width:3rem;margin-right:auto;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}#login-modal-container div#loginForm,.landing-page-register-block div#loginForm,.login-page div#loginForm{padding-top:4rem;max-width:42.2rem}#login-modal-container .under-fields-block,.landing-page-register-block .under-fields-block,.login-page .under-fields-block{text-align:start}#login-modal-container .remember-data,#login-modal-container .show-password,.landing-page-register-block .remember-data,.landing-page-register-block .show-password,.login-page .remember-data,.login-page .show-password{padding:.2rem;font-size:1.35rem;color:#455a64}#login-modal-container .last-section,.landing-page-register-block .last-section,.login-page .last-section{font-size:1.5rem;color:#000}#login-modal-container .forgot-pw,.landing-page-register-block .forgot-pw,.login-page .forgot-pw{text-align:start;font-size:1.3rem}.register-content{max-width:80rem;padding-top:4rem}.general-login-button,.login-form button.login-button,.register-block .signup-button{width:100%;height:40px;background:#005598;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:4px;border:none;color:#fff;font-weight:700;text-transform:uppercase;font-size:1.4rem;outline:none;cursor:pointer;-webkit-box-shadow:0 4px 2px -2px grey;box-shadow:0 4px 2px -2px grey}.signup-button:disabled{background:#c2c2c2;cursor:default}.login-form button.login-button:hover{background:#fb8c00}.login-block,.register-block{background-color:#fff;border-radius:15px;padding:20px 50px}.login-page .login-block,.signup-page .register-block{background-color:#fff;border-radius:15px;-webkit-box-shadow:0 0 22px 6px #dee0e0;box-shadow:0 0 22px 6px #dee0e0;padding:2rem 5rem}@media only screen and (max-width:544px){.login-page .login-block,.signup-page .register-block{padding:2rem}}.social-buttons{margin-top:15px;margin-bottom:35px}.login-or,.register-or{margin-top:2em;margin-bottom:2em}.login-or .or-with-line,.register-or .or-with-line{position:relative;font-size:2.1rem;color:#000}.login-or .or-with-line .hr-or,.register-or .or-with-line .hr-or{background-color:#fff;height:1px;margin-top:0!important;margin-bottom:0!important}.login-or .or-with-line .span-or,.register-or .or-with-line .span-or{display:block;position:absolute;left:0;right:0;top:-.6em;margin:0 auto;background-color:#fff;width:3em;text-align:center}div.social-wrap.b button{padding-right:45px;height:35px;background:none;display:block;background-size:25px 25px,cover;background-position:170px,50%;background-repeat:no-repeat,repeat;border-radius:4px;color:#fff;font-size:1.4rem;margin-bottom:15px;width:205px;border:1px solid transparent;border-top:none;border-bottom:2px solid transparent;-webkit-box-shadow:0 4px 2px -2px grey;box-shadow:0 4px 2px -2px grey;text-shadow:rgba(0,0,0,.4) -1px -1px 0}div.social-wrap.b>.facebook{background:url(http://aroosamanzar.com/uploads/images/facebook-logo-png-white-i6.png),-webkit-gradient(linear,left top,left bottom,color-stop(0,#4c74c4),color-stop(100%,#3b5998));background-size:25px 25px,cover;background-position:170px,50%;background-repeat:no-repeat,repeat}div.social-wrap.b button em{font-size:1.8rem;letter-spacing:1px;margin-right:4px;margin-left:4px}div.social-wrap.c button{padding-left:35px;padding-right:0;height:35px;background:none;display:block;background-size:25px 25px,cover;background-position:10px,50%;background-repeat:no-repeat,repeat;border-radius:4px;color:#fff;font-size:1.4rem;margin-bottom:15px;width:205px;border:1px solid transparent;border-top:none;border-bottom:2px solid transparent;-webkit-box-shadow:0 4px 2px -2px grey;box-shadow:0 4px 2px -2px grey;text-shadow:rgba(0,0,0,.4) -1px -1px 0}div.social-wrap.c>.facebook{background:url(http://aroosamanzar.com/uploads/images/facebook-logo-png-white-i6.png),-webkit-gradient(linear,left top,left bottom,color-stop(0,#4c74c4),color-stop(100%,#3b5998));background-size:25px 25px,cover;background-position:10px,50%;background-repeat:no-repeat,repeat}div.social-wrap.c button em{font-size:1.8rem;letter-spacing:1px;margin-right:4px;margin-left:4px}.full-width-green-btn{width:100%;height:40px;background:#4caf50;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #4caf50;color:#fff;font-weight:700;text-transform:uppercase;font-size:1.4rem;outline:none;cursor:pointer}.full-width-green-btn:hover{background-color:#45a049}.markety-form .progress{margin-bottom:2px}.progress-bar{color:#333}.full-height{height:100%}.right-align{text-align:right}.center-text{text-align:center}.attr-for-register{color:grey;font-size:1.4rem}#result{padding-top:5%}body.account-activation-page #btn-send-activation-email.btn{font-size:16px;padding:6px 12px}body.account-activation-page form{padding:4px}body.account-activation-page .ofk-date{display:inline-block;direction:ltr;font-weight:700}.gsi-material-button{background-color:#fff;background-image:none;border:1px solid #747775;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-size:14px;font-weight:700;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;-webkit-transition:background-color .218s,border-color .218s,-webkit-box-shadow .218s;transition:background-color .218s,border-color .218s,-webkit-box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s,-webkit-box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:600px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:hsla(0,0%,100%,.3803921569);border-color:rgba(31,31,31,.1215686275)}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:1%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:1%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:1%}body.social-complete-info-page{font-size:1.6rem;line-height:1.88}body.social-complete-info-page .social-registration-welcome-content{padding-top:4rem}body.social-complete-info-page .alert{margin-top:1rem}body.social-complete-info-page .ofk-comp{margin-top:1rem;padding:1.5rem 2rem}body.social-complete-info-page .ofk-comp .ofk-comp-title{font-size:1.8rem;font-weight:700;color:#212529}body.social-complete-info-page .ofk-comp .ofk-comp-title i{margin-left:.4rem;color:#000}body.social-complete-info-page .ofk-comp .ofk-comp-subtitle{font-size:1.6rem;color:#52575c}body.social-complete-info-page .ofk-comp .ofk-comp-subtitle.ofk-complete-subtitle{font-style:italic}body.social-complete-info-page .ofk-comp .ofk-complete i.fa.fa-check{color:green}body.social-complete-info-page .ofk-comp .ofk-complete .ofk-chosen-username{font-weight:700}body.social-complete-info-page .ofk-comp form{margin-top:.8rem}body.social-complete-info-page .ofk-comp form label{margin-bottom:.3rem}body.social-complete-info-page .ofk-comp form input{min-height:3.6rem;font-size:1.6rem;padding:.4rem 1rem}body.social-complete-info-page .ofk-comp form .form-control.is-invalid,body.social-complete-info-page .ofk-comp form .was-validated .form-control:invalid{padding-right:calc(1.5em + .75rem)}body.social-complete-info-page .ofk-comp form input[type=button],body.social-complete-info-page .ofk-comp form input[type=submit]{font-size:1.6rem;padding:.6rem 1.5rem .2rem;margin-left:.6rem}body.social-complete-info-page .ofk-comp form span.invalid-feedback{font-size:1.5rem;color:#dc3545}body.social-complete-info-page .ofk-comp form span.invalid-feedback .form-error-icon.badge{padding:.5rem .6rem .1rem;line-height:1.6rem;font-size:1.3rem}body.social-complete-info-page .ofk-comp form .ofk-btns-row{margin-top:1.2rem}body.social-complete-info-page .ofk-comp #ofk-password-validation-msg,body.social-complete-info-page .ofk-comp #ofk-username-validation-msg{font-size:1.5rem;display:block;margin-top:.6rem}body.social-complete-info-page .ofk-comp #ofk-password-validation-msg.error,body.social-complete-info-page .ofk-comp #ofk-username-validation-msg.error{color:#dc3545}body.social-complete-info-page .ofk-comp #ofk-password-validation-msg.green,body.social-complete-info-page .ofk-comp #ofk-username-validation-msg.green{color:green}body.social-complete-info-page .ofk-comp form[name=set_password_form] label{margin-bottom:.1rem}body.social-complete-info-page .ofk-comp form[name=set_password_form] .progress{margin-top:.5rem;margin-bottom:2px}body.social-complete-info-page .ofk-comp form[name=set_password_form] .error-list{font-size:1.5rem;color:#ff9800;margin-top:.8rem}body.social-complete-info-page .ofk-comp.comp-set-username{background-color:#f6fafc}body.social-complete-info-page .ofk-comp.comp-set-password{background-color:#f5fcff}body.social-complete-info-page .ofk-comp.comp-set-profile-info{background-color:#f5f8fc}body.social-complete-info-page .ofk-complete-profile-info-list{counter-reset:li;list-style-type:none;font-size:1.6rem;line-height:2rem;padding-right:1rem}body.social-complete-info-page .ofk-complete-profile-info-list li{position:relative;padding:.5rem 3.6rem .5rem 0;margin-top:1.2rem;line-height:2.6rem}body.social-complete-info-page .ofk-complete-profile-info-list li:before{content:counter(li);counter-increment:li;font-size:1.5rem;height:2.6rem;width:2.6rem;line-height:2.6rem;border:2px solid rgba(0,85,152,.9);border-radius:50%;color:#fff;background-color:#005598;text-align:center;position:absolute;right:0;top:4px}body.social-complete-info-page .ofk-complete-profile-info-list li a{font-weight:700}body.social-complete-info-page .trailer-buttons-row{text-align:center}body.social-complete-info-page .trailer-buttons-row .btn.ofk-take-me-out{font-size:1.6rem;color:#fff;margin-top:1.8rem;padding:1rem 3rem}