
	.wrapper {
		background-color: #fafafa;
	}

	.container {
		width: 1020px;
		padding: 65px 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin: 0 auto;

		font-family: Montserrat, sans-serif;
		color: rgb(30, 30, 30);
		line-height: 21px;
	}

	.calculator {
		font-family: Montserrat, sans-serif;
		color: rgb(30, 30, 30);
		line-height: 21px;
	}

	.title-wrapper {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 31px;
		padding-bottom: 20px;

		border-bottom: 1px solid rgb(228, 228, 228);
	}

	.title-wrapper--result {
		border-bottom: 1px solid rgb(0, 235, 139);
	}

	.title {
		margin: 0;
		padding: 0;

		font-size: 21px;
		font-weight: 700;
	}

	.calculator__input-wrapper {
		display: flex;
		margin-bottom: 65px;
	}

	.hidden,
	.calculator__input-wrapper--rent,
	.calculator__input-wrapper--employees {
		display: none;
	}

	.calculator__input {
		flex-shrink: 1;
		margin-right: 30px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
	}

	.calculator__input:last-child {
		margin-right: 30px;
	}

	.calculator__input-label {
		position: relative;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		width: 295px;
		height: 100%;
	}

	.calculator__input-title {
		display: block;

		font-size: 16px;
		font-weight: 600;
	}

	.calculator__input-description {
		display: block;
		margin-bottom: auto;

		font-size: 13px;
		font-weight: 400;
	}

	.calculator__input-description:first-child {
		margin-bottom: 0;
		margin-top: auto;
	}

	.calculator__input-field {
		height: 40px;
		padding-left: 15px;
		margin-top: 10px;

		font-size: 16px;
		font-weight: 700;
		line-height: 17px;

		border: 1px solid rgb(206, 206, 206);
		border-radius: 3px;
	}

	.calculator__input-field--select {
		height: 44px;
		padding-left: 10px;

		background-color: white;
	}

	.calculator__input--euro .calculator__input-field {
		padding-left: 25px;
	}

	.calculator__button-wrapper {
		text-align: center;
		margin-top: 55px;
	}

	.calculator__button {
		display: inline-block;
		width: 227px;
		height: 60px;
		margin-bottom: 82px;

		color: rgb(255, 255, 255);
		font-size: 16px;
		font-weight: 400;
		line-height: 57px;

		border-radius: 30px;
		border: none;
		background-color: rgb(0, 122, 255);
	}

	.result__checkbox-label {
		margin: 0;
		padding: 0;

		color: rgb(149, 149, 149);
		font-size: 13px;
		font-weight: 400;
		line-height: 17px;
	}

	.calculator__checkbox-label {
		position: relative;
		padding-right: 35px;

		font-size: 13px;
		font-weight: 400;
		line-height: 17px;
		margin-right: 30px;
		margin-top: 5px;
	}

	.calculator__checkbox {
		display: none;
	}

	.calculator__checkbox:checked ~ .calculator__checkbox-fake:after {
		content: "";
		position: absolute;
		top: 3px;
		left: 3px;

		width: 12px;
		height: 7px;

		border-bottom-left-radius: 3px;
		border-bottom: 3px solid rgb(0, 122, 255);
		border-left: 3px solid rgb(0, 122, 255);
		transform: rotate(-45deg);
	}


	.calculator__checkbox-fake {
		position: absolute;
		right: 1px;
		bottom: -5px;

		width: 20px;
		height: 20px;

		background-color: #ffffff;
		border-radius: 5px;
		border : 1px solid rgb(228, 228, 228);
	}

	.result__wrapper {
		display: flex;
	}

	.result__container {
		min-width: 295px;
	}

	.result__container:last-child {
		margin-left: auto;
		min-width: 325px;
	}

	.result-table {
		empty-cells: show;
	}

	.result_table__title-col {
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-width: 70px;
	}

	.result-table__title-cell {
		min-width: 70px;
		height: 20px;

		font-size: 13px;
		font-weight: 400;
		line-height: 17px;
		color: rgb(149, 149, 149);
		vertical-align: top;
	}

	.result-table__data-cell {
		font-size: 16px;
		font-weight: 700;
		line-height: 17px;

		height: 40px;
		vertical-align: top;
		min-width: 120px;
	}

	.euro-input {
		position: relative;
		display: flex;
		width: 100%;
	}

	.euro {
		position: absolute;
		top: 23px;
		left: 11px;
		font-size: 16px;
		font-weight: 700;
		line-height: 17px;
	}

	.calculator__input:active {
		outline: none;
	}
	.calculator__input--euro {
		position: relative;
	}

	.calculator__input-field--error {
		border-color: red;
	}

	.calculator__error-message {
		position: absolute;
		bottom: -20px;
		left: 0;
		font-size: 12px;
		color: red;
	}

	.salary-wrapper {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 295px;
	}

	.calculator__input-label--salary {
		width: 140px;
	}
	.calculator__item {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.result__subtitle {
		margin: 0 0 30px;


		font-size: 16px;
		font-weight: 600;
		line-height: 21px;
	}

	.result-table__data-cell--green {
		color: rgb(0, 235, 139);;
	}

	@media screen and (min-width: 768px) and (max-width: 1185px) {
		.container {
			width: 768px;
			padding: 65px 20px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0 auto;

			font-family: Montserrat, sans-serif;
			color: rgb(30, 30, 30);
			line-height: 21px;
		}

		.calculator__input-label {
			width: 222px;
		}

		.salary-wrapper {
			width: 345px;
		}

		.calculator__input-label--salary {
			width: 167px;
		}

		.result__subtitle {
			margin-bottom: 25px;
		}

		.result__container:last-child {
			margin-left: 0;
			min-width: 150px;
		}
		.result__container:last-child .result__subtitle {
			margin-bottom: 5px;
		}

		.result__container:nth-child(2) {
			min-width: 225px;
		}
	}
	@media screen and (max-width: 767px) {
		.container {
			width: 359px;
			padding: 35px 10px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			margin: 0 auto;

			font-family: Montserrat, sans-serif;
			color: rgb(30, 30, 30);
			line-height: 21px;
		}

		.calculator__input-wrapper {
			margin-bottom: 25px;
		}

		.calculator__input-label {
			width: 320px;
			margin-bottom: 25px;
		}

		.calculator__input-wrapper {
			flex-wrap: wrap;
		}

		.result__checkbox-label,
		.calculator__checkbox-label{
			width: 140px;
		}

		.result__wrapper {
			flex-wrap: wrap;
		}

		.result__container:last-child {
			margin-left: 0;
			min-width: 295px;
		}

		.calculator__input {
			margin-bottom: 15px;
		}

		.calculator__input-label--salary {
			margin-bottom: 10px;
		}
	}
