@charset "UTF-8";

@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/ProximaNova-Regular.eot');
	src: local('Proxima Nova Regular'), local('ProximaNova-Regular'),
		url('../fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Regular.woff') format('woff'),
		url('../fonts/ProximaNova-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Lt';
	src: url('../fonts/ProximaNova-Semibold.eot');
	src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'),
		url('../fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Semibold.woff') format('woff'),
		url('../fonts/ProximaNova-Semibold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Rg';
	src: url('../fonts/ProximaNova-Bold.eot');
	src: local('Proxima Nova Bold'), local('ProximaNova-Bold'),
		url('../fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Bold.woff') format('woff'),
		url('../fonts/ProximaNova-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Proxima Nova Th';
	src: url('../fonts/ProximaNova-Extrabld.eot');
	src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'),
		url('../fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'),
		url('../fonts/ProximaNova-Extrabld.woff') format('woff'),
		url('../fonts/ProximaNova-Extrabld.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}


* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
body {
	font-family: 'Proxima Nova Rg', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.2;
}

.offer {
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 50px;
	background: #f58220;
	position: relative;
}
.offer__phone {
	font-size: 24px;
	line-height: 1;
	color: #000;
	text-decoration: none;
	letter-spacing: 0.5px;
	padding-left: 35px;
	display: inline-block;
	position: absolute;
	right: 60px;
	top: 80px;
}
.offer__phone span {
	display: block;
	position: absolute;
	top: -25px;
	font-size: 18px;
	line-height: 1;
	right: 0;
}
.offer__phone::before {
	content: '';
	display: block;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -2px;
	left: 0;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 480.56 480.56'%3E%3Cpath fill='%23000000' d='M365.354 317.9c-15.7-15.5-35.3-15.5-50.9 0-11.9 11.8-23.8 23.6-35.5 35.6-3.2 3.3-5.9 4-9.8 1.8-7.7-4.2-15.9-7.6-23.3-12.2-34.5-21.7-63.4-49.6-89-81-12.7-15.6-24-32.3-31.9-51.1-1.6-3.8-1.3-6.3 1.8-9.4 11.9-11.5 23.5-23.3 35.2-35.1 16.3-16.4 16.3-35.6-.1-52.1-9.3-9.4-18.6-18.6-27.9-28-9.6-9.6-19.1-19.3-28.8-28.8-15.7-15.3-35.3-15.3-50.9.1-12 11.8-23.5 23.9-35.7 35.5-11.3 10.7-17 23.8-18.2 39.1-1.9 24.9 4.2 48.4 12.8 71.3 17.6 47.4 44.4 89.5 76.9 128.1 43.9 52.2 96.3 93.5 157.6 123.3 27.6 13.4 56.2 23.7 87.3 25.4 21.4 1.2 40-4.2 54.9-20.9 10.2-11.4 21.7-21.8 32.5-32.7 16-16.2 16.1-35.8.2-51.8-19-19.1-38.1-38.1-57.2-57.1zM346.254 238.2l36.9-6.3c-5.8-33.9-21.8-64.6-46.1-89-25.7-25.7-58.2-41.9-94-46.9l-5.2 37.1c27.7 3.9 52.9 16.4 72.8 36.3 18.8 18.8 31.1 42.6 35.6 68.8zM403.954 77.8c-42.6-42.6-96.5-69.5-156-77.8l-5.2 37.1c51.4 7.2 98 30.5 134.8 67.2 34.9 34.9 57.8 79 66.1 127.5l36.9-6.3c-9.7-56.2-36.2-107.2-76.6-147.7z'/%3E%3C/svg%3E");
}
.offer__banner {margin-bottom: 3.4rem;}
.offer__banner img {
	display: block;
	width: 100%;
}
.offer__title {
	background: #fff;
	font-family: 'Proxima Nova Th';
	font-size: 56px;
	text-transform: uppercase;
	padding: 56px 80px 51px;
	letter-spacing: 1.5px;
	margin: 0 0 3px;
}
.offer__title .in-square {
	display: inline-block;
	border: 3px solid #000;
	/* vertical-align: middle; */
	padding: 2px 10px 0;
	line-height: 1;
}
.offer__price {
	font-family: 'Proxima Nova Rg';
	font-size: 50px;
	font-weight: bold;
	padding: 47px 80px 41px;
	margin-bottom: 3px;
	background: #fff;
}
.offer__price span {
	font-family: 'Proxima Nova Lt';
	font-size: 0.65em;
}
.offer__table {
	width: 100%;
	border-collapse: collapse;
}
.offer-table__left {
	width: 38.8%;
	height: 135px;
	/* padding: 57px 10px 10px; */
	background: #fff;
	text-align: center;
	vertical-align: middle;
	font-size: 18px;
	letter-spacing: 0.5px;
	border-right: 3px solid #f58220;
	}
.offer-table__right {
	width: 61.2%;
	/* float: right; */
	/* padding: 45px 10px 10px; */
	height: 135px;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	background: #fff;
}
.offer-table__right span {
	display: inline-block;
	position: relative;
	width: 190px;
	font-family: 'Proxima Nova Lt';
	text-align: left;
	letter-spacing: 0.5px;
}

.offer-table__right span:before {
	content: '';
	width: 52px;
	height: 53px;
	display: block;
	position: absolute;
	top: -11px;
	left: -95px;
	background-repeat: no-repeat;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA1CAMAAAA5+jh8AAAAt1BMVEUAAAAAcq0Acq0Acq3+zQH+zQH+zQH+zQEAcq3+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQH+zQEAcq3+zQH+zQH+zQH+zQH+zQH+zQH+zQEAcq3+zQH+zQEAcq3+zQEAcq0Acq0Acq3+zQEAcq3+zQH+zQH+zQEAcq0a+BY4AAAAO3RSTlMAVRGIBQNwYcxSLb/cffDSg3T3jYgiHqJMQz0b6zMoEPnGwqh4OOK7r5JdRxXXzaqbaDMHd0QiDN2yGZdwR9QAAAIdSURBVEjHzZZpk6IwEIYb5DBcAiI3jud4jo7jzOwR/v/v2hbEouSK1lbtPh9MOuTVdHVsXmgkVOBxhuajirEsv2qyPAYWpOsoOhQxxTwibpvmxd4X0wGls2LuWc2SrfROPUkWABEm6tTIVhNJMt4kadQgGuG307dxnpQFghNl8iGuTk7QRICP/eryK6VraMQyHEOvJkrnU61ZhAcfVXNOtnjSH/CXeHlim7JgE83LgX5g0kQ0uU3Xakxn6q5LslAHVFOHQh65WFTbhy7ES5W9cxGuseQCdOKjSL5FmkkMpVukT0N1UwRCiEdkEIUCiDv4x/BcBs9z34B8fbGIuDSD49IeIP0+1CLfiXo8AjdR7eazsb8TAdIgiuJLQQOi0yHxxZJo1UPqRKJPhnRBdqBoWOc4rOTE1/1SEONmTcGS4UhYc9ri5iWOJ+pN9JqcPtJj9rkqixzby66ftQTFAbjP6RtW6ZH77KdcWWSOIbBa6gT8EYefn4xXIiO/HB/wX7B/YpuiP9HCzAGTxqXLYvp7rhrYwoIuiZW1MKfcwtr//LdX6rtQhL+eamG6HzO1sKTUwjC9iKWFiSAGdeeuz6ajydeuklG7j4hqa7ro9BF3h0EfYbf4CPdAKR0UT5fKNSETV2251UeQkgtj9BHm1UcoFxdGyCj3Ed6sxUecXHCtvHQbiuSvyoTgEdt9RNWFsSPY00P8sLXUxfMmgnr+AISiOeWXDWLoAAAAAElFTkSuQmCC');
}
.offer-table__right sup {
	position: absolute;
	top: 10px;
	left: -15px;
	font-size: 1em;
}

.offer__footer {
	padding: 50px 0 0;
	text-align: center;
	font-size: 14px;
}
.offer__footer a {
	color: #aaa;
}

.form {
	margin: 0 auto;
	width: 600px;
	max-width: 100%;
	position: relative;
	padding: 2rem 1rem;
	text-align: center;
}
.form__title {
	font-size: 32px;
	font-family: 'Proxima Nova Th';
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 2rem;
}
.form__group {
	display: inline-block;
	width: 350px;
	max-width: 100%;
	margin-bottom: 1rem;
}
.form__field,
.form__select {
	display: inline-block;
	width: 350px;
	max-width: 100%;
	margin-bottom: 1rem;
	border-bottom: 3px solid #f58220;
}
.form__label {
	display: block;
	margin-bottom: 10px;
}
.form__field input::-webkit-input-placeholder {
	color: #000000;
}
.form__field input:-ms-input-placeholder {
	color: #000000;
}
.form__field input::-ms-input-placeholder {
	color: #000000;
}
.form__field input::placeholder {
	color: #000000;
}
.form__field input,
.form__select select {
	font-family: 'Proxima Nova Rg';
	font-size: 18px;
	font-weight: normal;
	display: block;
	width: 100%;
	padding: 15px 30px;
	border: none;
	background: transparent;
	outline: none;
	color: #000000;
}
.form__radio span {
	display: inline-block;
	border: 3px solid #f58220;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	vertical-align: middle;
	margin-right: 15px;
	position: relative;
	cursor: pointer;
	background: #fff;
}
.form__radio span:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 2;
	background: #f58220;
	border-radius: 50%;
	opacity: 0;
}
.form__radio input:checked + span:before {
	opacity: 1;
}
.form__radio input {
	position: absolute;
	top: 2px;
	left: 8px;
	border: none;
	background: transparent;
	opacity: 0;
	z-index: -1;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
}
.form__group .form__radio {
	margin-right: 30px;
	position: relative;
}
.form__radio:last-child {
	margin-right: 0;
}
.form__group .form__label {
	font-size: 18px;
	padding-left: 30px;
	text-align: left;
}
.form__select {
	position: relative;
}
.form__select select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/* padding: 0 15px; */
}
.form__select:before {
	content: '';
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 16px;
	right: 15px;
	border-bottom: 3px solid #f58220;
	border-left: 3px solid #f58220;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
	pointer-events: none;
}

.btn {
	font-family: 'Proxima Nova Rg';
	font-size: 18px;
	font-weight: bold;
	display: inline-block;
	width: 350px;
	max-width: 100%;
	padding: 13px 28px;
	border: 1px solid transparent;
	background: transparent;
	outline: none;
	cursor: pointer;
}
.form__btn {
	font-size: 22px;
	line-height: 1;
	background: #f58220;
	color: #fff;
}
.form__response {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 50px 30px;
	font-size: 24px;
}



@media (max-width: 800px) {
	.offer {
		padding: 25px;
	}
	.offer__banner {
		margin-bottom: 25px;
	}
	.offer__title {
		font-size: 38px;
		padding: 30px 50px;
	}
	.offer__price {
		font-size: 38px;
		padding: 30px 50px;
	}
	.offer-table__left {
		height: 100px;
	}
	.offer-table__right {
		height: 100px;
		font-size: 18px;
		padding-left: 70px;
	}
	.offer-table__right span {
		width: 160px;
	}
	.offer-table__right span:before {
		left: -72px;
	}

}

@media (max-width: 600px) {
	.offer {
		padding: 20px 10px;
	}
	.offer__phone {
		font-size: 14px;
		top: auto;
		bottom: 110px;
		right: 25px;
		padding-left: 25px;
	}
	.offer__phone span {
		font-size: 14px;
		top: -18px;
	}
	.offer__phone::before {
		width: 18px;
		height: 18px;
	}
	.offer__banner {
		margin-bottom: 10px;
	}
	.offer__title {
		font-size: 24px;
		padding: 20px 30px;
	}
	.offer__price {
		font-size: 24px;
		padding: 20px 30px;
	}
	.offer__table,
	.offer__table tbody,
	.offer__table tr,
	.offer__table td {
		display: block;
		font-size: 16px;
		width: 100%;
	}

	.offer-table__left {
		height: 70px;
		padding: 25px 10px 25px 30px;
		border-right: none;
		border-bottom: 3px solid #f58220;
		text-align: left;
	}
	.offer-table__right {
		height: 70px;
		font-size: 18px;
		padding: 18px 10px 18px 70px;
	}
	.offer-table__right span {
		width: 160px;
	}
	.offer-table__right span:before {
		left: -79px;
	}
	.form__title {
		font-size: 24px;
	}

}