.overlay-shadow{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:1031;opacity:0;visibility:hidden;transition:all .5s ease}.overlay-shadow.visible{opacity:1;visibility:visible}.main-popup{position:fixed;left:0;top:30px;margin:0;width:100%;height:560px;background-color:#fff;border-radius:5px;z-index:1500;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .5s ease}.main-popup.visible{opacity:1;visibility:visible;transform:translateY(10px);transition:all .5s ease}@media (min-width:500px){.main-popup{width:500px;left:50%;margin:0 0 0 -250px}}.popup-header{position:relative;padding:0;margin:0;height:62px;width:100%}#popup-close-button a{position:absolute;right:10px;top:-30px;width:22px;height:22px}#popup-close-button a::before{content:'';position:absolute;right:10px;top:0;width:3px;height:25px;background-color:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#popup-close-button a::after{content:'';position:absolute;right:10px;top:0;width:3px;height:25px;background-color:#fff;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.popup-header ul{margin:0;padding:0}.popup-header ul li{text-align:center;list-style:none;width:50%;float:left}.popup-header ul li a{display:block;padding:20px 0;margin:0;text-decoration:none;font-size:1.2em}#sign-in{background-color:#e2424d;color:#fff;border-radius:5px 0 0 0}#sign-in.active{color:#e2424d;background-color:transparent}#register{background-color:#e2424d;color:#fff;border-radius:0 5px 0 0}#register.active{color:#e2424d;background-color:transparent}.popup-content{height:525px}form.register,form.sign-in{padding:15px}form.sign-in{position:relative;top:40px;left:0;font-size:1em;opacity:1}form.sign-in.move-left{opacity:0;transform:translateX(-450px)}form label{font-size:1.1em;color:#282828}form label .redStar{color:#e2424d}form.sign-in input{border-radius:5px;width:100%;height:31px;margin:0 auto;padding:5px;font-size:1em;color:#e2424d;outline:0;border:1px solid #bcbcbc}input#submit-login,input#submit-register{background-color:#e2424d;color:#fff;height:50px;width:50%;margin:10px auto;padding:0;cursor:pointer;outline:0;border-radius:5px;font-size:1em;border:none}.submit_form{text-align:center}form.register{position:relative;top:-255px;left:0;font-size:1em;opacity:0}form.register.move-left{opacity:1;transform:translateX(0)}form.register input{border-radius:5px;width:100%;height:31px;margin:0 auto;padding:5px;font-size:1em;color:#e2424d;outline:0;border:1px solid #bcbcbc}