:root {
	--default-black: #000000;
	--white: #ffffff;
	--white-2: #F1F1F1;
	--hover-overlay: #0000000d;
	--background-main: #F2F4F9;
	--main-color: #00819D;
	--second-color: #009D94;
	--btn-main: #00819D;
	--text-main: #8D98B4;
	--text-black: #1F1F1F;
	--border: #CBCDD8;
	--border-2: #DFE0E8;
	--border-3: #00889b;
	--danger: #D7443E;
	--danger-2: #D94B4B;
	--header-form: #ECEFF5;
	--color-2: #E0E5F0;
	--color-3: #C6CDDD;
	--color-menu-border: #f3f4f7;
	--accent: #49A399;

	--react-like: #019B95;
	--react-disturb: #00819D;
	--react-super: #D7443E;
	--react-smile: #0075FF;
	--react-smile-female: #EC6A9B;
	--react-funny: #F5581F;
	--react-interest: #FFA800;
	--react-open-eyed: #589D00;
	--react-sad: #6C36B0;
	--react-sad-female: #368CB0;
	--react-angry: #D94B4B;

	--ease-elastic-1: cubic-bezier(.5, .75, .75, 1.25);
	--ease-elastic-2: cubic-bezier(.5, 1, .75, 1.25);
	--ease-elastic-3: cubic-bezier(.5, 1.25, .75, 1.25);
	--ease-elastic-4: cubic-bezier(.5, 1.5, .75, 1.25);
	--ease-elastic-5: cubic-bezier(.5, 1.75, .75, 1.25);

	--radius-block: 10px;

	--userStatus-background-color: #F2F4F9;
	--userStatus-text-color: #8D98B4;

	--userStatus-regular: #F2F4F9;
	--userStatus-silver: linear-gradient(109.72deg, #066D86 11.09%, #00A3C8 83.59%);
	--userStatus-gold: linear-gradient(126.98deg, #9945DA 18.23%, #923DD5 57.13%, #812BC5 92.42%);
}


.logo a:hover {
	text-decoration: none;
}

#welcomeheader .mdbtn,
.login,
.register,
.forgot_pass,
.user-image,
.w100,
.wo_r_features {
	overflow: hidden
}

* {
	box-sizing: border-box;
	outline: 0 !important
}

body {
	overflow-x: hidden
}

body:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: .2
}

.w100 {
	width: 100%
}

.ad-placement-header-footer {
	display: none
}

#re-send {
	margin-bottom: 0;
	margin-top: 20px
}

.footer_button {
	text-align: center;
	font-size: 16px;
	font-weight: 900;
	color: #00819d;
}

.welcome-container {
	background: url('../img/bg_welcome_moon.svg') no-repeat;
	background-position: 83% 150px;
}

.cc-revoke,
.cc-window {
	font-family: var(--font), sans-serif;
	font-size: 14px;
}

.cc-message a {
	color: #fff;
	text-decoration: underline;
}

.cc-message a:hover {
	color: #fff;
	text-decoration: none;
}

.welcome-container #contnet {
	background: url('../img/bg_welcome.svg') no-repeat;
	width: 100%;
	height: 100%;
	background-position: bottom;
}

.help-block-welcome {
	color: #777;
	margin-bottom: 5px;
	font-size: 12px
}

#welcomeheader {
	height: 80px;
	width: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
	box-shadow: 0px -2px 8px rgb(0 0 0 / 15%);
	background: #ffffff;
}

#welcomeheader .mdbtn {
	transition: all .2s ease;
	cursor: pointer;
	min-width: 88px;
	text-align: center;
	border-radius: 3px;
	user-select: none;
	border: 2px solid;
	outline: 0;
	padding: 5px 0;
	height: auto;
	margin: 7.5px 0
}

.absul-right {
	position: relative
}

.logo {
	display: block;
	margin-top: 26px;
	margin-right: 55px
}

.logo img {
	max-width: 130px
}

.welcome-search-con {
	color: #fff;
	position: relative
}

.welcome-search-con i {
	position: absolute;
	left: 10px;
	top: 2px
}

.login,
.welcome-footer,
.wrapper {
	position: relative
}

.welcome-search {
	background: rgba(0, 0, 0, .2);
	border: 0;
	padding: 5px 13px 5px 30px;
	width: 400px;
	margin-top: -15px;
	max-width: 400px;
	border-radius: 2px;
	height: 32px;
	transition: background .2s ease-out;
	outline: 0;
	font-family: Helvetica Neue, HelveticaNeue, Helvetica, Arial, sans-serif
}

.welcome-footer {
	padding: 10px;
	float: left
}

.welcome-footer-right {
	padding: 10px 0 10px 10px;
	color: #1f1f1f;
	float: right;
	margin-right: -15px;
	position: relative
}

.welcome-footer a {
	color: #1f1f1f
}

.welcome-footer a:not(.lang) {
	padding-right: 10px;
	text-shadow: none
}

footer:empty {
	padding: 0
}

.wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	min-height: calc(100vh - 110px);
	margin: 60px 0 10px
}

.wrapper:after,
.wrapper:before {
	-webkit-box-flex: 1;
	box-flex: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	content: '';
	display: block;
	height: 24px
}

.g-recaptcha {
	transform: scale(.85);
	transform-origin: 0 0
}

.login {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	background-color: #fff;
	box-shadow: 0 5px 30px rgba(0, 0, 0, .25);
	min-height: 587px;
	border-radius: 50px;
	display: flex;
}

.welcome_description_text {
	font-family: var(--font);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #1F1F1F;
	margin-bottom: 16px;
}

.welcome_subdescription_text {
	font-family: var(--font);
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 15px;
	color: #1F1F1F;
}

.welcome_email_text {
	font-family: var(--font);
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #1F1F1F;
	margin-bottom: 16px;
}

.welcome_lightBtn {
	font-family: var(--font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #00819D;
	margin: 8px 0px;
	cursor: pointer;
}

.welcome_lightBtn:hover {
	color: #1F1F1F;
}

.bottom_button_enter {
	font-family: var(--font);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: #00819D;
	cursor: pointer;
	text-align: center;
	margin-top: 65px;
}

.bottom_button_enter:hover {
	color: #1F1F1F;
}

.iti__flag {
	background-image: url('../javascript/intl-tel-input-17.0.0/build/img/flags.png');
}

.iti {
	width: 100%;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
	.iti__flag {
		background-image: url("../javascript/intl-tel-input-17.0.0/build/img/flags@2x.png");
	}
}

.login form {
	padding: 0px 64px 0px;
	width: 100%;
	/*margin: 45px 0px;*/
	/*	border-left: 2px solid #ddd; */
}

/*.login.log_in{
    background-image: url('../img/bg_welcome_form.svg');
    background-repeat: no-repeat;
    background-position: -7px -7px;	
}
.login.register{
    background-image: url('../img/bg_welcome_form_reg.svg');
    background-repeat: no-repeat;
    background-position: -7px -0px;	
}
.login.forgot_pass{
    background-image: url('../img/bg_welcome_form_forgot.svg');
    background-repeat: no-repeat;
    background-position: -7px -0px;	
}*/
#reset-form {
	padding: 90px 60px;
}

#forgot-form {
	padding: 90px 60px;
}

.login>.col-md-6:last-child {
	justify-content: center;
	display: flex;
	height: 100%;
	min-height: 570px;
	align-items: center;
}

.register>.col-md-6:last-child {
	min-height: 690px;
}

.login .col-md-6 {
	padding: 0;
}

.login .col-md-5,
.login .col-md-7 {
	padding: 0
}

.login .col-md-7 {
	margin-left: 41.66666667%
}

.login_left_combo_parent {
	position: absolute;
	height: 645px;
	float: left;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .5);
	color: #ffffff;
}

.register .login_left_combo_parent {
	height: 690px;
}

.login_left_combo {
	display: flex;
	align-items: center;
	height: 100%;
	position: absolute;
	padding: 30px 40px;
	font-family: var(--font), sans-serif;
	top: 0
}

.terms,
.terms label,
.user-image,
.users-profiles {
	position: relative
}

.login_left_combo h2 {
	margin-top: 0;
	font-weight: 500;
	font-size: 40px;
	margin-bottom: 7px
}

.errors,
.success {
	font-weight: 500;
	font-family: var(--font), sans-serif
}

.login_left_combo p {
	font-size: 16px;
	margin-bottom: 50px
}

.forgot_password {
	text-align: left;
	margin: 16px 0 35px;
	color: #00819D;
}

.forgot_password a {
	color: #00819D;
	margin-top: 16px;
}

.login_signup_combo {
	margin: 20px 0;
	position: relative
}

.login_signup_combo .login__ {
	display: flex;
	align-items: center;
	justify-content: center
}

.login_signup_combo .login__ .btn {
	width: 100%;
	max-width: 250px;
	line-height: 42px;
	background: linear-gradient(167.96deg, #009D94 0%, #00819D 100%) !important;
	border-radius: 50px;
	border: 1px solid #fff;
}

.login_signup_combo .login__ .btn:hover {
	background: #ffffff !important;
	color: #009D94 !important;
	border: 1px solid #009D94;
}

.login_signup_combo .social_btns {
	text-align: center;
	color: #1F1F1F;
	margin: 22px 6px 0px;
}

.login_signup_combo .signup__ {
	text-align: center;
	margin: 10px 0 16px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.login_signup_combo .signup__ p {
	color: #1F1F1F;
	margin: 0px;
}

.login_signup_combo .signup__ p a {
	color: #00819D;
}

.social_btns p {
	margin-bottom: 10px
}

.social_btns a {
	text-decoration: none;
	width: 39px;
	height: 39px;
	margin: 0 5px 0 0;
	border-radius: 50%;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
	transition: all .2s ease;
	padding: 8px
}

.errors,
.success {
	padding: 0 5px 5px 0;
	font-size: 11.5px;
	margin-bottom: 10px
}

.errors {
	color: #D7443E
}

.error_input {
	border: 1px solid red !important;
}

.success {
	color: #00819D
}

.login .title {
	font-family: var(--font);
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	text-align: center;
	display: none;
}

.typing-element,
.wo_r_features ul li {
	font-family: var(--font), sans-serif
}

.random_users {
	margin-top: 20px
}

.random_users hr {
	border-color: #eee
}

.users-profiles {
	padding: 0;
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
	display: block
}

.user-image,
.user-image img {
	width: 40px;
	height: 40px;
	border-radius: 50%
}

.user-image {
	display: inline-block;
	margin: -7px -3px;
	box-shadow: -1px 1px 8px 0 rgba(0, 0, 0, .2)
}

.terms {
	padding-left: 22px;
	display: flex;
}

.terms input[type=checkbox] {
	opacity: 0;
	margin: 0 0 6px 4px;
	display: none
}

.terms label::after,
.terms label::before {
	display: inline-block;
	left: 0;
	margin-left: -20px
}

.terms label {
	margin: 8px;
	min-height: 20px;
	font-weight: 400;
	cursor: pointer;
	user-select: none
}

.terms label::before {
	content: "";
	position: absolute;
	width: 17px;
	height: 17px;
	top: 2px;
	border: 2px solid rgba(0, 0, 0, .54);
	border-radius: 2px;
	background-color: #fff;
	transition: all 90ms cubic-bezier(0, 0, .2, .1)
}

.terms.error label::before {
	border: 2px solid var(--danger);
}
.terms input[type=checkbox]:checked+label::before {
	background-color: #1e2322;
	border-color: #1e2322
}

.terms label::after {
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	padding-left: 3px;
	padding-top: 1px;
	font-size: 11px;
	color: #555
}

.terms input[type=checkbox]:checked+label::after {
	border: 2px solid #fff;
	border-top: none;
	border-right: none;
	content: "";
	height: 5px;
	left: 3px;
	position: absolute;
	top: 7px;
	transform: rotate(-45deg);
	width: 10px;
	transition: .2s;
	color: #fff
}

.typed-cursor {
	opacity: 1;
	-webkit-animation: blink .7s infinite;
	-moz-animation: blink .7s infinite;
	animation: blink .7s infinite;
	color: #e9e9e9;
	font-size: 28px
}

@keyframes blink {

	0%,
	100% {
		opacity: 1
	}

	50% {
		opacity: 0
	}
}

@-webkit-keyframes blink {

	0%,
	100% {
		opacity: 1
	}

	50% {
		opacity: 0
	}
}

.typing-element {
	font-size: 28px;
	height: 28px;
	margin-bottom: 35px;
	color: #e9e9e9;
	z-index: 9;
	font-weight: 300;
	text-align: center
}

.wo_regi_features {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, .75);
	padding: 70px 0 !important
}

.wo_r_features {
	background: #fff;
	border-radius: 4px;
	margin-left: -40px;
	min-height: 100px;
	width: 280px;
	height: 100%;
	box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
	position: relative
}

.wo_r_features ul {
	padding: 0;
	margin: 0;
	text-align: center;
	height: 100%
}

.wo_r_features ul li {
	height: 33.3333%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eee;
	font-weight: 500;
	font-size: 16px
}

.wo_r_features ul li:last-child {
	border: 0
}

.wo_r_features ul li svg {
	display: block;
	margin: 0 auto 10px;
	width: 40px;
	height: 40px
}

.login.forgot_pass {
	width: 100%;
	/* 	max-width:1024px; */
	min-height: 587px;
}

.user-image:hover {
	transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transition: 0.2s all;
}

.spinner {
	-webkit-animation: rotator 1.7s linear infinite;
	animation: rotator 1.7s linear infinite;
	width: 27px;
	margin-right: 15px;
	opacity: 0;
	visibility: hidden
}

.spinner.show {
	opacity: 1;
	visibility: visible
}

.spinner__path {
	stroke-dasharray: 187;
	stroke-dashoffset: 0;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-animation: dash 1.7s ease-in-out infinite;
	animation: dash 1.7s ease-in-out infinite;
	stroke: #5c6062
}

@-webkit-keyframes rotator {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}
}

@keyframes rotator {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dashoffset: 187
	}

	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	to {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg)
	}
}

@keyframes dash {
	0% {
		stroke-dashoffset: 187
	}

	50% {
		stroke-dashoffset: 46.75;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	to {
		stroke-dashoffset: 187;
		-webkit-transform: rotate(450deg);
		transform: rotate(450deg)
	}
}

#wo_language_modal {
	background: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.04'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center #e0e0e0;
	border-bottom: 1px solid #c8c8c8
}

#wo_language_modal .language_head {
	font-size: 18px;
	overflow: hidden
}

#wo_language_modal ul {
	padding: 0
}

#wo_language_modal ul .language_select {
	width: 18.7%;
	display: inline-block;
	text-align: center;
	margin: 30px 2px 5px
}

#wo_language_modal ul .language_select a {
	display: table;
	text-decoration: none;
	font-weight: 700;
	font-size: 13px;
	width: 100%
}

#wo_language_modal ul .language_select a .language_initial {
	display: table-caption;
	width: 50px;
	height: 50px;
	background: 0 0;
	margin: 0 auto 8px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .24);
	border-radius: 50%;
	transition: all .2s ease-in-out
}

.carousel,
.carousel-inner {
	height: 100%
}

#wo_language_modal ul .language_select:hover .language_initial {
	box-shadow: 0 2px 6px rgba(0, 0, 0, .5)
}

.animated {
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated_2 {
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}

.animated_4 {
	-webkit-animation-duration: .4s;
	animation-duration: .4s
}

.animated_5 {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}

.animated_6 {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}

.animated_8 {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}

.animated_9 {
	-webkit-animation-duration: .9s;
	animation-duration: .9s
}

.animated_10 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}

.animated_12 {
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 15%, 0);
		transform: translate3d(0, 15%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

.carousel {
	z-index: -1
}

.carousel-inner .item {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height: 100%
}

@media (min-width:1200px) {
	/* .container{width:97%} */
}

@media (max-width:1200px) {

	.welcome-footer,
	.welcome-footer-right {
		font-size: 12px;
		padding: 9px
	}
}

@media (max-width:992px) {
	.wo_regi_features {
		width: 41.66666667%
	}
}

@media (max-width:880px) {
	.wo_r_features {
		margin: auto;
		width: 100%;
		max-width: 90%
	}
}

@media (max-width:815px) {
	.login {
		max-width: 90%
	}
}

@media (max-width:800px) {
	.login_left_combo {
		padding: 30px 20px
	}

	.social_btns a {
		margin-top: 10px
	}

	.login_left_combo_parent {
		width: 40%
	}

	.login .col-md-6 {
		margin: 0 auto;
		max-width: 400px;
		float: none;
	}
}

@media (max-width:720px) {
	.welcome-footer a:not(.lang) {
		padding-right: 1px;
		text-shadow: none
	}

	.typed-cursor,
	.typing-element {
		font-size: 24px !important
	}

	.login_left_combo_parent {
		width: 100%;
		position: relative;
		float: none;
		height: 270px
	}

	.login .col-md-6 {
		margin: auto
	}

	.typing-element {
		height: 24px !important
	}

	.login_left_combo {
		width: 100%
	}
}

@media (max-width:670px) {
	.wo_regi_features {
		width: 100%;
		position: relative;
		padding: 30px 0 !important
	}

	.wo_r_features {
		min-height: auto;
		padding: 15px 0
	}

	.wo_r_features ul li {
		width: 33.3333%;
		float: left;
		border-bottom: 0;
		border-right: 1px solid #eee
	}

	.login .col-md-7 {
		margin: 0
	}

	.login_left_combo_parent {
		height: 250px
	}
}

@media (max-width:640px) {

	.welcome-footer,
	.welcome-footer-right {
		color: #1f1f1f;
		float: none !important;
		display: block;
		text-align: center
	}
}

@media (max-width:540px) {
	.login_left_combo p {
		font-size: 14px
	}

	.login_left_combo>div>p {
		margin-bottom: 30px
	}

	.login.forgot_pass {
		max-width: 90%
	}
}

@media (max-width:440px) {
	.login_left_combo>div>p {
		display: none
	}

	.login_left_combo_parent {
		height: 160px
	}
}

@media (max-width:390px) {
	.login {
		min-width: 100%
	}
}


/*Form Fields*/
.wow_form_fields {
	position: relative;
	margin: 15px 0;
	font-family: var(--font), sans-serif;
}

.wow_form_fields>label {
	font-weight: 500;
	font-size: 18px;
	display: block;
	margin-bottom: 8px;
	display: none;
}

.wow_form_fields input,
.wow_form_fields textarea,
.wow_form_fields select,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
	background-color: transparent;
	box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	border-radius: 4px;
	transition: background-color 240ms, box-shadow 240ms;
	color: #393d4a;
	font-weight: 400;
	font-size: 16px;
	line-height: 28px;
	padding: 8px;
	width: 100%;
	border: 0;
	outline: 0;
}

.wow_form_fields input,
.wow_form_fields select {
	height: 44px;
}

.wow_form_fields textarea {
	resize: vertical;
}

.wow_form_fields input:focus,
.wow_form_fields textarea:focus,
.wow_form_fields select:focus,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle:focus,
.wow_form_fields .bootstrap-tagsinput:focus {
	box-shadow: rgba(60, 66, 87, 0.16) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.12) 0px 1px 1px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(58, 151, 212, 0.28) 0px 0px 0px 4px, rgba(0, 0, 0, 0) 0px 0px 0px 0px;
}

#welcomeheader .mdbtn {
	min-width: 180px;
	height: 40px;
	background: #FFFFFF;
	border: 1px solid #00819D;
	box-sizing: border-box;
	border-radius: 10px;
	color: #00819D;
	padding: 11px;
	margin: 20px;
}

#welcomeheader .mdbtn:hover {
	background: #00819D !important;
	color: #ffffff !important;
}

/*Buttons*/
.btn-mat {
	position: relative;
	user-select: none;
	outline: 0;
	border: none;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
	text-align: center;
	min-width: 64px;
	line-height: 36px;
	padding: 0 16px;
	border-radius: 4px;
	transform: translate3d(0, 0, 0);
	transition: background .4s cubic-bezier(.25, .8, .25, 1), box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
	font-family: var(--font), sans-serif;
	font-size: 14px;
	font-weight: 500;
	overflow: hidden;
}

.btn-mat::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: currentColor;
	opacity: 0;
	transition: opacity 0.2s;
}

.btn-mat::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	padding: 50%;
	width: 32px;
	height: 32px;
	background-color: currentColor;
	opacity: 0;
	transform: translate(-50%, -50%) scale(1);
	transition: opacity 1s, transform 0.5s;
}

.btn-mat:active::after {
	opacity: 0.16;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0s;
}

.btn-mat svg {
	width: 17px;
	height: 17px;
	margin: -2px 3px 0 0;
}

.btn-mat-raised {
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.btn-mat-raised:active {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.btn-loading {
	position: relative;
	box-shadow: none;
}

.btn-loading:before {
	display: none;
}

.btn-loading:after {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 1;
	width: 100%;
	height: 100%;
	padding: 0 16px;
	border-radius: 4px;
	transform: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='50px' height='50px' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3crect x='0' y='0' fill='none' class='bk'%3e%3c/rect%3e%3ccircle cx='50' cy='50' r='40' stroke='%23fff' fill='none' stroke-width='6' stroke-linecap='round'%3e%3canimate attributeName='stroke-dashoffset' dur='1.5s' repeatCount='indefinite' from='0' to='502'%3e%3c/animate%3e%3canimate attributeName='stroke-dasharray' dur='1.5s' repeatCount='indefinite' values='150.6 100.4;1 250;150.6 100.4'%3e%3c/animate%3e%3c/circle%3e%3c/svg%3e");
	background-position: center;
	background-repeat: no-repeat;
	background-size: 24px;
	transition: none;
}

.payment_box .btn {
	width: 100%;
	background-color: white;
	color: #2c2c2c;
	text-align: inherit;
	display: flex;
	align-items: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.07);
	border-radius: 0;
	padding: 20px 25px;
	transition: all 0.15s;
	font-family: "Lato", sans-serif;
	font-weight: 600;
	box-shadow: none;
}

.payment_box .btn:hover {
	background-color: rgba(0, 0, 0, 0.04);
}

.payment_box .btn:last-child {
	border: 0;
}

.payment_box .btn svg {
	margin-right: 15px;
	width: 32px;
	height: 32px;
}

/*Plans*/
.login form.wow_membr_signup {
	padding: 15px 30px 30px;
}

.wow_membr_signup .title {
	margin: 0 0 32px;
}

.wow_membr_signup_plan {
	box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
	border-radius: 7px;
	padding: 10px;
	margin-top: 20px;
}

.wow_sup_plan_hdr {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wow_sup_plan_hdr>div {
	font-size: 23px;
}

.wow_sup_plan_hdr>div span {
	display: inline-block;
	vertical-align: text-top;
	line-height: 1;
}

.wow_sup_plan_hdr>div img,
.wow_sup_plan_hdr>div svg {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

.wow_sup_plan_hdr b {
	margin: 0;
}

.wow_membr_signup_plan .col-lg-6 svg {
	vertical-align: middle;
	width: 20px;
	height: 20px;
}

.wow_membr_signup_plan .modal-footer {
	padding: 10px 0 0;
	margin-top: 10px;
}

/*Password Check*/
.helper-text {
	display: none;
	margin-top: 6px;
	font-size: 12px;
	line-height: 18px;
}

.helper-text li.valid {
	color: #1aac20;
}

.wow_forgot_choice .login__ {
	flex-wrap: wrap;
}

.input-group-append {
	position: absolute;
	right: 8px;
}

.password_group {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.password_group .ummaTextarea__counter {
	width: 100%;
}

.password_group .open_eyes {
	display: none;
}

.password_group .input-group-append {
	top: 9px;
}

.password_group .close_eyes {
	display: block;
}

.password_group.opened .open_eyes {
	display: block;
}

.password_group.opened .close_eyes {
	display: none;
}

/*Bank transfer Modal*/
svg {
	vertical-align: middle;
}

.dt_bank_trans_modal .bank_info {
	width: 100%;
	margin-top: 24px;
	margin-bottom: 30px;
}

.dt_bank_trans_modal .bank_info .dt_settings_header {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-radius: 7px;
	height: auto;
	background-color: #2196f3;
	background: linear-gradient(90deg, #03A9F4 0%, #2196f3 35%, #3F51B5 100%);
	padding: 16px;
	overflow: hidden;
	position: relative;
}

.dt_bank_trans_modal .dt_settings_circle-1 {
	width: 290px;
	height: 290px;
	background-image: radial-gradient(circle 800px at 75% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);
	left: -28px;
	top: -28px;
	opacity: .05;
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
}

.dt_bank_trans_modal .dt_settings_circle-2 {
	opacity: .03;
	position: absolute;
	border-radius: 50%;
	pointer-events: none;
	width: 500px;
	height: 500px;
	background-image: radial-gradient(circle 800px at 10% -25%, #000000 0, rgba(255, 255, 255, 0) 100%);
	right: -242px;
	top: 17px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr {
	position: relative;
	width: 100%;
	color: #fff;
	z-index: 1;
	border: 6px solid rgba(255, 255, 255, 0.3);
	padding: 20px;
	border-radius: 5px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr>svg {
	position: absolute;
	opacity: 0.3;
	left: 16px;
	top: 16px;
	width: 45px;
	z-index: -1;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .row p {
	margin: 0;
	font-size: 18px;
	word-break: break-word;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .row .col {
	margin-top: 18px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .bank_name {
	font-size: 22px;
	padding: 5px .75rem 0 55px;
}

.dt_bank_trans_modal .bank_info .bank_info_innr .help-block {
	text-transform: uppercase;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.73);
}

.dt_bank_trans_modal .dt_user_profile {
	background-color: #f8f8f8;
	margin: 0 auto 25px;
	padding: 10px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	border-radius: 7px;
	overflow: hidden;
}

.dt_bank_trans_modal .dt_user_profile>span {
	margin-bottom: 5px;
	font-size: 18px;
	display: flex;
	align-items: center;
}

.dt_bank_trans_modal .dt_user_profile>span svg {
	margin-right: 5px;
	color: #6b6b6b;
}

.dt_bank_trans_modal .dt_prof_vrfy {
	margin: 0;
	list-style-type: disc;
}

.dt_bank_trans_upl_rec {
	text-align: center;
}

.dt_bank_trans_upl_rec a {
	display: inline-block;
	border-bottom: 1px dashed;
	color: #3f3f3f;
	padding-bottom: 5px;
	font-size: 14px;
	transition: all 0.15s;
	text-decoration: none;
}

.dt_bank_trans_upl_rec a:hover {
	border-bottom-style: solid;
}

.dt_bank_trans_upl_rec a svg {
	width: 20px;
	height: 20px;
	margin-top: -3px;
}

.upload_bank_receipts {
	text-align: center;
	display: none;
}

.upload_bank_receipts>div {
	width: 100%;
	max-width: 200px;
	height: 185px;
	margin: auto;
	background-color: #f0f0f0;
	border: 2px solid #ddd;
	border-radius: 7px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
}

.upload_bank_receipts svg {
	width: 45px;
	height: 45px;
	color: #4a4a4a;
	background-color: lightgrey;
	padding: 10px;
	border-radius: 50%;
	margin-bottom: 10px;
}

.upload_bank_receipts p {
	margin-bottom: 0px;
}

#bank_transfer_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_modal.up_rec_active .dt_bank_trans_upl_rec {
	display: none;
}

#bank_transfer_modal.up_rec_active .upload_bank_receipts {
	display: block;
}

#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_modal.up_rec_img_ready .upload_bank_receipts p {
	display: none;
}

#bank_transfer_donate_modal.up_rec_active .hide_alert_info_bank_trans,
#bank_transfer_donate_modal.up_rec_active .dt_bank_trans_upl_rec {
	display: none;
}

#bank_transfer_donate_modal.up_rec_active .upload_bank_receipts {
	display: block;
}

#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts svg,
#bank_transfer_donate_modal.up_rec_img_ready .upload_bank_receipts p {
	display: none;
}

.register_description {
	margin-top: 380px;
	margin-left: 60px;
}

.register_description h1 {
	font-family: var(--font);
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	color: #1F1F1F;
}

.register_description p {
	font-family: var(--font);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 22px;
	color: #5F5F5F;
}

.wow_form_fields input,
.wow_form_fields select {
	height: 40px;
}

.wow_form_fields input,
.wow_form_fields textarea,
.wow_form_fields select,
.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
	padding: 0px 24px;
}

.rerister_icon_item {
	background: #ffffff;
	border-radius: 50px;
	width: 100px;
	height: 100px;
	text-align: center;
	padding: 25px;
	display: block;
	color: #009D94;
	margin: 0 auto;
	margin-bottom: 16px;
}

.register_icon {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-top: 47px;
	width: 420px;
}

.register_footer_form {}

.register_icon_box span {
	font-family: var(--font);
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 29px;
	color: #ffffff;
}

.register_icon_box {
	text-align: center;
}

.cc-bottom {
	bottom: 2.5em;
}

@media (max-width:900px) {
	.login {
		display: block;
	}
}

@media (max-width:800px) {
	.welcome-footer {
		font-size: 11px;
		padding: 0px;
	}

	.typing-element {
		margin-bottom: 0px;
	}

	.wrapper {
		min-height: calc(100vh - 157px);
	}

	.logo {
		display: block;
		margin-top: 10px;
		margin-right: 55px;
		float: none !important;
		text-align: center;
		margin: 10px -1px;
	}

	#welcomeheader {
		border-radius: 0px;
		height: 50px;
	}

	.login {
		margin: 0 auto;
		max-width: 1024px;
		background: none;
		box-shadow: none;
	}

	.wow_form_fields input,
	.wow_form_fields textarea,
	.wow_form_fields select,
	.wow_form_fields>.bootstrap-select.btn-group>.dropdown-toggle {
		background: #FFFFFF;
		box-shadow: 8px 8px 15px rgb(0 0 0 / 15%);
		border-radius: 10px;
		text-align: center;
	}

	.login .title {
		color: #1F1F1F;
	}

	.wow_form_fields>label {
		font-weight: 500;
		font-size: 18px;
		line-height: 22px;
		color: #1F1F1F;
	}

	.login form {
		padding: 0px 60px 0px;
		margin: 45px 0px;
	}

	.forgot_password {
		text-align: center;
	}

	.forgot_password a {
		margin-top: 16px;
		font-weight: 500;
		font-size: 14px;
		line-height: 17px;
		color: #1F1F1F;
	}

	/*.login_signup_combo .login__ .btn{
	    background: #FFFFFF !important;
	    box-shadow: 8px 8px 15px rgb(0 0 0 / 15%);
	    border-radius: 50px;
	    color: #00819D !important;
	    font-weight: 500;
	    font-size: 20px;
	    color: #077A85 !important;
	}*/
	.login_signup_combo .signup__ p a {
		color: #00819D !important;
	}

	.terms label {
		color: #1F1F1F;
	}

	.terms label a {
		color: #1F1F1F;
		text-decoration: underline;
	}

	.login_signup_combo .signup__ p {
		display: flex;
		flex-direction: column;
	}

	.login_signup_combo .signup__ p a {
		font-size: 14px;
		line-height: 17px;
		color: #1F1F1F;
	}
}

.login_left_combo {
	/* color: <?php echo $wo['config']['btn_color']; ?> */
}

body {
	background: #F2F4F9 !important;
}

.wo_regi_features:before {
	content: '';
	display: block;
	background-image: url("../img/backgrounds/login.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.35;
}

.passtrengthMeter {
	position: relative;
	width: 100%;
}

.passtrengthMeter>input {
	width: 100%;
	display: inline-block;
	padding: 5px;
	outline: 0 !important;
}

.passtrengthMeter>input:focus {
	outline-width: 0;
	outline: 0 !important;
}

.passtrengthMeter::after {
	content: '';
	height: 3px;
	overflow: hidden;
	width: 0%;
	transition: width .5s;
	position: absolute;
	left: 0px;
	bottom: 0px;
	border-radius: 2px;
}

.ummaForm__itemInput .passtrengthMeter::after {
	bottom: -17px;
}

.ummaForm__back,
.ummaForm__back a {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	color: #8D98B4;
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 60px;
	text-decoration: none;
}

.ummaForm__back a:first-letter .ummaForm__back:first-letter {
	text-transform: uppercase;
}

.ummaForm__back a:hover {
	color: #1F1F1F;
}

.passtrengthMeter.weak::after {
	background-color: var(--danger);
	width: 25%;
}

.passtrengthMeter.medium::after {
	content: '';
	background-color: #E87E04;
	width: 50%;
}

.passtrengthMeter.strong::after {
	content: '';
	background-color: #EFBF17;
	width: 75%;
}

.passtrengthMeter.very-strong::after {
	content: '';
	background-color: #42A72A;
	width: 100%;
}

.passtrengthMeter .showPassword {
	position: absolute;
	width: 20px;
	top: calc(50% - 10px);
	right: 10px;
}

.passtrengthMeter .showPassword.active {
	opacity: .5;
}

.passtrengthMeter .showPassword img {
	display: block;
	width: 100%;
	height: auto;
}

.passtrengthMeter .showPassword:hover {
	cursor: pointer;
}

.passtrengthMeter .tooltip {
	background: #000000;
	top: 100%;
	color: #fff;
	font-family: Arial;
	font-size: 12px;
	display: block;
	left: 50%;
	margin-bottom: 15px;
	opacity: 0;
	padding: 5px 10px;
	pointer-events: none;
	position: absolute;
	min-width: 70px;
	box-sizing: border-box;
	text-align: center;
	z-index: 10;
	-webkit-transform: translateY(5px);
	-moz-transform: translateY(5px);
	-ms-transform: translateY(5px);
	-o-transform: translateY(5px);
	transform: translateY(5px);
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	margin-top: 14px;
	border-radius: 2px;
}

.passtrengthMeter.weak .tooltip {
	background-color: var(--danger);
}

.passtrengthMeter.weak .tooltip:after {
	border-left: solid transparent 7px;
	border-right: solid transparent 7px;
	border-bottom: solid var(--danger) 7px;
	top: -7px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
}

.passtrengthMeter.medium .tooltip {
	background-color: #E87E04;
}

.passtrengthMeter.medium .tooltip:after {
	border-left: solid transparent 7px;
	border-right: solid transparent 7px;
	border-bottom: solid #E87E04 7px;
	top: -7px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
}

.passtrengthMeter.strong .tooltip {
	background-color: #EFBF17;
}

.passtrengthMeter.strong .tooltip:after {
	border-left: solid transparent 7px;
	border-right: solid transparent 7px;
	border-bottom: solid #EFBF17 7px;
	top: -7px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
}

.passtrengthMeter.very-strong .tooltip {
	background-color: #42A72A;
}

.passtrengthMeter.very-strong .tooltip:after {
	border-left: solid transparent 7px;
	border-right: solid transparent 7px;
	border-bottom: solid #42A72A 7px;
	top: -7px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
}

.passtrengthMeter.weak .tooltip:before {
	top: -20px;
	content: " ";
	display: block;
	height: 20px;
	left: 0;
	position: absolute;
	width: 100%;
}

.passtrengthMeter .tooltip:after {
	border-left: solid transparent 7px;
	border-right: solid transparent 7px;
	border-bottom: solid #000000 7px;
	top: -7px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -7px;
	position: absolute;
	width: 0;
	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

.passtrengthMeter:hover .tooltip {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
}

.lte8 .passtrengthMeter .tooltip {
	display: none;
}

.lte8 .passtrengthMeter:hover .tooltip {
	display: block;
}



.ummaLoginForm__wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100vh;
	overflow: hidden;
}

.ummaLoginForm__logo {
	margin-top: auto;
}

.ummaLoginForm__logo>svg {
	transform: scale(1);
	backface-visibility: hidden;
}

.ummaLoginForm__container {
	padding: 40px 32px;
	background: #FFFFFF;
	border-radius: 10px;
	max-width: 544px;
	width: 100%;
	margin-top: 72px;
	opacity: 0;
}

.ummaLoginForm__container .welcome_description_text {
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	color: #1F1F1F;
	margin-bottom: 40px;
}

.ummaLoginForm__container .welcome_subdescription_text {
	font-weight: 500;
	font-size: 16px;
	line-height: 150%;
	color: #1F1F1F;
	margin-bottom: 24px;
}

.ummaLoginForm__heder {
	font-style: normal;
	font-weight: 600;
	font-size: 40px;
	line-height: 49px;
	text-align: center;
	color: #1F1F1F;
	text-align: center;
	margin-bottom: 40px;
}

#register .ummaLoginForm__heder {
	text-align: start;
}

.ummaLoginForm__body {}

.ummaForm__field {
	margin-bottom: 24px;
}

.ummaForm__input {
	border-radius: 10px;
	background: #F2F4F9;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 48px;
}

.ummaForm__input select,
.ummaForm__input input {
	width: 100%;
	padding: 16px;
	background: transparent;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 17px;
	border: none !important;
	border-radius: 10px;
}

.ummaForm__input select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
}

.ummaForm__input .input-group-append {
	right: 24px;
}

.ummaForm__inputDescription {
	font-weight: 500;
	font-size: 14px;
	line-height: 150%;
	color: #1F1F1F;
	margin-top: 8px;
}

.ummaForm__inputDescription a {
	color: #1F1F1F;
	position: relative;
	transition: 0.2s all;
}

.ummaForm__inputDescription a {
	text-decoration: none;
}

.ummaForm__sinupBtn {
	margin: 40px 0px;
}

.ummaForm__sinupBtn svg {
	height: 45px;
	left: 0;
	position: relative;
	top: 0;
	width: 100%;
}

.ummaForm__sinupBtn rect {
	fill: none;
	stroke: #00819D;
	stroke-width: 2;
	stroke-dasharray: 422, 0;
	transition: all 0.35s linear;
}

.ummaForm__sinupBtn:hover svg rect {
	stroke-width: 5;
	stroke-dasharray: 15, 310;
	stroke-dashoffset: 48;
	transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

.ummaForm__sinupBtn button {
	background: #00819D;
	border-radius: 10px;
	width: 100%;
	color: #ffffff;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
	height: 48px;
	position: relative;
}

.ummaLoginForm__footer {}

.ummaLoginForm__subLinks {
	display: flex;
	justify-content: center;
	align-items: center;
}

.ummaLoginForm__subLinks>* {
	font-weight: 600;
	font-size: 16px;
	line-height: 150%;
	color: #1F1F1F;
	position: relative;
	transition: 0.2s all;
	margin: 0px;
}

.ummaCheckList__itemTitle a::after,
.ummaLoginForm__subLinks>a::after,
.ummaForm__inputDescription a::after {
	content: '';
	height: 1px;
	width: 100%;
	background-color: #1F1F1F;
	transition: 0.2s all;
	position: absolute;
	left: 0px;
	bottom: 0px;
}

.ummaCheckList__itemTitle a::after {
	background-color: #00819D;
}

.ummaCheckList__itemTitle a:hover,
.ummaLoginForm__subLinks>a:hover,
.ummaForm__inputDescription a:hover {
	color: #00819D;
	transition: 0.2s all;
	text-decoration: none;
}

.ummaCheckList__itemTitle a:hover {
	color: #1F1F1F;
}

.ummaCheckList__itemTitle a:hover::after,
.ummaLoginForm__subLinks>a:hover::after,
.ummaForm__inputDescription a:hover::after {
	content: '';
	width: 0%;
	transition: 0.2s all;
}

input::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #8D98B4;
	;
	white-space: nowrap;
}

input::-moz-placeholder {
	/* Firefox 19+ */
	color: #8D98B4;
	;
	white-space: nowrap;
}

input:-ms-input-placeholder {
	/* IE 10+ */
	color: #8D98B4;
	;
	white-space: nowrap;
}

input:-moz-placeholder {
	/* Firefox 18- */
	color: #8D98B4;
	;
	white-space: nowrap;
}

.ummaFooter__container {
	margin-top: auto;
	opacity: 0;
}

.ummaCheckList__itemsBox {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.ummaCheckList__item {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 16px;
	margin: 0px;
	transition: 0.2s all;
	cursor: pointer;
}

.ummaCheckList__itemTitle {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--text-black);
	width: 100%;
}

.ummaCheckList__itemTitle a {
	color: #00819D;
	text-decoration: none;
	position: relative;
}

.ummaCheckList__itemCheckBox {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ummaCheckList__itemCheckBox .round-check {
	width: 24px;
	height: 24px;
}

label.ummaCheckList__item:has(.round-check:not(.from-group) input[type=checkbox]:checked) .ummaCheckList__itemAvatar img {
	box-shadow: 0px 0px 0px 2px var(--main-color);
	transition: 0.2s all;
}

label.ummaCheckList__item:has(.round-check:not(.from-group) input[type=checkbox]:checked) .ummaCheckList__itemTitle {
	color: var(--main-color);
	transition: 0.2s all;
}

.round-check input+label {
	display: flex;
	align-items: center;
	cursor: pointer;
	padding-left: 32px;
	user-select: none;
	flex-direction: row;
	margin: 0px;
	font-weight: 500;
	font-size: 14px;
	line-height: 26px;
	color: #8D98B4;
}

.round-check input+label:after,
.round-check input+label:before {
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	top: 1px;
	left: 0;
	bottom: 0;
	text-align: center;
	position: absolute;
}

.round-check input+label:before {
	transition: all 90ms cubic-bezier(0, 0, .2, .1);
	box-sizing: border-box;
	background: #ECEFF5;
	border-radius: 2px;
	width: 24px;
	height: 24px;
}

.round-check input+label:after {
	border: 1px solid #ECEFF5;
	border-top: none;
	border-right: none;
	content: "";
	height: 9px;
	left: 10px;
	position: absolute;
	top: 9px;
	transform: rotate(-45deg) !important;
	width: 14px;
	transition: .2s;
	animation: scale-up-center 0.2s !important;
}

.round-check input[type=checkbox] {
	display: none
}

.round-check input[type=checkbox]:checked+label:after {
	color: #008c9a;
	border: 2px solid #008c9a;
	border-top: none;
	border-right: none;
	content: "";
	height: 9px;
	left: 5px;
	position: absolute;
	top: 7px;
	transform: rotate(-45deg) !important;
	width: 14px;
	transition: .2s
}

.j-center {
	justify-content: center;
}

.j-space-between {
	justify-content: space-between;
}

.dropdown-menu>li>span {
	display: block;
	padding: 5px 10px;
	clear: both;
	font-weight: 600;
	font-size: 12px;
	color: #555;
}

.ummaAppBanner__container {
	display: block;
	padding: 10px;
	background: var(--background-main);
	justify-content: space-around;
	align-items: center;
	border-radius: 2px 2px 0px 0px;
	border: 0;
	bottom: 0;
	height: calc(100px - 1px);
	left: 0;
	position: fixed;
	right: 0;
	top: auto;
	user-select: none;
	-webkit-user-select: none;
	z-index: 98;
	bottom: env(safe-area-inset-bottom);
	flex-shrink: 0;
}

.ummaAppBanner__close {
	position: absolute;
	top: -11px;
	right: 16px;
}

.ummaAppBanner__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
}

.ummaAppBanner__info {
	display: flex;
	align-items: center;
	gap: 8px;
}

.ummaAppBanner__title {
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: inherit;
	margin-bottom: 4px;
}

.ummaAppBanner__descr {
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
	color: inherit;
	margin-bottom: 4px;
}

.ummaAppBanner__subDescr {
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: var(--text-main);
}


.ummaAppBanner__button {
	padding: 10px 12px;
	background: var(--border-2);
	border-radius: 10px;
	font-weight: 600;
	font-size: 12px;
	line-height: 15px;
	color: var(--main-color);
	min-width: 100px;
	text-align: center;
}

.ummaAppBanner__button:active {
	transform: scale(0.98);
	-webkit-transform: scale(0.98);
	-moz-transform: scale(0.98);
	transition: 0.2s all;
}

.ummaTextarea__counter {
	display: flex;
	position: relative;
	flex-direction: row-reverse;
	font-size: 12px;
	color: var(--text-main);
}


.ummaBubble__list {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ummaBubble__item {
	border-radius: 8px;
	background: var(--white-2);
	border: 1px solid var(--white-2);
	display: inline-flex;
	padding: 7px 16px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.ummaBubble__item:hover {
	transition: 0.2s all;
	border: 1px solid var(--accent);
	cursor: pointer;
}

.ummaBubble__item.active {
	border: 1px solid var(--accent);
}

.ummaBubble__list input[type="checkbox"] {
	display: none;
}

.ummaBubble__item.selected {
	background: var(--accent);
	color: var(--white);
}

.interests__selectedCount {
	color: var(--text-main);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 32px;
}

.ummaBubble__list label{
	margin: 0px;
}