.page-content-area {float:left; width:100%; min-height: 400px; margin-top: 50px;}
.page-content-area .container {justify-content:center;}
.lp-content-wrapper {float: right;width: 420px;position: relative;margin-top: 120px;border: 1px solid #ccc;padding: 30px;}
.lp-login-area {float:left; width:100%;}
.lp-login-area .title {float:left;width:100%;margin-bottom: 30px;}
.lp-login-area h1 {float: left;font-size: 18px;font-weight: 700;color: var(--red);text-align: center;width: 100%;margin-bottom: 0px;}
.lp-login-area .title span {float:left;width:100%;text-align:center;font-size: 12px;font-family: var(--font2);color: var(--black);}
.lp-login-area .content {float:left; width:100%;}

.form-group {position: relative; float:left; width:100%;}
.form-control {float: left;width: 100%;border-left: 0;border-right: 0;border-top: none;border: 1px solid #ccc;height: 44px;margin-top: 5px;font-size: 14px;font-weight: 500;color: var(--black);z-index: 0;background: #fff;position: relative;padding: 12px 15px;line-height: 1em;-webkit-appearance:none;appearance:none;border-radius:0;-webkit-appearance:none;appearance:none;}
.lp-content-wrapper .form-group {margin-bottom:20px;}
.mt-0 {/* margin-top:0 !important; */}
.mb-10 {margin-bottom:10px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-0 {margin-bottom: 0 !important;}
.forgot-pass-btn {float: right;color: var(--black);font-size: 12px;text-decoration: none;margin-top: 3px;font-family: var(--font2);}
.forgot-pass-btn img {float:left; width:19px; margin:1px 5px 0 0;}
.forgot-pass-btn i {float:left; font-size:20px; margin:-3px 5px 0 0;}
.form-submit-btn {background-color:#000; border:none; border-radius:30px; color:#fff; font-size:14px; padding:0px 26px; height:40px; line-height:1em; font-weight:600; letter-spacing:-0.03em; cursor:pointer;}
.form-submit-btn:hover {background-color:#93c4cd;}
.lp-membership-area .content {float: left; width: 100%;}
.agreement-popup {width:70%;}
.popup h4 {float: left; width: 100%; font-size: 20px; font-weight: 700; margin-bottom: 20px; color: #222;}
.popup p {float:left; width:100%; font-size:16px; line-height:1.4em; color:#666; max-width: 1440px;}
.password-popup {width:480px;}
.forgot-password-form {float:left; width:100%; margin-top:10px;}
.forgot-password-form .form-group {margin-bottom:20px;}
label.form-control-placeholder {float: left;width: 100%;font-size: 11px;font-family: var(--font2); text-transform:uppercase; margin-bottom:0;}
.lp-checkbox {float:left; width:50%;}
.lp-checkbox input:before {border:1px solid #000; content:""; position:absolute; width:17px; height:17px; background-color:#fff; top:4px;}
.lp-checkbox input:checked:before {background:url(../images/check.svg) top center no-repeat #fff; background-size:15px;}
.lp-checkbox span {text-align: left;padding-left: 5px;margin-top: 4px;color: var(--black);font-size: 12px;cursor: pointer;font-family: var(--font2);}
.membership-redirect-button {float:left;width:100%;margin-top: 40px;text-align: center;font-size: 12px;font-family: var(--font2);color: var(--black);}
.membership-redirect-button a {color:#B22C2C; text-decoration:none; border-bottom:1px solid #B22C2C; padding-bottom:1px;}
.membership-action-button {float: left;width: 100%;height: 40px;border: none;background-color: var(--red);color: #fff;font-size: 14px;line-height: 1em;cursor: pointer;transition: ease all 300ms;height:44px;position:absolute;border:1px solid #fff;font-weight: 700;}

.login-error-msg {float:left; width:100%; margin-top:-30px; text-align:center; font-size:13px; color:#B22C2C;}
.remember-pass-msg {float:left; width:100%; text-align:center; font-size:13px; color:#B22C2C; margin-top:30px;}

.without-membership-button {float:left;width:100%;clear: both;margin-top: 30px;position: relative;border: 1px solid #ddd;border-radius: 0;background-color: #fff;height: 42px;color: #555;font-weight: 700;font-size: 14px; cursor:pointer; text-align:center; text-decoration:none; padding:13px 0;}
.new-membership-checkbox {float:left;width:100%;position:relative;margin-bottom: 9px;font-family: var(--font2);font-size: 12px;}
.new-membership-checkbox input:before {border:1px solid #000; content:""; position:absolute; width:17px; height:17px; background-color:#fff; top:0px;}
.new-membership-checkbox input:checked:before {background:url(../images/check.svg) top center no-repeat #fff; background-size:15px;}
.new-membership-checkbox span {text-align:left;margin: 0px 0 0 8px;}
.new-membership-checkbox a {color:inherit; text-decoration:none;}
.form-select {appearance:none; -webkit-appearance:none; border-radius:0; background:url(../images/caret-down.png) top 19px right 17px no-repeat;}
.form-half-control {width:calc(50% - 5px); margin-right:10px;}
.form-group .form-half-control:last-child {margin-right:0;}
.login-error-msg {float: left; margin-bottom: -20px; margin-top: 30px;}
.membership-warning {float:left;width:100%;border: 1px dashed var(--black);text-align:center;color: var(--black);font-size: 12px;padding:15px;line-height:1.5em;margin-top:20px;font-family: var(--font2);}
.membership-warning a {color:#000; text-decoration:none; border-bottom:1px solid #000;}
/* **** TABLET YATAY ***** */
@media screen and (min-width : 992px) and (max-width : 1199px) {

}

/* **** TABLET DIK ***** */
@media screen and (min-width : 768px) and (max-width : 991px) {
  .lp-content-wrapper {width:100%; margin-top:0;}
}

/* **** TELEFON YATAY ***** */
@media screen and (min-width : 480px) and (max-width : 767px) {

}

/* **** TELEFON DIK ***** */
@media screen and (max-width : 479px) {
  .lp-content-wrapper {float: left; width: 100%; position: relative; left: 0; margin: 0;}
  .page-content-area {margin-top: 130px;}
      
}