:root {
	--blue: #007bff;
	--indigo: #6610f2;
	--purple: #6f42c1;
	--pink: #e83e8c;
	--red: #dc3545;
	--orange: #fd7e14;
	--yellow: #ffc107;
	--green: #28a745;
	--teal: #20c997;
	--cyan: #17a2b8;
	--white: #fff;
	--gray: #6c757d;
	--gray-dark: #343a40;
	--primary: #5867dd;
	--secondary: #ebedf2;
	--success: #34bfa3;
	--info: #36a3f7;
	--warning: #ffb822;
	--danger: #f4516c;
	--light: #f8f9fa;
	--dark: #343a40;
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

*, *::before, *::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body {
	margin: 0;
	font-family: "Roboto";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem
}
a {
	color: #5867dd;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
button {
	border-radius: 0
}
input, button, select, optgroup, textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}

button, input {
	overflow: visible
}

button, select {
	text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
	-webkit-appearance: button
}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px
}

.col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%
}
.form-control {
	display: block;
	width: 100%;
	height: calc(2.95rem + 2px);
	padding: .85rem 1.15rem;
	font-size: 1rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}
.form-control::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1
}
.form-group {
	margin-bottom: 1rem
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .85rem 1.15rem;
	font-size: 1rem;
	line-height: 1.25;
	border-radius: .25rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out
}
html {
	font-family: sans-serif;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	direction: ltr
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-weight: 300;
	font-family: "Roboto";
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

	html a, html button, body a, body button {
		outline: none !important
	}

body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

body, .m-smooth-scroll {
	scroll-behavior: smooth
}
.m--align-right {
	text-align: right
}

.m--align-left {
	text-align: left
}

.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

	.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile).m-grid--root {
		-webkit-box-flex: 1;
		flex: 1;
		-ms-flex: 1 0 0px
	}

	.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile) > .m-grid__item {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none
	}

		.m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile) > .m-grid__item.m-grid__item--fluid, .m-grid.m-grid--hor:not(.m-grid--desktop):not(.m-grid--desktop-and-tablet):not(.m-grid--tablet):not(.m-grid--tablet-and-mobile):not(.m-grid--mobile) > .m-grid__item.m-grid__item--fluid-general {
			-webkit-box-flex: 1;
			-ms-flex: 1 0 auto;
			flex: 1 0 auto
		}
	.m-grid > .m-grid__item {
		max-width: 100%
	}
.btn {
	font-family: "Roboto";
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	cursor: pointer;
	border-radius: 0;
	border-radius: .25rem
}
.form-control {
	font-family: sans-serif, Arial;
	border-radius: 0;
	border-radius: .25rem
}
.form-control[readonly], .form-control {
	border-color: #ebedf2;
	color: #575962
}


	.form-control[readonly]::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
		color: #9699a2
	}

.m-login.m-login--2 {
	background-size: cover;
	background-repeat: no-repeat
}

	.m-login.m-login--2 .m-login__wrapper {
		padding: 6% 2rem 1rem 2rem;
		margin: 0 auto 2rem auto;
		overflow: hidden
	}

		.m-login.m-login--2 .m-login__wrapper .m-login__container {
			max-width: 350px;
			min-width:300px;
			width:100%;
			margin: 0 auto;
			background: #fff;
			padding: 20px;
			border-radius: 20px;
			box-shadow: 1px 1px 8px 0px rgb(0 0 0 / 50%);
		}

			.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head {
				margin-top: 1rem
			}

				.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__head .m-login__title {
					text-align: center;
					font-size: 1.5rem
				}

			.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form {
				margin: 2.5rem auto 0.5rem auto;
			}

				.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group {
					margin: 0;
					padding: 0;
					margin: 0 auto
				}

					.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control {
						border-radius: 40px;
						border: none;
						padding: 1.5rem 1.5rem;
						margin-top: 1.5rem
					}

						.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-form__group .form-control.m-login__form-input--last {
							border: 0
						}


				.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub {
					padding-left: 7px;
					padding-right: 7px;
					margin: 15px auto
				}


					.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-sub .m-link {
						font-size: 1rem
					}

				.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action {
					text-align: center;
					margin-top: 7%
				}

					.m-login.m-login--2 .m-login__wrapper .m-login__container .m-login__form .m-login__form-action .m-login__btn {
						display: inline-block;
						text-align: center;
						padding: 10px 30px;
						margin-top: 0.3rem;
						font-size: 1.15rem;
					}
	.m-login.m-login--2.m-login--signin .m-login__signin {
		display: block
	}

	.m-login.m-login--2.m-login--signin .m-login__forget-password {
		display: none
	}

	.m-login.m-login--2.m-login--signup .m-login__signin {
		display: none
	}

	.m-login.m-login--2.m-login--signup .m-login__forget-password {
		display: none
	}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__title {
	color: #3d155f;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
}

	.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__head .m-login__title::before {
		content: ' ';
		position: absolute;
		bottom: 0;
		background-color: #3d155f;
		height: 1px;
		left: calc(50% - 60px);
		right: calc(50% - 60px);
	}

.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form {
	color: #c2acf4
}

	.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control {
		color: #555;
		background: #fff;
		border: 1px solid #d1d1d1 !important;
	}

		.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .form-control::-webkit-input-placeholder {
			color: #ccc;
		}

	.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-sub .m-link {
		color: #555;
	}

	.m-login.m-login--2.m-login-2--skin-1 .m-login__container .m-login__form .m-login__form-action .m-login__btn.m-login__btn--primary {
		color: #fff;
		border-color: #f5f5f5;
		background-color: #3d155f;
		font-weight: 500;
		text-transform: uppercase;
		border-radius: 20px;
	}
	.m-login.m-login--2.m-login--forget-password .m-login__signin {
		display: none;
	}
.flipInX {
	-webkit-animation-name: flipInX;
	-webkit-backface-visibility: visible !important;
	animation-name: flipInX;
	backface-visibility: visible !important;
}
.animated {
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@-webkit-keyframes flipInX {
	0% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateX(90deg)
	}

	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
		transform: perspective(400px) rotateX(10deg)
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes flipInX {
	0% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
		transform: perspective(400px) rotateX(90deg)
	}

	40% {
		-webkit-animation-timing-function: ease-in;
		-webkit-transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in;
		transform: perspective(400px) rotateX(-20deg)
	}

	60% {
		-webkit-transform: perspective(400px) rotateX(10deg);
		opacity: 1;
		transform: perspective(400px) rotateX(10deg)
	}

	80% {
		-webkit-transform: perspective(400px) rotateX(-5deg);
		transform: perspective(400px) rotateX(-5deg)
	}

	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.flipInX {
	-webkit-animation-name: flipInX;
	-webkit-backface-visibility: visible !important;
	animation-name: flipInX;
	backface-visibility: visible !important
}
:focus-visible{
	border: none;
	outline: none;
}