.click
{
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;

	color: #0080e0;
}

.click:hover
{
	text-decoration: underline;
}

.click:active
{
	color: #0071c7;
}

/* Popup
 */

.popup *, .popup *::before, .popup *::after
{
	box-sizing: revert;
}

.popup a
{
	color: #0080e0;
	text-decoration: none;
}

.popup a:hover
{
	text-decoration: underline;
}

.popup
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.8);
	display: none;

	z-index: 9999;
}

.popup .popup_container
{
	background: white;

	position: absolute;
	margin-left: -280px;
	margin-top: -280px;
	left: 50%;
	top: 50%;
	width: 560px;

	font-size: 16px;

	box-shadow: 0px 0px 30px #666;
	border-radius: 10px;
}

.popup .popup_warning
{
	background: #ffffce;
	border-bottom: 1px solid #f0f0f0;
	color: #333;
	padding: 5px 30px;
	display: none;
}

#x_contact
{
	margin-top: -235px;
}

#x_contactSuccess
{
	margin-top: -120px;
}

#x_inhouse,
#x_success
{
	display: none;
}

#x_success
{
	margin-top: -120px;
}

#x_success .button
{
	margin-bottom: 30px;
}

.popup .close
{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 26px;
	cursor: pointer;
	border-radius: 10px;

	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px
}

.popup .close:hover
{
	color: #0080e0;
	background: #f0f0f0;
}

.popup .close:active
{
	background: #dadada;
}

.popup .popup_content
{
	height: 100%;
	margin: 20px 30px;
}

.popup .popup_content .features
{
	margin-bottom: 20px;
	font-size: 14px;
	color: #333;
	white-space: nowrap;
	overflow: hidden;
}

.popup .popup_content .features .next,
.popup .popup_content .features .previous
{
	position: absolute;
	top: 182px;
	height: 120px;
	line-height: 120px;
	padding: 0px 5px;
	color: #ccc;
	font-size: 10px;
	cursor: pointer;
}

.popup .popup_content .features .next:hover,
.popup .popup_content .features .previous:hover
{
	color: #333;
	background: #dadada;
}

.popup .popup_content .features .next:active,
.popup .popup_content .features .previous:active
{
	background: #ccc;
}

.popup .popup_content .features .next
{
	right: 0px;
}

.popup .popup_content .features .previous
{
	left: 0px;
	display: none;
}

.popup .popup_content .feature
{
	vertical-align: top;
	display: inline-block;
	width: 150px;
	text-align: center;
	margin: 0px 10px;
	white-space: normal;
}

.popup .popup_content .feature:first-of-type
{
	margin-left: 0px;
}

.popup .popup_content .feature:last-of-type
{
	margin-left: 0px;
}

.popup .popup_content .feature .check
{
	color: #0080e0;
}

.popup .popup_content .feature .name
{
	font-weight: bold;
}

.popup .popup_content input[type=radio]
{
	margin-bottom: 15px;
}

.popup .popup_title
{
	color: #0080e0;
	padding: 20px 30px;
	background: #fafafa;
	border-bottom: 1px solid #f0f0f0;
	font-family: "Open Sans", Tahoma, Arial, sans-serif;
	font-weight: 300;
	font-size: 26px;
	border-radius: 10px 10px 0px 0px;
}

.popup .popup_subtitle
{
	display: block;
	font-family: "Open Sans", Tahoma, Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #666;
	margin-top: 10px;
	line-height: 24px;
}

.popup .buttons
{
	width: 100%;
	text-align: right;
	position: relative;
}


.popup .buttons.nofooter
{
	margin-bottom: 20px;
}

.popup .buttons .status
{
	position: absolute;
	left: 30px;
	top: 10px;
}

.popup .buttons .button
{
	margin-right: 30px;
	padding: 5px 20px;
	font-size: 16px;
	display: inline-block;
	min-width: 140px;
}

.popup .description
{
	line-height: 24px;
	margin: 0px;
	font-size: 14px;
}

.popup .info
{
	display: none;
	background: #e0f2ff;
	border-top: 1px solid #fafafa;
	padding: 10px 20px;
	margin: 20px;
	margin-bottom: 0px;
}

.popup .popup_footer img
{
	vertical-align: top;
	margin-right: 10px;
}

.popup .popup_footer
{
	padding: 20px;
	text-align: center;
	line-height: 20px;
	font-size: 16px;
}

.popup .helper:before
{
	content:"";
	position: absolute;
	right: 100%;
	top: 15px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid white;
	border-bottom: 10px solid transparent;
}

.popup .helper
{
	display: none;
	position: absolute;
	left: 600px;
	top: 0px;
	width: 400px;
	padding: 15px;
	background: white;
	z-index: 3000;

	font-size: 16px;
	color: #666;

	box-shadow: 0px 0px 30px rgba(0,0,0,0.4);
}

.popup .warning
{
	background: #ffffce;
	color: #333;
	position: relative;
	text-align: center;
	font-size: 16px;
	line-height: 30px;
	padding: 5px 0px;

	display: none;
}

.popup .warning a
{
	color: #0040a0;
}

/* Pricing
 */

.form
{
	display: inline-block;
	width: 500px;
	position: relative;
}

.form .item
{
	padding-top: 5px;
	padding-bottom: 5px;
}

.form .item:last-child
{
	border: 0;
}

.form .label
{
	vertical-align: top;
	min-width: 140px;
	display: inline-block;
	line-height: 40px;
	color: #666;
}

.form .label.narrow
{
	min-width: 60px;
	margin-right: 10px;
}

.form .large .label
{
	vertical-align: top;
	line-height: 100px;
}

.form .item .value_error
{
	display: none;
	position: relative;
	left: 150px;
	margin-top: 5px;
	color: #bf0a00;
	width: 340px;
}

.form select,
.form input[type=tel],
.form input[type=email],
.form input[type=password],
.form input[type=text],
.form textarea
{
	height: 34px;
	padding: 0px 10px;
	width: 336px;
	border: 1px solid #dadada;
	font-family: "Open Sans", "Segoe UI", "Helvetica Neue", arial, sans-serif;
	font-size: 16px;
}

.form .narrower input[type=text]
{
	width: 40px;
	margin-right: 10px;
}

.form .narrow input[type=text]
{
	width: 100px;
	margin-right: 10px;
}

.form input.error
{
	background: #ffe2e3;
}

.form select
{
	width: 358px;
}

.form textarea
{
	height: 80px;
	padding: 10px 10px;
}

.form .button
{
	margin: 30px;
	position: absolute;
	right: 0px;
}

.form .status
{
	position: absolute;
	margin: 30px;
}

.form input::placeholder,
.form textarea::placeholder
{
	color: #ccc;
}

/* Buttons
 */

.popup .button
{
	background: var(--color-cerulean);
	padding: 10px 40px;
	line-height: 30px;
	color: white;
	font-weight: normal;

	display: inline-block;

	cursor: pointer;

	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;

	min-width: 120px;
	text-align: center;
	border-radius: 5px;
}

.popup .button:hover
{
	background: var(--color-cerulean-hover);
}

.popup .button:active
{
	background: var(--color-cerulean-active);
}

@media (max-height: 600px), (max-width: 550px)
{
	.popup
	{
		background: white;
		overflow: auto;
	}

	.popup .popup_container
	{
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		margin: 0;
		box-shadow: none;
	}

	.popup .popup_container .features
	{
		display: none;
	}

	.popup .form,
	.popup .form .item .item,
	.popup .form .item .value,
	.popup .form .item .value_error
	{
		left: 0px;
		display: block;
		width: 100%;
	}

	.popup .form .item input[type=tel],
	.popup .form .item input[type=email],
	.popup .form .item input[type=password],
	.popup .form .item input[type=text],
	.popup .form .item select,
	.popup .form .item textarea
	{
		width: 100%;
		box-sizing: border-box;
	}

}