/*log in pop up registration*/

#lp-popup label#jform_name-lbl,
#lp-popup label#jform_username-lbl,
#lp-popup label#jform_password1-lbl,
#lp-popup label#jform_password2-lbl,
#lp-popup label#jform_email1-lbl,
#lp-popup label#jform_email2-lbl { 
    display: none;
}
#lp-popup input#register_btn, #lp-popup input#login_btn {
    background: #f9f9f9 !Important;
    color:  #353639 !Important;
    border-bottom: 1px solid #353639!Important;
    border-radius: 0px !Important;
    border: none;
    padding: 5px 20px;
}
#lp-popup input#register_btn:active,
#lp-popup input#register_btn.active,
#lp-popup input#register_btn:hover,
#lp-popup input#register_btn:focus,
#lp-popup input#login_btn:active,
#lp-popup input#login_btn.active,
#lp-popup input#login_btn:hover,
#lp-popup input#login_btn:focus {
    background:  #353639 !Important;
    color: #ffffff !Important;
    border-bottom: 1px solid  #353639 !Important;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding: 5px 20px;
}
#lp-popup input#register_btn:active,
#lp-popup input#register_btn.active, 
#lp-popup input#register_btn:hover,
#lp-popup input#register_btn:focus, 
#lp-popup input#login_btn:active, 
#lp-popup input#login_btn:hover {
    background: #353639 !Important;
    color: #ffffff !Important;
    border-bottom: 1px solid #353639 !Important;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding: 5px 20px;
}
.lp-wrapper {
    top: 50px !important;
}
button.btn.btn-primary.validate,
button.btn.btn-primary {
    color: #ffffff !important;
    background-color: #000 !important;
    padding: 8px 24px!important;
    border: 2px solid;
    border-radius: 0 !Important;
    border-color: #000 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
    cursor: pointer;
}
button.btn.btn-primary.validate:hover, form#loginform button.btn.btn-primary:hover,
button.btn.btn-primary.validate:focus, form#loginform button.btn.btn-primary:focus,
button.btn.btn-primary:hover, form#loginform button.btn.btn-primary:hover,
button.btn.btn-primary:focus, form#loginform button.btn.btn-primary:focus {
    color: #ffffff !important;
    background-color: #000000 !important;
}
a#cancel {
    color: #ffffff !important;
    background-color: #232323;
    padding: 8px 24px!important;
    border: 2px solid;
    border-radius: 0px;
    text-decoration: none;
    border-color: #232323 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
    cursor: pointer;
    line-height: 1.3;
}
a#cancel:hover, a#cancel:focus {
    color: #232323 !Important;
    background-color: #23232300;
    border-color: #232323 !important;
}
.lp-button-wrapper ul.lp-link-wrapper {
    float: left;
    margin-top: 10px;
}
.com-users .new-account-link a {
    text-decoration: underline;
}
.lp-register-intro a:hover, .lp-button-wrapper ul.lp-link-wrapper li a:hover {
    color: #353639;
}
.lp-wrapper h3 {
    text-transform: capitalize;
}
button.lp-button {
    background: #000;
    transition:  0.3s;
}
button.lp-button:hover {
    opacity: 0.8;
    background: #000;
}

div#lp-popup label {
    color: #000;
}
.lp-left {
    width: 100%;
}



/*log in pop up registration*/

#lp-popup label#jform_name-lbl,
#lp-popup label#jform_username-lbl,
#lp-popup label#jform_password1-lbl,
#lp-popup label#jform_password2-lbl,
#lp-popup label#jform_email1-lbl,
#lp-popup label#jform_email2-lbl { 
    display: none;
}
#lp-popup input#register_btn, #lp-popup input#login_btn {
    background: #f9f9f9 !Important;
    color:  #353639 !Important;
    border-bottom: 1px solid #353639!Important;
    border-radius: 0px !Important;
    border: none;
    padding: 5px 20px;
}
#lp-popup input#register_btn:active,
#lp-popup input#register_btn.active,
#lp-popup input#register_btn:hover,
#lp-popup input#register_btn:focus,
#lp-popup input#login_btn:active,
#lp-popup input#login_btn.active,
#lp-popup input#login_btn:hover,
#lp-popup input#login_btn:focus {
    background:  #353639 !Important;
    color: #ffffff !Important;
    border-bottom: 1px solid  #353639 !Important;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding: 5px 20px;
}
#lp-popup input#register_btn:active,
#lp-popup input#register_btn.active, 
#lp-popup input#register_btn:hover,
#lp-popup input#register_btn:focus, 
#lp-popup input#login_btn:active, 
#lp-popup input#login_btn:hover {
    background: #353639 !Important;
    color: #ffffff !Important;
    border-bottom: 1px solid #353639 !Important;
    border-radius: 0px;
    box-shadow: none;
    border: none;
    padding: 5px 20px;
}
.lp-wrapper {
    top: 50px !important;
}
button.btn.btn-primary.validate,
button.btn.btn-primary {
    color: #ffffff !important;
    background-color: #000 !important;
    padding: 8px 24px!important;
    border: 2px solid;
    border-radius: 0 !Important;
    border-color: #000 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
    cursor: pointer;
}
button.btn.btn-primary.validate:hover, form#loginform button.btn.btn-primary:hover,
button.btn.btn-primary.validate:focus, form#loginform button.btn.btn-primary:focus,
button.btn.btn-primary:hover, form#loginform button.btn.btn-primary:hover,
button.btn.btn-primary:focus, form#loginform button.btn.btn-primary:focus {
    color: #ffffff !important;
    background-color: #000000 !important;
    border-color: #353639 !important;
}
a#cancel {
    color: #ffffff !important;
    background-color: #232323;
    padding: 8px 24px!important;
    border: 2px solid;
    border-radius: 0px;
    text-decoration: none;
    border-color: #232323 !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    transition: 0.3s;
    cursor: pointer;
    line-height: 1.3;
}
a#cancel:hover, a#cancel:focus {
    color: #232323 !Important;
    background-color: #23232300;
    border-color: #232323 !important;
}
.lp-button-wrapper ul.lp-link-wrapper {
    float: left;
    margin-top: 10px;
}
.com-users .new-account-link a {
    text-decoration: underline;
}
.lp-register-intro a:hover, .lp-button-wrapper ul.lp-link-wrapper li a:hover {
    color: #353639;
}
.lp-wrapper h3 {
    text-transform: capitalize;
}
button.lp-button {
    background: #000;
    transition:  0.3s;
}
button.lp-button:hover {
    opacity: 0.8;
    background: #000;
}

div#lp-popup label {
    color: #000;
}
.lp-left {
    width: 100%;
}

/*facebook login*/
.akeeba-sociallogin-link-button-facebook, .akeeba-sociallogin-unlink-button-facebook, .akeeba-sociallogin-button-facebook {
    background-color: #3B5998!important;
    color: #ffffff!important;
    transition-duration: 0.33s;
    background-image: none;
    width: 100% !important; border-radius: 0px; border: none !important;padding: 8px!important;border-radius: 3px;
}

.akeeba-sociallogin-link-button-facebook:hover, .akeeba-sociallogin-unlink-button-facebook:hover, .akeeba-sociallogin-button-facebook:hover{
;
    background-color: #8B9DC3!important;
    color: #ffffff!important;
    transition-duration: 0.33s;
    border-color: #3B5998!important;padding: 8px!important;}
/*end facebook login*/

/*google login */

.akeeba-sociallogin-button.akeeba-sociallogin-button-google {  color: #fff; background-color: #db3236!important; width: 100%; margin-top: 5px;padding: 8px;}

.akeeba-sociallogin-button.akeeba-sociallogin-button-google:hover {  background-color: #ea6669!important; border-radius: 0px !important; }

.akeeba-sociallogin-button.akeeba-sociallogin-button-google img {
    width: 24px;
    display: inline-block;
}


/*end of google login */

/*login page*/
button.btn.btn-primary.btn-block {
    margin-bottom: 20px;
}



/*login*/

.view-login #sp-main-body {
    padding: 100px 0;
    background-image: url('/images/00_Balanced-Belly/bg-001.jpg');
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: top center;
}

.com-users .reg-login-form-wrap {
    padding: 0;
    background: none;
}

.com-users .reg-login-form-wrap .reg-login-title h3 {
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin-bottom: 30px;
    padding-bottom: 20px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 26px;
}

.com-users .reg-login-form-wrap .login .form-group p {
    line-height: 1;
    margin-bottom: 5px;
    font-size: 14px;
    color: #4e4e4e;
}

.com-users .reg-login-form-wrap .login .form-group p label {
    font-weight: 600;
}

.com-users .reg-login-form-wrap .login .form-group .group-control {
    line-height: 1;
}

.com-users .reg-login-form-wrap .form-validate input {
    height: 45px;
    background: transparent;
    border-color: #bfbfbf;
}

.com-users .reg-login-form-wrap .form-validate input::placeholder {
    color: #6c6c6c;
    letter-spacing: 0.2px;
}

.com-users .reg-login-form-wrap .login {
    line-height: unset;
    display: block;
    letter-spacing: 0.2px;
}

.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block {
    display: block;
    width: 100%;
    background: #ef907b !important;
    border: 0;
    border-radius: 50px !important;
    padding: 10px !important;
}

.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block:hover,
.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block:focus {
    background: #f3a694 !important;
}

.com-users .reg-login-form-wrap .login .form-group .btn-primary.btn-block i {
    display: none;
}

/*end of login*/

.reset form {
    text-align: center;
    padding-top: 30px;
}

.reset form label { margin-top: 10px; }

@media (max-width: 767px) {
    .view-login #sp-main-body { padding: 50px 0; }
    .com-users .reg-login-form-wrap .form-links a { font-size: 12px; }
    .com-users .reg-login-form-wrap .form-links li { line-height: 1; }
}




.com-users .reg-login-form-wrap input[type=checkbox] {
    height: auto;
    cursor: pointer;
}

.com-users .reg-login-form-wrap .checkbox label {
    line-height: 1.8;
}

.com-users .reg-login-form-wrap .form-links ul {
    display: inline-flex;
}

.com-users .reg-login-form-wrap .form-links {
    text-align: center !important;
    margin: auto;
}

.com-users .reg-login-form-wrap .form-links ul li {
    display: inline-block;
    padding: 0 10px;
    letter-spacing: 0.2px;
}

.com-users .reg-login-form-wrap .form-links ul li:last-child {
    border-left: 1px solid #ccc;
}