#ellehkform .ajax-loading, #forget-popup .outer .inner .form .ajax-loading, #forget-popup .outer .inner .form .ajax-loading, #login-popup .outer .inner .form .ajax-loading, .stand-alone-login .inner .form .ajax-loading {
	display: none; margin: 30px 0px 15px; padding: 17px 0px 16px; vertical-align: middle;
}

.facebook-login.elle-revamp-btn,.instagram-login.elle-revamp-btn { padding: 0px 50px; font-size: 0; margin: 0px; line-height: 30px; border: 0; width: 90%; }
.facebook-login.elle-revamp-btn img { width: 13px; height: 24px; vertical-align: middle; margin: 10px; }
.facebook-login.elle-revamp-btn:hover,.instagram-login.elle-revamp-btn:hover { border: 0; }
.facebook-login.elle-revamp-btn .text,.instagram-login.elle-revamp-btn .text { font-size: 15px; color: #FFFFFF; display: inline-block; top: 5px; position: relative; margin: 0px 10px 0px 0px; }
.instagram-login.elle-revamp-btn{margin:15px 0 20px;}
.instagram-login.elle-revamp-btn img {width:24px;height:24px;vertical-align: middle; margin: 10px;}


/*
* Login Pop-up
*/
#login-popup { color: #FFF; position: fixed; top: 50%; left: 50%; margin-left: -195px; margin-top: -300px; background: url('../images/line_bg_10.gif') repeat; }
#login-popup .outer { display: block; background-color: #FFF; width: 370px; /*height: 580px;*/height: 660px; margin: 10px; font-size: 0; }
#login-popup .outer .inner { background-color: #FFF; text-align: center; width: 100%; }
#login-popup .outer .inner .image.hand { position: absolute; top: 22px; right: 22px; }
#login-popup .outer .inner .title { font-family: "FloodStd"; font-size: 36px; color: #4c4c4c; padding: 45px 0px 30px; }
#login-popup .outer .inner .form .elle-revamp-btn.login { margin: 30px 0px 15px; }
#login-popup .outer .inner .form .elle-revamp-btn.login.inactive { display: none; }
#login-popup .outer .inner .form .ajax-loading.active { display: block; }
#login-popup .outer .inner .form .elle-revamp-btn.register { margin: 0px; }
#login-popup .outer .inner .form .not-a-member-yet { font-size: 14px; font-weight: 300; color: #8d8d8d; font-family: "Open Sans"; margin: 10px 0px; }
#login-popup .outer .inner .form label { color: #8d8d8d; font-size: 16px; text-align: left; margin: 0px 0px 4px 30px; font-family: "Open Sans"; font-weight: normal; display: inline; float: left; }
#login-popup .outer .inner .form .input-row { text-align: center; }
#login-popup .outer .inner .form .input-row.email { margin: 0px; }
#login-popup .outer .inner .form .input-row.password { margin: 20px 0px 0px 0px; }
#login-popup .outer .inner .form .input-row .login-text { background-color: #EEE; border-radius: 50px; border: 0; width: 90%; height: 40px; padding: 12px; display: block; clear: both; margin: 0px auto; }
#login-popup .outer .inner .form .input-row .forget-password { font-family: "Open Sans"; font-weight: 300; font-size: 12px; color: #8d8d8d; text-decoration: underline; float: right; margin: 0px 30px 0px 0px; cursor: pointer; }

@media only screen and (max-width:640px) {
#login-popup { color: #FFF; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: none; margin: 0px; overflow: scroll; width: 100%; }
#login-popup .outer { width: 100%; height: 100%; margin: 0; padding: 0; }
#login-popup .outer .inner .form { padding: 50px 0px; }
#login-popup .outer .inner .form .elle-revamp-btn.register { margin-bottom: 40px !important; }
#login-popup .outer .inner .facebook-login.elle-revamp-btn { padding: 0px 20px !important; }
#login-popup .outer .inner .form .input-row.email { margin: 20px 0px; padding: 0px 20px; }
#login-popup .outer .inner .form .input-row.password { margin: 0px; padding: 0px 20px; }
#login-popup .outer .inner .form label { color: #8d8d8d; font-size: 16px; text-align: left; margin: 0px 0px 4px 20px; font-family: "Open Sans"; font-weight: normal; display: inline-block; float: left; }
#login-popup .outer .inner .form .input-row .login-text { background-color: #EEE; border-radius: 50px; border: 0; width: 100%; height: 40px; padding: 12px; display: block; }
#login-popup .outer .inner .form .input-row .forget-password { font-family: "Open Sans"; font-weight: 300; font-size: 12px; color: #8d8d8d; text-decoration: underline; float: right; margin: 0px 10px 0px 0px; cursor: pointer; }
}

@media only screen and (min-width:981px) {
  #login-popup { top: 50%; left: 50%; margin-left: -195px; margin-top: -300px; }
  #login-popup .outer .inner .form .elle-revamp-btn:hover { color: #FFFFFF; background-color: #CC0000; border: 1px solid transparent; }
  #login-popup .outer .inner .form .elle-revamp-btn:hover a { color: #FFF; }
  #edit-profile-popup { display: none; }
}

/*
* Forget Pop-up
*
*/
#forget-popup { color: #FFF; position: fixed; top: 50%; left: 50%; margin-left: -200px; margin-top: -150px; background: url('../images/line_bg_10.gif') repeat; }
#forget-popup .outer { display: block; background-color: #FFF; width: 400px; height: 300px; margin: 10px; font-size: 0; }
#forget-popup .outer .inner { background-color: #FFF; text-align: center; width: 100%; }
#forget-popup .outer .inner .title { font-family: "FloodStd"; color: #CC0000; font-size: 20px; padding: 50px 0px 10px; }
#forget-popup .outer .inner .sub-title { font-size: 24px; text-transform: capitalize; color: #8d8d8d; font-weight: 300; font-family: "Open Sans"; padding: 0px; }
#forget-popup .outer .inner .form { }
#forget-popup .outer .inner .form > form .input-row { text-align: center; }
#forget-popup .outer .inner .form > form .description { font-size: 14px; font-family: "Open Sans"; color: #8d8d8d; padding: 10px 0px; width: 80%; text-align: center; margin: 0px auto; }
#forget-popup .outer .inner .image.hand { position: absolute; top: 22px; right: 22px; }
#forget-popup .outer .inner .form > form .login-text { background-color: #EEE; -webkit-border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 6px; border-radius: 50px; border: 0; width: 90%; height: 40px; padding: 12px; }
#forget-popup .outer .inner .form > form .elle-revamp-btn { margin: 20px 0px; }

@media only screen and (max-width:640px) {
  #forget-popup { color: #FFF; position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: none; margin: 0px; overflow: scroll; width: 100%; }
  #forget-popup .outer { width: 100%; height: 100%; margin: 0; padding: 0; }
  #forget-popup .outer .inner .form { padding: 0px; }
}

/*
* Edit Profile Pop-up
*
*/

@media only screen and (max-width:980px) {
  #edit-profile-popup .desktop { display: none; }
  #edit-profile-popup .mobile { display: block; margin: 0px auto; }
  #edit-profile-popup { color: #FFF; position: fixed; top: 50%; left: 50%; margin-left: -125px; margin-top: -185px; }
  #edit-profile-popup .avatar { text-align: center; width: 160px; height: 160px; display: block; margin: 0 auto; background-repeat: no-repeat; background-size: cover; background-position: 50% 0; border-radius: 99%; margin-bottom: 30px; }
  #edit-profile-popup .button { border-radius: 50px; margin: 20px auto; padding: 10px 40px; cursor: pointer; width: 250px; }
  #edit-profile-popup .elle-revamp-btn { background-color: #4C4C4C; color: #FFF; margin: 20px 0px; display: block; text-align: center; width: 250px; }
  #edit-profile-popup .elle-revamp-btn a { color: #FFF; display: block; }
  #edit-profile-popup .image.hand { position: fixed; right: 20px; top: 20px; }
}

/* ==========================================================================
share
========================================================================== */
.popup-background { background-color: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; position: fixed; }
#container .popup-overlay { zoom: 1; display: none; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 13; }
.share-buttons { z-index: 13; }
.share-buttons .hand { position: fixed; right: 20px; top: 20px; }
.share-buttons .button.fb { background-color: #3B5997; }
.share-buttons .button.weibo { background-color: #FE9522; }
.share-buttons .button.email { background-color: #222222; }
.share-buttons .button.whatsapp { background-color: #2CBF30; }
.share-buttons .button.clipboard { background-color: #4C4C4C; }
.share-buttons .button.fb:hover { background-color: #293e6a; }
.share-buttons .button.weibo:hover { background-color: #b16818; }
.share-buttons .button.whatsapp:hover { background-color: #1f8522; }
.share-buttons .button.clipboard:hover { background-color: #353535; }
.share-buttons .button.email:hover { background-color: #000; }
/* .close { position: fixed; top: 0; right: 0; margin-top: 10px; margin-right: 10px; cursor: pointer; } */
.mfp-close { background-image: url('/design/ellehk_phase4/images/ico_search.png') !important; width: 25px !important; height: 25px !important; font-size: 0 !important; margin: 20px !important; }
@media only screen and (min-width:641px) {
  .share-buttons .desktop { position: relative; margin: 0 auto; display: block; background-color: #FFF; width: 388px; background: url('../images/line_bg_10.gif') repeat; height: 246px; padding: 10px; font-size: 0; }
  .share-buttons .inner { background-color: #FFF; width: 368px; text-align: center; height: 226px; }
  .share-buttons .image.hand { position: absolute; top: 22px; right: 22px; }
  .share-buttons .title { font-family: "FloodStd";
  color: #4c4c4c;
  font-size: 30px;
  /* margin-bottom: 18px; */
  padding-top: 20px;
  visibility: hidden;
  /* display: none; */}/* { font-family: "FloodStd"; color: #4c4c4c; font-size: 30px; margin-bottom: 18px; padding-top: 30px; }*/
  .share-buttons .mobile,
  .share-buttons .button.whatsapp,
  .share-buttons .button.clipboard { display: none; }
  .share-buttons .button { border-radius: 50px; margin: 5px auto; padding: 8px 20px; cursor: pointer; width: 60%; }
  .login-popup .mfp-close { display: none !important; }
}
@media only screen and (max-width:640px) {
  .share-buttons img { width: 100%; }
  .share-buttons .desktop { display: none; }
  .share-buttons .mobile { display: block; }
  .share-buttons { color: #FFF; position: fixed; top: 50%; left: 50%; margin-left: -125px; margin-top: -130px; }
  .share-buttons .button { border-radius: 50px; margin: 20px auto; padding: 10px 40px; cursor: pointer; width: 250px; }
}