*,::after,::before{margin:0;padding:0;box-sizing:border-box;user-select:none}body{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;font-size:12px;background-color:#ecf0f3;color:#a0a5a8}.main{position:relative;width:1000px;min-width:1000px;min-height:600px;height:600px;padding:25px;background-color:#ecf0f3;box-shadow:10px 10px 10px #d1d9e6,-10px -10px 10px #f9f9f9;border-radius:12px;overflow:hidden}.container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;width:600px;height:100%;padding:25px;background-color:#ecf0f3;transition:1.25s}.highscreencombine{display:block}.lowscreencombine{display:none}.loginscreen{display:none}.registerscreen{display:none}@media screen and (max-width:998px){.main{width:700px;min-width:700px}.title{font-size:20px!important}.button{width:150px;height:40px;font-size:14px}.switch{width:350px;left:0!important;right:0!important;padding-left:none!important;padding-right:none!important;margin-right:0!important}#switch-cnt{width:300px}.form__input{width:250px;padding-left:5px}.a-container{padding-left:210px}.b-container{padding-left:400px}@keyframes is-gx{0%,10%,100%{width:300px}30%,50%{width:500px}}.loginscreen{display:none}}@media screen and (max-width:700px){.loginscreen{display:block}.a-container{padding-left:270px}.main{width:350px;min-width:350px}.form__input{width:300px!important}.highscreencombine{display:none}}.form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%}.form__icon{object-fit:contain;width:30px;margin:0 5px;opacity:.5;transition:.15s}.form__icon:hover{opacity:1;transition:.15s;cursor:pointer}.form__input{width:350px;height:40px;margin:4px 0;padding-left:25px;font-size:13px;letter-spacing:.15px;border:none;outline:0;font-family:Montserrat,sans-serif;background-color:#ecf0f3;transition:.25s ease;border-radius:8px;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9}.form__input:focus{box-shadow:inset 4px 4px 4px #d1d9e6,inset -4px -4px 4px #f9f9f9}.form__span{margin-top:30px;margin-bottom:12px}.form__link{color:#181818;font-size:15px;margin-top:25px;border-bottom:1px solid #a0a5a8;line-height:2}.title{font-size:25px;font-weight:700;line-height:3;color:#181818}.description{font-size:14px;letter-spacing:.25px;text-align:center;line-height:1.6}.button{width:180px;height:50px;border-radius:25px;margin-top:50px;font-weight:700;font-size:14px;letter-spacing:1.15px;background-color:#4b70e2;color:#f9f9f9;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9;border:none;outline:0}.a-container{z-index:100;left:calc(100% - 600px)}.b-container{left:calc(100% - 600px);z-index:0}.switch{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;height:100%;width:400px;padding:50px;z-index:200;transition:1.25s;background-color:#ecf0f3;overflow:hidden;box-shadow:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9}.switch__circle{position:absolute;width:500px;height:500px;border-radius:50%;background-color:#ecf0f3;box-shadow:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9;bottom:-60%;left:-60%;transition:1.25s}.switch__circle--t{top:-30%;left:60%;width:300px;height:300px}.switch__container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;width:400px;padding:50px 55px;transition:1.25s}.switch__button{cursor:pointer}.switch__button:hover{box-shadow:6px 6px 10px #d1d9e6,-6px -6px 10px #f9f9f9;transform:scale(.985);transition:.25s}.switch__button:active,.switch__button:focus{box-shadow:2px 2px 6px #d1d9e6,-2px -2px 6px #f9f9f9;transform:scale(.97);transition:.25s}.is-txr{left:calc(100% - 400px);transition:1.25s;transform-origin:left}.is-txl{left:0;transition:1.25s;transform-origin:right}.is-z200{z-index:200;transition:1.25s}.is-hidden{visibility:hidden;opacity:0;position:absolute;transition:1.25s}.is-gx{animation:is-gx 1.25s}@keyframes is-gx{0%,10%,100%{width:400px}30%,50%{width:500px}}.header{border-bottom:1px solid #f0f0f0;background-color:#f7f7f7;padding:20px 40px}.header h2{margin:0}.form{padding:30px 40px}.form-control{margin-bottom:10px;padding-bottom:20px;position:relative}.form-control label{display:inline-block;margin-bottom:5px}.form-control input{border:2px solid #f0f0f0;border-radius:4px;display:block;font-family:inherit;font-size:14px;padding:10px;width:100%}.form-control input:focus{outline:0;border-color:#777}.form-control.success input{border-color:#2ecc71}.form-control.error input{border-color:#e74c3c}.form-control i{visibility:hidden;position:absolute;top:40px;right:10px}.form-control.success i.fa-check-circle{color:#2ecc71;visibility:visible}.form-control.error i.fa-exclamation-circle{color:#e74c3c;visibility:visible}.form-control small{color:#e74c3c;position:absolute;bottom:0;left:0;visibility:hidden}.form-control.error small{visibility:visible}.form button{background-color:#8e44ad;border:2px solid #8e44ad;border-radius:4px;color:#fff;display:block;font-family:inherit;font-size:16px;padding:10px;margin-top:20px;width:100%}.social-panel-container{position:fixed;right:0;bottom:80px;transform:translateX(100%);transition:transform .4s ease-in-out}.social-panel-container.visible{transform:translateX(-10px)}.social-panel{background-color:#fff;border-radius:16px;box-shadow:0 16px 31px -17px rgba(0,31,97,.6);border:5px solid #001f61;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Muli;position:relative;height:169px;width:370px;max-width:calc(100% - 10px)}.social-panel button.close-btn{border:0;color:#97a5ce;cursor:pointer;font-size:20px;position:absolute;top:5px;right:5px}.social-panel button.close-btn:focus{outline:0}.social-panel p{background-color:#001f61;border-radius:0 0 10px 10px;color:#fff;font-size:14px;line-height:18px;padding:2px 17px 6px;position:absolute;top:0;left:50%;margin:0;transform:translateX(-50%);text-align:center;width:235px}.social-panel p i{margin:0 5px}.social-panel p a{color:#ff7500;text-decoration:none}.social-panel h4{margin:20px 0;color:#97a5ce;font-family:Muli;font-size:14px;line-height:18px;text-transform:uppercase}.social-panel ul{display:flex;list-style-type:none;padding:0;margin:0}.social-panel ul li{margin:0 10px}.social-panel ul li a{border:1px solid #dce1f2;border-radius:50%;color:#001f61;font-size:20px;display:flex;justify-content:center;align-items:center;height:50px;width:50px;text-decoration:none}.social-panel ul li a:hover{border-color:#ff6a00;box-shadow:0 9px 12px -9px #ff6a00}.floating-btn{border-radius:26.5px;background-color:#001f61;border:1px solid #001f61;box-shadow:0 16px 22px -17px #03153b;color:#fff;cursor:pointer;font-size:16px;line-height:20px;padding:12px 20px;position:fixed;bottom:20px;right:20px;z-index:999}.floating-btn:hover{background-color:#fff;color:#001f61}.floating-btn:focus{outline:0}.floating-text{background-color:#001f61;border-radius:10px 10px 0 0;color:#fff;font-family:Muli;padding:7px 15px;position:fixed;bottom:0;left:50%;transform:translateX(-50%);text-align:center;z-index:998}.floating-text a{color:#ff7500;text-decoration:none}@media screen and (max-width:480px){.social-panel-container.visible{transform:translateX(0)}.floating-btn{right:10px}}.errorposition{position:absolute;z-index:200;top:12vh;width:750px;margin-left:auto;padding-left:500px;margin-right:auto}@media screen and (max-width:998px){.errorposition{width:550px;margin-left:auto;padding-left:350px;margin-right:auto}}@media screen and (max-width:700px){.errorposition{padding-left:0;width:350px;margin-left:auto;padding-left:100px;margin-right:auto}}.form__button{width:180px!important;margin-left:auto;margin-right:auto}.submitbutton{background-color:#4b70e2!important;border:2px solid #fff!important}.submitbutton:hover{box-shadow:9px 9px 13px transparent,9px 9px 13px rgba(0,0,0,.2) inset}.option-input{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;position:relative;top:8px;right:0;bottom:0;left:0;height:25px;width:25px;transition:all .15s ease-out 0s;background:#cbd1d8;border:none;color:#fff;cursor:pointer;display:inline-block;margin-right:.5rem;outline:0;position:relative;z-index:1000}.option-input:hover{background:#9faab7}.option-input:checked{background:#40e0d0}.option-input:checked::before{height:18px;width:18px;position:absolute;content:'✔';display:inline-block;font-size:20px;text-align:center;padding-left:5px;line-height:25px}.option-input:checked::after{-webkit-animation:click-wave .65s;-moz-animation:click-wave .65s;animation:click-wave .65s;background:#40e0d0;content:'';display:block;position:relative;z-index:100}.option-input.radio{border-radius:50%}.option-input.radio::after{border-radius:50%}