body {
	margin: 0;
	padding: 0;
	font-family: "Commissioner", sans-serif
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

.body__overflow {
	overflow: hidden
}

ul {
	list-style: none
}

button:focus {
	outline: none
}

.text-center {
	text-align: center
}

.btn__green,
.btn__grey {
	display: inline-block;
	position: relative;
	padding: 10px 0;
	min-width: 140px;
	border-radius: 19px;
	border: none;
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	cursor: pointer;
	transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity .5s linear
}

.btn__green:hover,
.btn__grey:hover {
	opacity: .7
}

.btn__green {
	background: #00c7a0;
	box-shadow: 0 4px 14px 0 rgba(196, 172, 84, .5)
}

.btn__green:hover {
	transform: scale(1.15)
}

.btn__grey {
	background-color: #a7b1b7
}

.enter {
	width: 100%;
	min-height: 100vh;
	padding: 0 15px;
	background: #cff3f1;
	display: flex;
	flex-direction: column
}

.enter__content {
	background-color: #fff;
	position: relative;
	border-radius: 10px;
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .1)
}

.enter__input {
	padding: 10px 0 10px 10px;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	background: #fff;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 20px
}

.enter__input:focus {
	outline: none;
	border-color: #00c7a0
}

.enter__input::-moz-placeholder {
	color: #7f7f7f
}

.enter__input:-ms-input-placeholder {
	color: #7f7f7f
}

.enter__input::placeholder {
	color: #7f7f7f
}

.enter__footer {
	margin-top: auto;
	margin-bottom: 20px;
	text-align: center
}

.enter__footer__socials {
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center
}

.enter__footer__socials__item {
	margin: 0 10px
}

.enter__footer__socials__item__icon {
	transition: transform .2s cubic-bezier(0.57, -0.73, 0.69, 1.72)
}

.enter__footer__socials__item__icon:hover {
	transform: rotate(10deg) translateY(-4px)
}

.enter__footer__rights {
	margin-top: 20px;
	font-weight: 400;
	font-size: 14px;
	color: #000
}

.enter__container {
	max-width: 460px;
	width: 100%;
	margin: 0 auto;
	padding-top: 80px;
	margin-bottom: 40px
}

.enter__close__btn {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	border: none;
	background: rgba(0, 0, 0, 0);
	cursor: pointer;
	transition: opacity .1s linear, transform .1s linear
}

.enter__close__btn__icon {
	vertical-align: middle
}

.enter__close__btn:hover {
	opacity: .8;
	transform: scale(1.1)
}

.signup__logo {
	display: block;
	margin: 0 auto;
	padding-top: 40px;
	height: auto
}

.signup__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	border: none;
	background: rgba(0, 0, 0, 0);
	cursor: pointer
}

.signup__close__img {
	vertical-align: middle
}

.signup__content {
	margin-top: 35px
}

.signup__content__item {
	position: relative
}

.signup__content__item__title {
	padding: 16px 20px;
	border-top: 1px solid #e5e5e5;
	font-size: 17px;
	font-weight: 500
}

.signup__footer {
	text-align: center;
	padding: 20px 0;
	border-top: 1px solid #e5e5e5;
	font-size: 15px;
	font-weight: 500
}

.signup__footer__link {
	color: #00c7a0;
	font-weight: 700
}

.signup__approved {
	display: none;
	position: absolute;
	top: 12px;
	right: 20px
}

.signup__content__item.signup__item__approved .signup__approved {
	display: block
}

.signup__content__item__extended {
	display: none
}

.signup__content__item.signup__active__item .signup__content__item__extended {
	display: block
}

.signup__content__item.signup__active__item .signup__content__item__title {
	background-color: #cff3f1;
	color: #00c7a0
}

.person__inf__form {
	padding: 20px 20px 0
}

.person__inf__form__divided {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap
}

.person__inf__form__btn {
	margin: 20px 0 50px
}

.person__inf__input-sm {
	max-width: 200px
}

.person__inf__input-sm:nth-child(1) {
	margin-right: 20px
}

.condition__form {
	padding: 20px 20px 40px 20px
}

.condition__form__checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0
}

.condition__form__checkbox:checked+label:before {
	background: url("./../img/ic_whitetik.svg") no-repeat center, #00c7a0
}

.condition__form__checkbox:checked+.condition__form__label {
	opacity: 1
}

.condition__form__label {
	font-size: 15px;
	font-weight: 400;
	cursor: pointer;
	opacity: .7
}

.condition__form__label__link {
	color: #00c7a0;
	text-decoration: none
}

.condition__form__label__link:hover {
	text-decoration: underline
}

.condition__form__label:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	flex-grow: 0;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	margin-right: 10px
}

.condition__form__btn-right {
	background: #00c7a0
}

.condition__form__btn-left {
	background: #a7b1b7
}

.checkbox__container {
	margin-bottom: 35px
}

.condition__form__btn:nth-child(1) {
	margin-right: 15px
}

.signup__done {
	text-align: center;
	padding: 40px;
	font-size: 15px;
	font-weight: 400;
	color: #7f7f7f;
	line-height: 18px
}

.condition__form__checkbox,
.condition__form__label {
	display: inline-flex;
	align-items: center
}

.signin {
	background-color: #fff
}

.signin__title {
	text-align: center;
	margin-top: 20px;
	font-size: 20px;
	font-weight: 600
}

.signin__form {
	margin-top: 30px;
	padding: 0 20px
}

.signin__btn {
	margin: 20px 0 40px
}

.signin__bad-value-text {
	display: none
}

.signin__bad-value {
	border: 1px solid #ff0505;
	box-shadow: 0 0 5px 0 rgba(255, 5, 5, .4)
}

.signin__bad-value::-moz-placeholder {
	color: red
}

.signin__bad-value:-ms-input-placeholder {
	color: red
}

.signin__bad-value::placeholder {
	color: red
}

.signin__bad-value-text {
	text-align: right;
	font-size: 13px;
	font-weight: 500;
	margin-top: -15px;
	color: #ff0505
}

.enter__footer__logo {
	height: auto
}