/*
Layout
====================================================
*/

.zoom {
	width: 1024px;
}

.form {
	font-size: 18px;
	display: flex;
	flex-wrap: wrap;
}

.form__col {
	width: 50%;
	padding-right: 48px;
	box-sizing: border-box;
}

.form__col + .form__col {
	padding-left: 48px;
	padding-right: 0;
	border-left: 1px solid #7cc4e0;
}

.form__base {
	width: 100%;
	margin-top: 48px;
}

.form__row--mar-top {
	margin-top: 24px;
}


/*
Form inputs
====================================================
*/

.form textarea,
.form input,
.form__checkbox-row,
.form__label {
	display: block;
}

.form input,
.form select,
.form textarea {
	padding: 8px 10px;
}

.form input,
.form textarea {
	width: 100%;
	max-width: 100%;
}

.form input[type="checkbox"] {
	display: inline-block;
	width: auto;
}

/*
Typography
====================================================
*/

.form__label {
	font-weight: bold;
	margin-top: 20px;
}

.zoom__title {
	font-size: 30px;
	font-weight: bold;
}

.hidden {
	display: none;
}

.has-error {
	border: 1px solid #f00;
}

a.zoom-button {
	padding: 8px 24px;
    background: #405c67;
    color: #fff;
    font-size: 24px;
    margin-top: 23px;
    cursor: pointer;
}

a.zoom-button:hover {
	background: #214654;
}

.error-message {
	color: #f00;
	padding: 20px;
	background: #ffcece;
}