.logingenel{overflow:hidden;padding:30px;max-width:390px;box-shadow:0 15px 20px rgba(0,0,0,.1);border-radius:5px;background:#fff}.logingenel .title-text{width:200%;display:flex}.logingenel .title{font-size:35px;font-weight:600;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);text-align:center;width:50%}.logingenel .slide-controls{height:50px;overflow:hidden;justify-content:space-between;border:1px solid #d3d3d3;position:relative;margin:30px 0 10px;border-radius:5px;width:100%;display:flex}.slide-controls .slide{height:100%;font-size:18px;font-weight:500;color:#fff;transition:all .6s ease;text-align:center;cursor:pointer;width:100%;line-height:48px;z-index:1}.slide-controls label.signup{color:#000}.slide-controls .slider-tab{height:100%;transition:all .6s cubic-bezier(.68,-.55,.265,1.55);position:absolute;background-color:#047b42;border-radius:5px;left:0;width:50%;z-index:0}input[type=radio]{display:none}#signup:checked~.slider-tab{left:50%}#signup:checked~label.signup{color:#fff;cursor:default;user-select:none}#login:checked~label.signup,#signup:checked~label.login{color:#000}#login:checked~label.login{cursor:default;user-select:none}.logingenel .logincontainer{overflow:hidden;width:100%}.logincontainer .logininner{width:200%;display:flex}.logincontainer .logininner .login,.logincontainer .logininner .signup{transition:all .6s cubic-bezier(.68,-.55,.265,1.55);width:50%}.logininner .login .field,.logininner .signup .field{width:100%;margin-top:10px}.logininner .login .field input,.logininner .signup .field input{height:100%;border:1px solid #d3d3d3;transition:all .3s ease;outline:none;border-radius:5px;width:100%;padding-left:15px}.logininner .login .field input:focus,.logininner .signup .field input:focus{border-color:#fc83bb}.logininner .login .field input::placeholder{color:#999;transition:all .3s ease}.logininner .signup .field input::placeholder{color:#999;transition:all .3s ease}.login .field input:focus::placeholder{color:#b3b3b3}.signup .field input:focus::placeholder{color:#b3b3b3}.logininner .login .pass-link,.logininner .signup .pass-link{margin-top:5px}.logininner .login .signup-link,.logininner .signup .signup-link{text-align:center;margin-top:30px}.logininner .login .pass-link a,.logininner .login .signup-link a{text-decoration:none;color:#047b42}.logininner .signup .pass-link a,.logininner .signup .signup-link a{text-decoration:none;color:#fa4299}.logininner .login .pass-link a:hover,.logininner .login .signup-link a:hover,.logininner .signup .pass-link a:hover,.logininner .signup .signup-link a:hover{text-decoration:underline}.login .btn{padding:inherit}.login .btn,.signup .btn{height:50px;overflow:hidden;position:relative;border-radius:5px;width:100%}.login .btn .btn-layer,.signup .btn .btn-layer{height:100%;transition:all .4s ease;position:absolute;background-color:#047b42;border-radius:5px;left:-100%;width:300%}.login .btn:hover .btn-layer,.signup .btn:hover .btn-layer{left:0}.login .btn input[type=submit],.signup .btn input[type=submit]{height:100%;font-size:20px;border:none;font-weight:500;color:#fff;position:relative;border-radius:5px;background:none;cursor:pointer;width:100%;padding-left:0;z-index:1}.loginbosluk{padding-top:100px;padding-bottom:100px}@media screen and (max-width:480px){.left{position:relative;width:50%;display:none}.rightlogin{padding:0;position:relative;width:100%}body{overflow:inherit}}