/*
 * Sign-in and Registration Form Styles
 */
 
input {
    border: 1px solid #eaeaea;
}
button, input {
    overflow: visible;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
*, ::after, ::before {
    box-sizing: border-box;
}
input[type="submit"], .search-form .input-group .btn {
    border: none;
    color: #ffffff;
    line-height: 40px;
    padding: 0 15px;
    cursor: pointer;
    border-radius: 4px;
}
a {
	color: #4945ff;
	text-decoration: none;
}
.pm-login-close, .lost-password-close, .pm-feedback-form-close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
}
.lost-password-close {
	right: auto;
    left: 20px;
}
.pm-af-login-form label, .pm-af-lost-password-form label, .pm-af-registration-form label {
    display: inline;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 0.5rem;
}
.pm-login-parent input.form-control {
    border: 0;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
    height: 30px;
    line-height: 30px;
    padding: 0;
}
.pm-login-parent input.form-control:focus {
    background: transparent;
}
.pm-af-lost-password-form.show{
    background: #fff;
    height: 100%;
    left: 0;
    padding: 12%;
    position: absolute;
    top: 0;
    width: 100%;
}
.move-to-prev-form {
    cursor: pointer;
    font-size: 20px;
    padding: 6px 10px;
}
.pm-af-lost-password-form, .pm-af-registration-form, .pm-af-login-form {
	transition: all ease 0.35s;
}
body .form-state-hide {
	margin-left: 100px;
	opacity: 0;
	visibility: hidden;
	display: none;
	height: 0;
	overflow:hidden;
	transition: all ease 0.35s;
}
body .form-state-show {
	margin-left: 0;
	height: auto;
	display: block;
	overflow: visible;
	opacity: 1;
	visibility: visible;
	transition: all ease 0.35s;
}
.pm-af-login-form-text img {
	max-width: 142px;
    margin: 25px auto;
}
.pm-af-login-form-text {
    text-align: center;
}
.button.button-primary, .btn.btn-default {
    color: #fff;
    background: #0d4a99;
	margin-bottom: 20px;
}
a.pm-forget-to-login-form, a.pm-reg-to-login-form {
    display: block;
}

/* Login form variation CSS */

/* Style - 1 */
.pm-af-login-form.pm-af-style-1, .pm-af-lost-password-form.pm-af-style-1, .pm-af-registration-form.pm-af-style-1 {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 50px;
	position: relative;
    overflow: hidden;
	border-radius: 10px;
}
.pm-af-login-form.pm-af-style-1 form p, .pm-af-lost-password-form.pm-af-style-1 form p, .pm-af-registration-form.pm-af-style-1 form p, .pm-af-login-form.pm-af-style-2 form p, .pm-af-lost-password-form.pm-af-style-2 form p, .pm-af-registration-form.pm-af-style-2 form p {
    display: grid;
}
.pm-af-login-form.pm-af-style-1 form:before, .pm-af-login-form.pm-af-style-1 form:after, .pm-af-lost-password-form.pm-af-style-1 form:before, .pm-af-lost-password-form.pm-af-style-1 form:after, .pm-af-registration-form.pm-af-style-1 form:before, .pm-af-registration-form.pm-af-style-1 form:after {
    content: "";
    position: absolute;
    width: 600px;
    height: 600px;
    border-top-left-radius: 40%;
    border-top-right-radius: 45%;
    border-bottom-left-radius: 35%;
    border-bottom-right-radius: 40%;
    z-index: -1;
}
.pm-af-login-form.pm-af-style-1 form:before, .pm-af-lost-password-form.pm-af-style-1 form:before, .pm-af-registration-form.pm-af-style-1 form:before {
    left: 40%;
    bottom: -60%;
    background-color: rgba(69, 105, 144, 0.15);
    -webkit-animation: wawes 6s infinite linear;
    -moz-animation: wawes 6s infinite linear;
    animation: wawes 6s infinite linear;
}
.pm-af-login-form.pm-af-style-1 form:after, .pm-af-lost-password-form.pm-af-style-1 form:after, .pm-af-registration-form.pm-af-style-1 form:after {
    left: 35%;
    bottom: -50%;
    background-color: rgba(2, 128, 144, 0.2);
    -webkit-animation: wawes 7s infinite;
    -moz-animation: wawes 7s infinite;
    animation: wawes 7s infinite;
}
@keyframes wawes {
	0% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	} 
	100% {
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	} 
}

/* Style - 2 */
.pm-af-login-form.pm-af-style-2, .pm-af-lost-password-form.pm-af-style-2, .pm-af-registration-form.pm-af-style-2 {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 80px 50px 50px 50px;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to top right, #ffffff, #f7f7f7);
    z-index: 0;
	border-radius: 10px;
}
.pm-af-login-form.pm-af-style-2 {
	padding: 10px 50px 0px 50px;
}
.pm-af-login-form.pm-af-style-2 form, .pm-af-lost-password-form.pm-af-style-2 form, .pm-af-registration-form.pm-af-style-2 form {
	position: relative;	
}
.pm-af-login-form.pm-af-style-2 form {
	transform: translateY(-50px);
}
.pm-af-login-form.pm-af-style-2 .pm-login-bottom {
    transform: translateY(-60px);
}
.pm-af-login-form.pm-af-style-2:before, .pm-af-login-form.pm-af-style-2:after, .pm-af-lost-password-form.pm-af-style-2:before, .pm-af-lost-password-form.pm-af-style-2:after, .pm-af-registration-form.pm-af-style-2:before, .pm-af-registration-form.pm-af-style-2:after {
    position: absolute;
    top: -110px;
    left: -100px;
	right: 0;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #243946;
    z-index: 999;
    content: "";
}
.pm-af-login-form.pm-af-style-2:after, .pm-af-lost-password-form.pm-af-style-2:after, .pm-af-registration-form.pm-af-style-2:after {
    left: 300px; 
}
.pm-af-registration-form.pm-af-style-2 form:before {
	top: -140%;
}
.pm-af-lost-password-form.pm-af-style-2 form:before{
	top: -240%;
}

/* Style - 3 */
.pm-af-login-form.pm-af-style-3, .pm-af-lost-password-form.pm-af-style-3, .pm-af-registration-form.pm-af-style-3 {
    max-width: 400px;
    margin: 0 auto;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 50px;
	position: relative;
    overflow: hidden;
	border-radius: 10px;
	background: #1f293a;
}
.pm-af-login-form.pm-af-style-3 form p, .pm-af-lost-password-form.pm-af-style-3 form p, .pm-af-registration-form.pm-af-style-3 form p {
    position: relative;
    margin: 25px 0;
}
.pm-af-login-form.pm-af-style-3 form input:not([type="checkbox"]), .pm-af-lost-password-form.pm-af-style-3 form input, .pm-af-registration-form.pm-af-style-3 form input {
    width: 100%;
    height: 50px;
    background: transparent;
    border: 2px solid #2c4766;
    outline: none;
    border-radius: 40px;
    font-size: 1em;
    color: #fff;
    padding: 0 20px;
    transition: .5s ease;
}
.pm-af-login-form.pm-af-style-3 form input:focus, .pm-af-lost-password-form.pm-af-style-3 form input:focus, .pm-af-registration-form.pm-af-style-3 form input:focus {
    border-color: #0ef;
}
.pm-af-login-form.pm-af-style-3 form p label:not(:last-child), .pm-af-lost-password-form.pm-af-style-3 form p label, .pm-af-registration-form.pm-af-style-3 form p label {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    font-size: 1em;
    color: #fff;
    pointer-events: none;
    transition: .5s ease;
}
.pm-af-login-form.pm-af-style-3 form p:focus-within label:not(:last-child), .pm-af-lost-password-form.pm-af-style-3 form p:focus-within label, .pm-af-registration-form.pm-af-style-3 form p:focus-within label, 
.pm-af-login-form.pm-af-style-3 form p.af-input-filled label, .pm-af-login-form.pm-af-style-4 form p.af-input-filled label, 
.pm-af-lost-password-form.pm-af-style-3 form p.af-input-filled label, .pm-af-lost-password-form.pm-af-style-4 form p.af-input-filled label, 
.pm-af-registration-form.pm-af-style-3 form p.af-input-filled label, .pm-af-registration-form.pm-af-style-4 form p.af-input-filled label {
    top: 1px;
    font-size: .8em;
    background: #1f293a;
    padding: 0 6px;
    color: #0ef;
}
.pm-af-login-form.pm-af-style-3 form p.login-remember label, .pm-af-login-form.pm-af-style-4 form p.login-remember label {
    display: flex;
    color: #fff;
}
.pm-af-login-form.pm-af-style-3 p a, .pm-af-lost-password-form.pm-af-style-3 a, .pm-af-registration-form.pm-af-style-3  a {
    text-align: center;
    color: #fff;
    font-size: 16px;
}
.pm-af-login-form.pm-af-style-3 form input.button.button-primary, .pm-af-lost-password-form.pm-af-style-3 form input.submit_button.btn.btn-default, .pm-af-registration-form.pm-af-style-3 form input.pm-submit-button.btn.btn-default {
    background: #0ef;
	border: none;
	outline: none;
	color: #1f293a;
	font-weight: 600;
}

/* Style - 4 */

.pm-af-login-form.pm-af-style-4, .pm-af-lost-password-form.pm-af-style-4, .pm-af-registration-form.pm-af-style-4 {
	position: relative;
	width: 400px;
	background: #000;
	box-shadow: 0 0 50px #0ef;
	border-radius: 20px;
	padding: 40px;
	overflow: hidden;
	margin: 0 auto;
}
.pm-af-login-form.pm-af-style-4:hover, .pm-af-lost-password-form.pm-af-style-4:hover, .pm-af-registration-form.pm-af-style-4:hover {
	animation: hue_animate 1s linear infinite;
}
@keyframes hue_animate {
	100% {
		filter: hue-rotate(360deg);
	}
}
.pm-af-login-form.pm-af-style-4 form p:not(:last-child), .pm-af-lost-password-form.pm-af-style-4 form p, .pm-af-registration-form.pm-af-style-4 form p {
	position: relative;
	margin: 30px 0;
	border-bottom: 2px solid #fff;
}
.pm-af-login-form.pm-af-style-4 form label:not(:last-child), .pm-af-lost-password-form.pm-af-style-4 form label, .pm-af-registration-form.pm-af-style-4 form label, {
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #fff;
	pointer-events: none;
	transition: .5s;
}
.pm-af-login-form.pm-af-style-4 form input:not([type="checkbox"]), .pm-af-lost-password-form.pm-af-style-4 form input, .pm-af-registration-form.pm-af-style-4 form input {
	width: 320px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	padding: 0 5px;
	background: transparent;
	border: none;
	outline: none;
}
.pm-af-login-form.pm-af-style-4 form .button.button-primary, .pm-af-lost-password-form.pm-af-style-4 form .submit_button, .pm-af-registration-form.pm-af-style-4 form .pm-submit-button {
	position: relative;
	width: 100%;
	height: 40px;
	background: #0ef;
	box-shadow: 0 0 10px #0ef;
	font-size: 16px;
	color: #000;
	font-weight: 500;
	cursor: pointer;
	border-radius: 30px;
	border: none;
	outline: none;
}
.pm-af-login-form.pm-af-style-4 form p.login-submit, .pm-af-lost-password-form.pm-af-style-4 form p input.submit_button, .pm-af-registration-form.pm-af-style-4 form p input.pm-submit-button {
	border-bottom: 0;
}
.pm-af-lost-password-form.pm-af-style-4 form p.status, .pm-af-login-form.pm-af-style-4 form p.login-remember, .pm-af-registration-form.pm-af-style-4 form p.status {
	border-bottom: 0;
}
.pm-af-login-form.pm-af-style-4 p a, .pm-af-lost-password-form.pm-af-style-4 a, .pm-af-registration-form.pm-af-style-4  a {
    text-align: center;
    color: #fff;
    font-size: 16px;
}

/* Style - 5 */
.pm-af-login-form.pm-af-style-5, .pm-af-lost-password-form.pm-af-style-5, .pm-af-registration-form.pm-af-style-5 {
    position: relative;
    max-width: 400px;
    border-radius: 3px;
    overflow: hidden;
    background-image: linear-gradient(to top right, #f9a743, #f9db5f);
    margin: 0 auto;
	padding: 20px 40px 30px;
}
.pm-af-login-form.pm-af-style-5 .dog-ear {
    position: absolute;
    top: -110px;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #243946;
}
.pm-af-login-form.pm-af-style-5 .dog-ear.dog-ear-right {
    right: -135px;
}
.pm-af-login-form.pm-af-style-5 .dog-ear.dog-ear-left {
    left: -135px;
}
.pm-af-login-form.pm-af-style-5 .dog-face {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 200px;
    height: 150px;
    margin: 80px auto 10px;
    transform: rotate(0deg);
    transition: transform 0.2s;
    transform-origin: center 20px;
}
.pm-af-login-form.pm-af-style-5 .dog-face.dog-face-rotate {
	transform: rotate(16deg);
}
.pm-af-login-form.pm-af-style-5 .dog-eye {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #243946;
}
.pm-af-login-form.pm-af-style-5 .dog-eye.dog-eye-left {
    margin-right: 40px;
}
.pm-af-login-form.pm-af-style-5 .dog-eye.dog-eye-right {
    margin-left: 40px;
}
.pm-af-login-form.pm-af-style-5 .dog-eye .glow {
    position: relative;
    top: 3px;
    right: -12px;
    width: 12px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    transform: rotate(38deg);
}
.pm-af-login-form.pm-af-style-5 .dog-nose {
    position: relative;
    top: 30px;
    transform: scale(1.1);
}
.pm-af-login-form.pm-af-style-5 .dog-nose .glow {
    position: absolute;
    top: 3px;
    left: 32%;
    width: 15px;
    height: 8px;
    border-radius: 50%;
    background-color: #476375;
}
.pm-af-login-form.pm-af-style-5 .dog-mouth {
    position: relative;
    margin-top: 45px;
}
.pm-af-login-form.pm-af-style-5 svg.dog-smile {
    position: absolute;
    left: -28px;
    top: -19px;
    transform: scaleX(1.1);
    stroke: #243946;
}
.pm-af-login-form.pm-af-style-5 .dog-mouth-hole {
    position: absolute;
    top: 0;
    left: -50%;
    width: 60px;
    height: 15px;
    border-radius: 50%/100% 100% 0% 0;
    transform: rotate(180deg);
    background-color: #243946;
    z-index: -1;
}
.pm-af-login-form.pm-af-style-5 .dog-tongue.dog-breath {
    -webkit-animation: breath 0.3s infinite linear;
    animation: breath 0.3s infinite linear;
}
.pm-af-login-form.pm-af-style-5 .dog-tongue {
    position: relative;
    top: 5px;
    width: 30px;
    height: 20px;
    background-color: #ffd7dd;
    transform-origin: top;
    transform: rotateX(60deg);
}
.pm-af-login-form.pm-af-style-5 .dog-tongue-top {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #ffd7dd;
}
.pm-af-login-form.pm-af-style-5 .dog-line {
    position: absolute;
    top: 0;
    width: 30px;
    height: 5px;
    background-color: #fcb7bf;
}
.pm-af-login-form.pm-af-style-5 .dog-median {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 4px;
    height: 25px;
    border-radius: 5px;
    background-color: #fcb7bf;
}
.pm-af-login-form.pm-af-style-5 .dog-hands {
    position: relative;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-hand-left {
    left: 60px;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-hand-right {
    left: 180px;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-hand {
    position: absolute;
    top: 8px;
    display: flex;
    transition: transform 0.5s ease-in-out;
    z-index: 1;
}
.dog-hand.dog-hand-left.dog-hand-up, .dog-hand.dog-hand-right.dog-hand-up {
    transform: translateY(-14px);
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(1), .pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(3) {
    left: 4px;
    z-index: 1;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger {
    position: relative;
    z-index: 0;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger .dog-bone {
    width: 20px;
    height: 20px;
    border: 2px solid #243946;
    border-bottom: none;
    border-top: none;
    background-color: #fac555;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(1) .dog-bone, .pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(3) .dog-bone {
    height: 10px;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger .dog-nail {
    position: absolute;
    left: 0;
    top: 10px;
    width: 20px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #243946;
    background-color: #fac555;
    z-index: -1;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(2) {
    top: -5px;
    z-index: 2;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-hand-left.dog-hand-hide {
    transform: translate(16px, -168px) rotate(-140deg);
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-hand-right.dog-hand-hide {
    transform: translate(4px, -168px) rotate(140deg);
}
@keyframes breath {
	0%, 100% {
		transform: rotateX(0deg);
	}
	50% {
		transform: rotateX(60deg);
	}
}
.pm-af-login-form.pm-af-style-5 form {
    position: relative;
    display: flex;
    flex-direction: column;
}
.pm-af-login-form.pm-af-style-5 form input:not([type="checkbox"]), .pm-af-lost-password-form.pm-af-style-5 form input, .pm-af-registration-form.pm-af-style-5 form input, .pm-af-login-form.pm-af-style-5 form .button-primary, .pm-af-lost-password-form.pm-af-style-5 form .submit_button, .pm-af-registration-form.pm-af-style-5 form .pm-submit-button {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 30px;
}
.pm-af-login-form.pm-af-style-5 form .button-primary {
    outline: none;
    background-color: #243946;
    color: #fff;
    transition: transform 0.1s;
}
.pm-af-login-form.pm-af-style-5 form p, .pm-af-lost-password-form.pm-af-style-5 form p, .pm-af-registration-form.pm-af-style-5 form p {
	position: relative;
}
.pm-af-login-parent input#rememberme {
    margin-right: 6px;
}
.pm-af-login-form.pm-af-style-5 form label, .pm-af-lost-password-form.pm-af-style-5 form label, .pm-af-registration-form.pm-af-style-5 form label {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	font-size: 16px;
	color: #243946;
	transition: .5s;
}
.pm-af-login-form.pm-af-style-5 form p:focus-within label:not(:last-child), .pm-af-login-form.pm-af-style-5 form p.af-input-filled label:not(:last-child),
.pm-af-lost-password-form.pm-af-style-5 form p:focus-within label, .pm-af-lost-password-form.pm-af-style-5 form p.af-input-filled label,
.pm-af-registration-form.pm-af-style-5 form p:focus-within label, .pm-af-registration-form.pm-af-style-5 form p.af-input-filled label {
	top: 0px;
    font-size: .8em;
    padding: 0 6px;
    color: #243946;
 }
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(1) .dog-nail, .pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(3) .dog-nail {
    top: 0px;
}
.pm-af-login-form.pm-af-style-5 .dog-hands .dog-finger:nth-child(3) {
    left: -4px;
}
.pm-af-login-form.pm-af-style-5 form input:not([type="checkbox"]), .pm-af-lost-password-form.pm-af-style-5 form input .pm-af-registration-form.pm-af-style-5 form input {
    box-shadow: none;
    outline: none;
}
.pm-af-login-form.pm-af-style-5 form p.login-remember label {
    display: flex;
}


/* Panda Styles */
.panda-head{position:relative;margin:auto;width:320px;max-width:100%;height:280px;border-radius:50%}.panda-eye{background-color:#243946;position:absolute;width:30%;height:30%;border-radius:50%;top:20%}#left-panda-eye{transform:rotate(-45deg);left:20%}#right-panda-eye{transform:rotate(45deg);right:20%}.inner-panda-eye{background-color:#fff;position:absolute;width:50%;height:50%;border-radius:50%;top:40%}#left-inner-panda-eye{transform:rotate(30deg);right:20%}#right-inner-panda-eye{transform:rotate(-30deg);left:20%}.panda-pupil{position:absolute;background-color:#243946;width:60%;height:60%;border-radius:50%;top:30%}#left-panda-pupil{right:20%}#right-panda-pupil{left:20%}.panda-nose{position:absolute;background-color:#243946;border-radius:50%;width:20%;height:15%;top:52%;left:40%}.panda-line{position:absolute;height:5%;width:1%;background-color:#243946;left:49.5%;bottom:28%}.panda-smile{position:absolute;background-color:transparent;border-bottom:6px solid #243946;border-radius:50%;width:25%;height:20%;bottom:26%;left:37.5%}

/* Login Form Style 6 */
.pm-af-style-6 {
    background: linear-gradient(90deg, #5D54A4, #7C78B8);
    position: relative;
    height: 600px;
    width: 460px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
	display: flex;
	align-items: center;
	justify-content: center;
   	margin: 0 auto;
}
body .form-state-show.pm-af-style-6 {
	display: flex;
}
.pm-af-style-6 .pm-form-inner {
	z-index: 1;
	position: relative;
	width: 100%;
    padding: 50px 35px;
}
.pm-af-style-6 a.pm-reg-to-login-form, .pm-af-style-6 a.pm-forget-to-login-form {
    text-align: right;
    color: #b9b4f0;
}
.pm-af-style-6 .pm-form-inner form p {
    margin-bottom: 15px;
}
.pm-af-style-6 .pm-login-background {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-clip-path: inset(0 0 0 0);
	clip-path: inset(0 0 0 0);	
}
.pm-af-style-6 .pm-login-background-shape {
	transform: rotate(45deg);
	position: absolute;
}
.pm-af-style-6 .pm-login-background-shape1 {
	height: 520px;
	width: 520px;
	background: #FFF;	
	top: -50px;
	right: 120px;	
	border-radius: 0 72px 0 0;
}
.pm-af-style-6 .pm-login-background-shape2 {
	height: 220px;
	width: 220px;
	background: #6C63AC;	
	top: -172px;
	right: 0;	
	border-radius: 32px;
}
.pm-af-style-6 .pm-login-background-shape3 {
	height: 540px;
	width: 190px;
	background: linear-gradient(270deg, #5D54A4, #6A679E);
	top: -24px;
	right: 0;	
	border-radius: 32px;
}
.pm-af-style-6 .pm-login-background-shape4 {
	height: 400px;
	width: 200px;
	background: #7E7BB9;	
	top: 420px;
	right: 50px;	
	border-radius: 60px;
}
.pm-af-style-6 .pm-login-bottom {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.pm-af-style-6 .pm-login-bottom > a {
    flex: 1 0 100%;
    text-align: right;
	color: #fff;
}
.pm-af-style-6 .btn.btn-default, .pm-af-style-6 .button.button-primary {
    background: #7e7bb9;
}
.pm-af-style-6 .btn.btn-default:hover, .pm-af-style-6 .btn.btn-default:active, .pm-af-style-6 .btn.btn-default:focus,
.pm-af-style-6 .button.button-primary:hover, .pm-af-style-6 .button.button-primary:active, .pm-af-style-6 .button.button-primary:focus {
    background: #5e56a3;
}

/* Login Form Style 7 */
.pmaf-7-container {
	background-color: #fff;
	border-radius: 10px;
  	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 
			0 10px 10px rgba(0,0,0,0.22);
	position: relative;
	overflow: hidden;
	width: 768px;
	max-width: 100%;
	min-height: 480px;
}
.pmaf-7-form-container {
	top: 0;
	height: 100%;
	transition: all 0.6s ease-in-out;
}
.pmaf-7-sign-in-container {
	left: 0;
	width: 50%;
	z-index: 2;
	background: #fff;
	padding: 30px;
	display: flex;
    align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
.pmaf-7-container.right-panel-active .pmaf-7-sign-in-container {
	transform: translateX(100%);
}
.pmaf-7-sign-up-container, .pmaf-7-lost-password-container {
	left: 0;
	width: 50%;
	opacity: 0;
	visibility: hidden;
	height: 0;
	z-index: 1;
	background: #fff;
	padding: 0 30px;
	display: flex;
    align-items: center;
	justify-content: center;
}
.pmaf-7-container.right-panel-active .pmaf-7-sign-up-container, .pmaf-7-container.lost-password-panel-active .pmaf-7-lost-password-container {
	transform: translateX(100%);
	opacity: 1;
	visibility: visible;
	height: auto;
	z-index: 5;
	animation: pmaf-7-show 0.6s;
}
.pmaf-7-container.right-panel-active .pmaf-7-sign-in-container, .pmaf-7-container.lost-password-panel-active .pmaf-7-sign-in-container {
	opacity: 0;
	visibility: hidden;
	height: 0;
}
@keyframes pmaf-7-show {
	0%, 49.99% {
		opacity: 0;
		z-index: 1;
	}
	
	50%, 100% {
		opacity: 1;
		z-index: 5;
	}
}
.pmaf-7-overlay-container {
	position: absolute;
	top: 0;
	left: 50%;
	width: 50%;
	height: 100%;
	overflow: hidden;
	transition: transform 0.6s ease-in-out;
	z-index: 100;
}
.pmaf-7-container.right-panel-active .pmaf-7-overlay-container,
.pmaf-7-container.lost-password-panel-active .pmaf-7-overlay-container {
	transform: translateX(-100%);
}
.pmaf-7-overlay {
	background: #FF416C;
	background: -webkit-linear-gradient(to right, #FF4B2B, #FF416C);
	background: linear-gradient(to right, #FF4B2B, #FF416C);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	color: #FFFFFF;
	position: relative;
	left: -100%;
	height: 100%;
	width: 200%;
  	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}
.pmaf-7-container.right-panel-active .pmaf-7-overlay,
.pmaf-7-container.lost-password-panel-active .pmaf-7-overlay {
  	transform: translateX(50%);
}
.pmaf-7-overlay-panel {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 0 40px;
	text-align: center;
	top: 0;
	height: 100%;
	width: 50%;
	transform: translateX(0);
	transition: transform 0.6s ease-in-out;
}
.pmaf-7-overlay-left {
	transform: translateX(-20%);
}
.pmaf-7-container.right-panel-active .pmaf-7-overlay-left,
.pmaf-7-container.lost-password-panel-active .pmaf-7-overlay-left {
	transform: translateX(0);
}
.pmaf-7-overlay-right {
	right: 0;
	transform: translateX(0);
}
.pmaf-7-container.right-panel-active .pmaf-7-overlay-right,
.pmaf-7-container.lost-password-panel-active  .pmaf-7-overlay-right {
	transform: translateX(20%);
}
.pmaf-7-overlay-right h1, .pmaf-7-overlay-left h1 {
    color: #fff;
    font-size: 2em;
    font-weight: 900;
}
.pmaf-7-overlay-right p, .pmaf-7-overlay-left p {
    font-size: 14px;
    font-weight: 100;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin: 20px 0 30px;
}
.pmaf-7-overlay-right a, .pmaf-7-overlay-left a {
    border-radius: 20px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
}
.pmaf-7-container form {
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 50px;
    height: 100%;
}
.pmaf-7-container input.button.button-primary {
    line-height: 20px;
}
.pmaf-7-container .button.button-primary, .pmaf-7-container .btn.btn-default {
    border-radius: 20px;
    border: 1px solid #FF4B2B;
    background-color: #FF4B2B;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    padding: 12px 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: transform 80ms ease-in;
    margin-bottom: 0;
}

/* Login Form Style 8 */
.pm-af-login-form.pm-af-style-8, .pm-af-lost-password-form.pm-af-style-8, .pm-af-registration-form.pm-af-style-8 {
	width: 100%;
    margin: auto;
    max-width: 400px;
    min-height: 100%;
    position: relative;	
    padding: 50px 70px 50px 70px;
    background: url(https://plugin.net/wp-content/uploads/2024/02/form-bg-jpg.webp) no-repeat center;
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24), 0 17px 50px 0 rgba(0,0,0,.19);
    border-radius: 6px;
}
.pm-af-login-form.pm-af-style-8:before, .pm-af-lost-password-form.pm-af-style-8:before, .pm-af-registration-form.pm-af-style-8:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(40,57,101,.9);
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 6px;
}
.pm-af-login-form.pm-af-style-8 form, .pm-af-login-form.pm-af-style-8 .pm-login-bottom, .pm-af-lost-password-form.pm-af-style-8 form, .pm-af-lost-password-form.pm-af-style-8 .pm-login-bottom, .pm-af-lost-password-form.pm-af-style-8 a, .pm-af-registration-form.pm-af-style-8 form, .pm-af-registration-form.pm-af-style-8 .pm-login-bottom {
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
	color: #fff;
}
.pm-af-login-form.pm-af-style-8 form input:not(.pm-af-login-form.pm-af-style-8 form p.login-remember input, .pm-af-login-form.pm-af-style-8 form p.login-submit input), .pm-af-lost-password-form.pm-af-style-8 form input, .pm-af-registration-form.pm-af-style-8 form input {
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    background: rgba(255,255,255,.1);
    width: 100%;
    color: #fff;
    display: block;
}
.pm-af-login-form.pm-af-style-8 form label, .pm-af-lost-password-form.pm-af-style-8 form label, .pm-af-registration-form.pm-af-style-8 form label {
    color: #aaa;
    font-size: 12px;
	width: 100%;
    display: block;
	text-transform: uppercase;
}
.pm-af-login-form.pm-af-style-8 form input.button.button-primary, .pm-af-lost-password-form.pm-af-style-8 form button.submit_button.btn.btn-default, .pm-af-registration-form.pm-af-style-8 form button.pm-submit-button.btn.btn-default {
    border: none;
	padding: 10px 20px;
    border-radius: 25px;
    background: #1161ee;
    width: 100%;
    color: #fff;
    display: block;
}
.pm-af-login-form.pm-af-style-8 form input.button.button-primary {
	padding: 0;
}
.pm-af-registration-form.pm-af-style-8 form button.pm-submit-button.btn.btn-default {
	margin-top: 30px;
}
.pm-af-login-form.pm-af-style-8 .pm-login-bottom a, .pm-af-lost-password-form.pm-af-style-8 form a.pm-forget-to-login-form, .pm-af-registration-form.pm-af-style-8 a.pm-reg-to-login-form {
    color: #fff !important;
}
.pm-af-login-form.pm-af-style-8.form-state-show form, .pm-af-lost-password-form.pm-af-style-8.form-state-show form, .pm-af-registration-form.pm-af-style-8.form-state-show form {
	-webkit-animation: popup .6s;
    animation: popup .6s;
}
@keyframes popup {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
	}
}	

/* Login Form Style 9 */
.pm-af-login-form.pm-af-style-9, .pm-af-lost-password-form.pm-af-style-9, .pm-af-registration-form.pm-af-style-9 {
	position: relative;
    max-width: 400px;
    box-shadow: -1px 92px 99px -62px rgba(3, 107, 255, 0.27), 0 1px 6px 0 rgba(10, 48, 255, 0.48);
    border-radius: 5px;
    overflow: hidden;
    background: #191919;
    margin: 0 auto;
    padding: 40px 50px;
}
.pm-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    margin: auto;
    width: 100vw;
	z-index: 0;
}
.pm-lines .pm-line {
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: transparent;
    overflow: hidden;
}
.pm-lines .pm-line::after {
    content: "";
    display: block;
    position: absolute;
    height: 15vh;
    width: 100%;
    top: -50%;
    left: 0;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 75%,#fff 100%);
    -webkit-animation: run 7s 0s infinite;
    animation: run 7s 0s infinite;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: cubic-bezier(.4,.26,0,.97);
    animation-timing-function: cubic-bezier(.4,.26,0,.97);
}
.pm-lines .pm-line:nth-child(1) {
    margin-left: -25%;
}
.pm-lines .pm-line:nth-child(1)::after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(82,255,22,1) 0%, rgba(0,212,255,1) 68%);
}
.pm-lines .pm-line:nth-child(2) {
    margin-left: -28%;
}
.pm-lines .pm-line:nth-child(2)::after {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,22,215,1) 0%, rgba(255,0,87,1) 74%);
}
.pm-lines .pm-line:nth-child(3) {
    margin-left: -31%;
}
.pm-lines .pm-line:nth-child(3)::after {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(57,22,255,1) 0%, rgba(0,207,255,1) 100%);
}
.pm-lines .pm-line:nth-child(4) {
    margin-left: -34%;
}
.pm-lines .pm-line:nth-child(4)::after {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(246,255,22,1) 0%, rgba(255,0,0,1) 100%);
}
.pm-lines .pm-line:nth-child(5) {
    margin-left: -37%;
}
.pm-lines .pm-line:nth-child(5)::after {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s;
}
.pm-lines .pm-line:nth-child(6) {
    margin-left: -40%;
}
.pm-lines .pm-line:nth-child(6)::after {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(246,255,22,1) 0%, rgba(255,0,0,1) 100%);
}
.pm-lines .pm-line:nth-child(7) {
    margin-left: -43%;
}
.pm-lines .pm-line:nth-child(7)::after {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(57,22,255,1) 0%, rgba(0,207,255,1) 100%);
}
.pm-lines .pm-line:nth-child(8) {
    margin-left: -46%;
}
.pm-lines .pm-line:nth-child(8)::after {
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(255,22,215,1) 0%, rgba(255,0,87,1) 74%);
}
.pm-lines .pm-line:nth-child(9) {
    margin-left: -49%;
}
.pm-lines .pm-line:nth-child(9)::after {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
	background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(82,255,22,1) 0%, rgba(0,212,255,1) 68%);
}
.pm-af-login-form.pm-af-style-9 form, .pm-af-login-form.pm-af-style-9 .pm-login-bottom, .pm-af-lost-password-form.pm-af-style-9 form, .pm-af-lost-password-form.pm-af-style-9 .pm-login-bottom, .pm-af-lost-password-form.pm-af-style-9 a, .pm-af-registration-form.pm-af-style-9 form, .pm-af-registration-form.pm-af-style-9 .pm-login-bottom {
    position: relative;
    perspective: 1000px;
    transform-style: preserve-3d;
	color: #fff;
    z-index: 2;
}
.pm-af-login-form.pm-af-style-9 p.status {
	color: #fff;
}
.pm-af-login-form.pm-af-style-9 form input:not(.pm-af-login-form.pm-af-style-9 form p.login-remember input, .pm-af-login-form.pm-af-style-9 form p.login-submit input), .pm-af-lost-password-form.pm-af-style-9 form input, .pm-af-registration-form.pm-af-style-9 form input {
    border: none;
    padding: 10px 20px;
    border-radius: 25px;
    background: rgba(255,255,255,.1);
    width: 100%;
    color: #fff;
    display: block;
}
.pm-af-login-form.pm-af-style-9 form input.button.button-primary, .pm-af-lost-password-form.pm-af-style-9 form button.submit_button.btn.btn-default, .pm-af-registration-form.pm-af-style-9 form button.pm-submit-button.btn.btn-default {
    border: none;
	padding: 10px 20px;
    border-radius: 25px;
    background: #1161ee;
    width: 100%;
    color: #fff;
    display: block;
}
.pm-af-login-form.pm-af-style-9 form input.button.button-primary {
	padding: 0;
}
.pm-af-registration-form.pm-af-style-9 form button.pm-submit-button.btn.btn-default {
	margin-top: 30px;
}
.pm-af-login-form.pm-af-style-9 .pm-login-bottom a, .pm-af-lost-password-form.pm-af-style-9 form a.pm-forget-to-login-form, .pm-af-registration-form.pm-af-style-9 a.pm-reg-to-login-form {
    color: #fff !important;
}
@keyframes run {
	0% {
		top: -50%;
	}
	100% {
		top: 110%;
	}
}