.no-scroll{overflow:hidden}
#lr_popup_auth{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:100;background:rgba(0,0,0,0.5);overflow:auto;display:none}
#lr_popup_auth #auth_wrap{overflow:hidden;position:absolute;top:50%;left:50%;margin:-31px 0 0 -31px;padding:16px;background:#fff;box-shadow:0 10px 20px rgba(38,50,56,.15);border-radius:8px}
#lr_popup_auth #auth_wrap.ready{width:300px;margin:0 0 0 -150px;padding:0}

#lr_popup_auth #auth-side, #lr_popup_auth #auth-form{padding:32px}

#lr_popup_auth #auth-side{background:#2d2f34;color:#fff;}
#lr_popup_auth #auth-form .btn{width:100%}

#lr_popup_auth .or{margin:12px 0;position:relative;width:100%;display:inline-block;overflow:hidden;text-transform:uppercase;color:#7e7e7e;text-align:center;font-size:16px}
#lr_popup_auth .or:before, 
#lr_popup_auth .or:after{content:'';position:absolute;top:50%;width:50%;margin-top:-2px;border-top:1px solid #f4f4f5}
#lr_popup_auth .or:before{right:50%;margin-right:30px}
#lr_popup_auth .or:after{left:50%;margin-left:30px}

#lr_popup_auth #auth-close{z-index:9;position:absolute;top:16px;right:16px;display:block;cursor:pointer;width:32px;height:32px;background:#f0f0f0;border-radius:16px;cursor:pointer}
#lr_popup_auth #auth-close:after,
#lr_popup_auth #auth-close:before{content:'';position:absolute;top:16px;left:6px;width:20px;height:1px;background:#444;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}
#lr_popup_auth #auth-close:before{-webkit-transform:translateY(0) rotate(-45deg);transform:translateY(0) rotate(-45deg)}
#lr_popup_auth #auth-close:after{-webkit-transform:translateY(0) rotate(45deg);transform:translateY(0) rotate(45deg)}

#lr_popup_auth .holder{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}

@media (min-width:992px ) {
	#lr_popup_auth #auth_wrap.ready{width:400px;margin:0 0 0 -200px}
}

@-webkit-keyframes spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin{
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}