.button3 {font-size:15px; line-height:15px; font-weight:500; text-align:center; text-transform:uppercase; color:#fff; border:2px solid #fff; padding:8px 50px; cursor:pointer;}
.loginbacklink {text-align:center; margin-top:100px; font-size:12px; line-height:12px; font-weight:500;}
.loginbacklink A {color:#39c0ba; text-decoration:none;}
.logincontainer {display: grid;
    grid-template-columns: repeat(2, 420px);
    grid-column-gap: 40px;
    width: 880px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 40px;
    justify-items: end;
    align-items: center;}
.logincontainer .login {box-sizing: border-box;
    background-color: var(--blue-light);
    padding: 0;
	width: 100%;
    border-radius: 23px;
    overflow: hidden;
    border: 4px solid var(--dark);
    box-shadow: -6px 14px 0px 2px #2424242b;}
.logincontainer .login .logo {    display: block;
    width: 100%;
    height: 223px;
    background-image: url(/images/login_toppic_belep.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: 0 auto;
}
.logincontainer .login .fb_button {box-sizing:border-box; display:inline-block; width:100%; font-size:14px; line-height:14px; color:#fff; font-weight:600; background-color:#1877F2; text-align:center; padding:16px; margin-bottom:28px; text-decoration:none;}
.logincontainer .login .separator {display:flex; align-items:center; margin-bottom:28px;}
.logincontainer .login .separator HR {border:1px solid #9290B0; flex-grow:1;}
.logincontainer .login .separator SPAN {display:inline-block; font-size:13px; line-height:13px; color:#9290B0; margin:0 15px;}
.logincontainer .login .loginerror {padding:10px; font-size:12px; line-height:12px; font-weight:500; color:#ffffff; background-color:#ff0000; margin-bottom:25px; margin-top:-20px;}
.logincontainer .login FORM {display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-bottom:20px; padding: 0 40px;}
.logincontainer .login FORM LABEL {font-size:var(--f14); line-height:var(--f14lh); font-weight:500; color:#333333; margin-bottom:8px;}
.logincontainer .login FORM INPUT:not([type="submit"]) {box-sizing:border-box; width:100%; font-family: "Square Peg", cursive;
    font-size: var(--f32m);
    color: var(--sea-green-dark);
    width: 100%;
    padding: 3px 12px 0;
    margin: 0px;
    background-color: var(--white);
    box-sizing: border-box;
    border-radius: 6px;
    border: none;
    font-weight: 900;
    box-shadow: -2px 3px var(--dark-towhite-shadow) inset;}
	
.logincontainer .login FORM INPUT:focus {outline:none;}

.logincontainer .login FORM .email {display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-bottom:20px;}
.logincontainer .login FORM .password {display:flex; flex-direction:column; align-items:flex-start; width:100%; margin-bottom:12px;}
.logincontainer .login FORM .forgotpassword {font-size: var(--f14);
    line-height: var(--f14lh);
    color: var(--white);
    margin-bottom: 20px;}
.logincontainer .login FORM INPUT[type="submit"] {display:inline-block; width:100%; font-weight:800; color:#fff; background-color:#39c0ba; text-transform:uppercase; padding:16px; border:2px solid #39c0ba; cursor:pointer; font-family:'Poppins', sans-serif; font-size:var(--f16); line-height:var(--f16lh);}
.logincontainer .login FORM INPUT[type="submit"]:HOVER {opacity:0.85;}
.logincontainer .login .noaccount {font-size: var(--f14);
    line-height: var(--f14lh);
    text-align: center;
    margin-bottom: 20px;}
.logincontainer .login .noaccount A {color:var(--white); font-style:italic; text-decoration:none;}
.logincontainer .signup {width: 100%; box-sizing:border-box; color:var(--dark); background-color:var(--yellow); text-align:left; border-radius: 23px;
    overflow: hidden; border: 4px solid var(--dark);
    box-shadow: -6px 14px 0px 2px #2424242b;}
.logincontainer .signup H2 {margin: 0;
    font-size: var(--f36);
    line-height: var(--f36lh);
    color: var(--dark);
    font-weight: 900;}
.logincontainer .signup .pic {height:223px; background-color:var(--yellow); background-image:url(/images/login_toppic_reg.png); background-position: bottom center; background-size:cover; background-repeat:no-repeat; margin-bottom:28px; /* clip-path:path('M0 200V0H420V101.212L0 200Z'); */}
.logincontainer .signup .text {padding:0 40px 20px}
.logincontainer .signup .text UL {font-size:14px; line-height:22px; padding:0; padding-left:15px; margin-bottom:60px;}
.logincontainer .signup .text .button3 {box-sizing:border-box; display:inline-block; width:100%; font-size:14px; line-height:14px; text-decoration:none; padding:16px; margin-bottom:23px;}
.logincontainer .signup .text .button3:HOVER {background-color:#fff; color:#39c0ba;}

input:autofill:first-line,
input:-internal-autofill-selected,
input:-webkit-autofill:first-line,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	font-family: "Square Peg", cursive !Important;
    font-size: var(--f32m);
    color: var(--sea-green-dark);
  border: none;
  -webkit-text-fill-color: var(--sea-green-light);
  -webkit-box-shadow: -2px 3px var(--dark-towhite-shadow) inset;
  transition: background-color 5000s ease-in-out 0s;
}


.loginbacklink .mobilemenuclose div.hburger {    display: block;
    position: absolute;
    top: 14px;
    right: 20px;
    width: 20px;
    height: 30px;
    padding: 10px 0 0;
    cursor: pointer;}
	.loginbacklink .mobilemenuclose a.hburger {display:block; position:relative; width:100%; height:100%; cursor:pointer;}
	.loginbacklink .mobilemenuclose .hburger SPAN {display:inline-block; width:100%; height:2px; background:#ffffff; position:relative; transform: rotate(45deg); transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.loginbacklink .mobilemenuclose .hburger SPAN:BEFORE {content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 2px;
    background: #ffffff;
    transition: all 0.35s ease-out;
    -webkit-transition: all 0.35s ease-out;
    backface-visibility: hidden;
    transform: rotate(90deg);}
	.loginbacklink .mobilemenuclose .hburger SPAN:AFTER {content:''; position:absolute; left:0px; top:6px; width:100%; height:2px; background:#ffffff00; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.loginbacklink .mobilemenuclose a.hburger:hover SPAN, .mobilemenu .mobilemenuinner .mobilemenuclose .hburger:hover SPAN:BEFORE, .head a.hburger:hover SPAN:BEFORE, .head a.hburger:hover SPAN:AFTER {background:var(--sea-green-dark);} 

.loginbacklink .mobilemenuinner:before {position:absolute; content:''; top:0; left:0; display:block; width:100%; height: 105%; min-height: 105vh; background-color: rgb(36 36 36 / 97%);}
.loginbacklink .mobilemenuclose {  position: sticky;
    top: 0;
    right: 0;
    left: auto;
    z-index: 22;
    text-align: right;
    padding: 20px;}
	.loginbacklink .mobilemenuclose A {font-size:12px; line-height:12px; text-transform:uppercase; color:#555;}

	.loginbacklink div.hburger {display:block; position:absolute; top:14px; right:10px; width:20px; height:30px; cursor:pointer;}
	.loginbacklink a.hburger {display:block; position:relative; width:100%; height:100%; cursor:pointer;}
	.loginbacklink .hburger SPAN {display:inline-block; width:100%; height:2px; background:#ffffff; position:relative; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
	.loginbacklink .hburger SPAN:BEFORE {content:''; position:absolute; left:0px; top:-6px; width:100%; height:2px; background:#ffffff; transition:all 0.35s ease-out; -webkit-transition:all 0.35s ease-out; backface-visibility:hidden;}
	.loginbacklink a.hburger:hover SPAN, .loginbacklink a.hburger:hover SPAN:BEFORE {background:var(--sea-green-dark);} 	

.loginbacklink_footer { display: block; margin: 0 auto 40px;}
.loginbacklink_footer A {font-size: var(--f14);
    line-height: var(--f14lh); color:var(--white);}

.loginbacklink_footer A:HOVER {color:var(--sea-green-dark);}

@media (min-width:800px) {
	.body_light {margin: -60px 0 0 0;}
	}

@media (max-width:800px) {
	.loginbacklink {margin-top:0; margin-bottom:20px;}

    .logincontainer {grid-template-columns:1fr; width:100%; margin-top:0;}

	.logincontainer .signup .pic {}
    .logincontainer .signup {width: calc(100% - 30px); margin: 0 auto;}

	.logincontainer .login {width: calc(100% - 30px);
    margin: 0 auto 40px;}
}