.wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:-webkit-linear-gradient(315deg,#e1e1e1 0,#fff 50%,#e1e1e1 100%);background:linear-gradient(135deg,#e1e1e1 0,#fff 50%,#e1e1e1 100%)}.white-popup-block{background:#fff;text-align:left;max-width:450px;margin:40px auto;position:relative;-webkit-box-shadow:0 0 12px 0 rgba(0,0,0,.25);-moz-box-shadow:0 0 12px 0 rgba(0,0,0,.25);box-shadow:0 0 12px 0 rgba(0,0,0,.25)}.mfp-close{display:none!important}.mfp-preloader{width:30px!important;height:30px!important;background-color:#fff!important;opacity:.65!important;margin:0 auto!important;-webkit-animation:1.2s ease-in-out infinite rotateplane!important;animation:1.2s ease-in-out infinite rotateplane!important}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px)}50%{-webkit-transform:perspective(120px) rotateY(180deg)}100%{-webkit-transform:perspective(120px) rotateY(180deg) rotateX(180deg)}}@keyframes rotateplane{0%{transform:perspective(120px) rotateX(0) rotateY(0)}50%{transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.close_modal{float:right;position:relative;top:15px;right:15px;display:block;width:20px;height:20px}.login_bg,.login_bg_new{height:200px;position:relative;width:100%}.close_modal:active{top:16px}.close_modal::after,.close_modal::before{content:'';position:absolute;width:20px;height:3px;background:#fff;top:9px}.close_modal::before{transform:rotate(45deg)}.close_modal::after{transform:rotate(-45deg)}.mfp-wrap~*{filter:blur(5px);transition:filter .2s}#white-popup-block,.tooltip{transition:.2s}.login_bg{background:url('https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg') 0 0/cover;-webkit-background-size:cover}.login_bg img,.login_bg_new img{position:relative;width:222px;margin:-25px auto 0;padding:10px;background:rgba(255,255,255,.7);display:block;border-radius:3px}.login_bg_new{background:url('https://images.pexels.com/photos/302743/pexels-photo-302743.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500') 0 0/cover;-webkit-background-size:cover}.login_wrap,.name_wrap,.password_wrap{position:relative}.card__face,.login_text,.tooltip{position:absolute}.tooltip{top:0;display:block;background:#fff;padding:12px;border-radius:5px 0 0 5px;opacity:0;visibility:hidden;font-size:12px}.lost_password,.register_text{font-size:15px;margin-top:10px}.tooltip.l{left:-114px}.tooltip.n,.tooltip.p{left:-100px}.tooltip span{color:red;font-weight:700}#log-in:focus~.tooltip,#pas-word:focus~.tooltip,#usrname:focus~.tooltip{opacity:1;visibility:visible;transition:.2s}.login_form-input{display:block;width:100%;margin:10px 0;padding:10px 5px;border:1px solid #4d4d4d;outline:0;color:#4d4d4d}.login_form-input:focus{border-color:#375375;color:#375375}.login_form-input::-webkit-input-placeholder{color:#4d4d4d;transition:opacity .2s}.login_form-input::-moz-placeholder{color:#4d4d4d;transition:opacity .2s}.login_form-input:-moz-placeholder{color:#4d4d4d;transition:opacity .2s}.login_form-input:-ms-input-placeholder{color:#4d4d4d;transition:opacity .2s}.login_form-input:focus::-webkit-input-placeholder{opacity:.5;color:#375375;transition:opacity .2s}.login_form-input:focus::-moz-placeholder{opacity:.5;color:#375375;transition:opacity .2s}.login_form-input:focus:-moz-placeholder{opacity:.5;color:#375375;transition:opacity .2s}.login_form-input:focus:-ms-input-placeholder{opacity:.5;color:#375375;transition:opacity .2s}.login_text{bottom:10px;left:15px;text-transform:uppercase;color:#fff;text-shadow:0 0 5px #969696;display:block;background:rgba(55,83,117,.8);padding:7px 8px}.login_text::before{content:'';display:inline-block;position:absolute;left:0;top:0;bottom:0;width:3px;background:#fff}.submit_login_btn,.submit_login_btn:hover{background:#375375;color:#fff;transition:background .2s,color .3s ease-in}#login_form,#signup_form{padding:20px}.submit_login_btn{margin-top:10px;padding:10px;width:100%;background:-moz-linear-gradient(top,#375375 0,#22354a 100%);background:-webkit-gradient(left top,left bottom,color-stop(0,#375375),color-stop(100%,#22354a));background:-webkit-linear-gradient(top,#375375 0,#22354a 100%);background:-o-linear-gradient(top,#375375 0,#22354a 100%);background:-ms-linear-gradient(top,#375375 0,#22354a 100%);background:linear-gradient(to bottom,#375375 0,#22354a 100%);border:1px solid #375375;text-transform:uppercase;outline:0}.card__face--back,.card__face--front{background:#050d36}.submit_login_btn:hover{border-color:#375375}.m__pad__r{padding-right:0!important}.lost_password{color:#375375;float:left}.lost_password:hover,.register_link:hover{color:#4d4d4d!important}.register_text{color:#1d1d1d;float:left}.register_link{color:#375375!important}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:.2s ease-in-out;-moz-transition:.2s ease-in-out;-o-transition:.2s ease-in-out;transition:.2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-slide-bottom.mfp-bg,.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg,.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg,.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:.2s ease-out;-moz-transition:.2s ease-out;-o-transition:.2s ease-out;transition:.2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}@media only screen and (max-width:768px){.m__pad__r{padding-right:15px!important}.submit_login_btn{height:auto;padding:10px 0}.lost_password{float:left}#log-in:focus~.tooltip,#pas-word:focus~.tooltip,#usrname:focus~.tooltip{visibility:visible;opacity:1}.tooltip.l,.tooltip.n,.tooltip.p{padding:0;background:0 0;left:auto;right:10px;top:50%;margin-top:-7px}}.card-new{margin-top:-300px!important;transition:transform 1s;transform-style:preserve-3d;cursor:pointer}.card-new.is-flipped,.card__face--back{transform:rotateY(180deg)}.card__face{width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}