@font-face {font-family:'Circe';src:url('Circe-Regular.ttf') format('truetype');font-weight:400;font-style: normal;}
@font-face {font-family:'Circe';src:url('Circe-Bold.ttf') format('truetype');font-weight:700;font-style: normal;}
*, :before, :after {padding:0;border:0;margin:0;box-sizing:border-box;outline:none;}
html, body {height:100%;}
body {font:400 15px/1.5 Circe,sans-serif;color:#000;background:#fff;}
body {-webkit-text-size-adjust: 100%;}
table {border-collapse:collapse;}
td {vertical-align:top;}
p {margin:1em 0;}
a {color:#2899f0;text-decoration:none;transition:all .3s;}
a:hover {color:#000;}
ul {list-style:none;}
ul li {}
h1, .h1, h2, h3, h4, h5, h6 {line-height:1.2;font-weight:900;margin:1em 0 .5em;}
h1, .h1 {font-size:32px;margin:.5em 0 1em;width:60%;}
h2 {font-size:30px;} h2:first-child {margin:0 0 .5em;}
h3 {font-size:28px;}
h4 {font-size:26px;}
h5 {font-size:24px;}
h6 {font-size:22px;}
input, select, textarea {
	display:block;
	width:100%;
	height:50px;
	border:1px solid #ccc;
	padding:0 20px;
	font:400 20px/1.2 Circe,sans-serif;
	color:#333;
	background:#fff;
	border-radius:5px;
	margin:0 0 30px;
}
input:hover, select:hover, textarea:hover {}
input:focus, select:focus, textarea:focus {}
input {}
select {cursor:pointer;background:url(../i/sel.png) no-repeat 96% 50%, #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea {overflow:auto;height:120px;padding:10px 20px;}
input[type=radio], input[type=checkbox] {background:none;border:0;padding:0;margin:0;width:auto!important;height:auto!important;cursor:pointer;vertical-align:middle;}
button, input[type=submit], input[type=button], .button {
	display:inline-block;
	height:65px;
	padding:0 45px;
	background:#2899f0;
	border-radius:5px;
	color:#fff;
	font:400 18px/65px Circe,sans-serif;
	text-align:center;
	cursor:pointer;
	margin:15px 0 0;
	transition:all .3s;
}
button:hover, input[type=submit]:hover, input[type=button]:hover, .button:hover {background-color:#2484ce;color:#fff;}
button:focus, input[type=submit]:focus, input[type=button]:focus, .button:focus {background-color:#2484ce;color:#fff;}
button:disabled, input[type=submit]:disabled, input[type=button]:disabled, .button:disabled {background-color:#ccc!important;color:#fff!important;cursor:default;}
label {display:block;font-size:15px;font-weight:500;margin:0 0 5px;cursor:pointer;}
label input[type=radio], label input[type=checkbox] {display:none;}
label input[type=radio]+i, label input[type=checkbox]+i {display:inline-block;vertical-align:middle;width:22px;height:22px;background:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;margin:0 10px 4px 0;position:relative;}
label input[type=radio]+i {border-radius:50%;}
label input[type=radio]:checked+i, label input[type=checkbox]:checked+i {border:0;}
label input[type=radio]:checked+i:after, label input[type=checkbox]:checked+i:after {content:'';width:22px;height:22px;position:absolute;top:0;left:0;border-radius:4px;}
label input[type=radio]:checked+i:after {background:url(../i/radio.svg) no-repeat 50% 50% #2899f0;border-radius:50%;}
label input[type=checkbox]:checked+i:after {background:url(../i/checkbox.svg) no-repeat 50% 50% #2899f0;}
.input {background:#f5f5f5;border-radius:8px;padding:12px 15px;margin:0 0 20px;position:relative;}
.input label {font-size:10px;color:#666;text-align:left;text-transform:uppercase;margin:0;cursor:default;}
.input input, .input select, .input textarea {height:30px;padding:0;border:0;background:none;font-size:16px;margin:0;}
.input select {background:url(../i/sel.png) no-repeat 96% 50%;}
.input textarea {height:100px;}
.input span {color:#ff0c2a;font-size:14px;position:absolute;bottom:-20px;left:0;display:none;}
.input i {width:24px;height:24px;background:url(../i/hidden.svg);}
.input.error {border:1px solid #ff0c2a;padding:11px 14px;background:#fff;}
.input.error span {display:block;}
.input.ok {/*border:2px solid #20a122;padding:10px 13px;background:#fff;*/}
.input.ok:after {content:'';width:32px;height:32px;background:url(../i/check.svg) no-repeat 50% 50%;position:absolute;top:50%;right:0;margin:-20px 0 0;}
.input.ok.focus:after {right:-1px;}
.input.ok input {width:calc(100% - 15px);}
.input.focus {border:1px solid #c1c1c1/*2899f0*/;padding:11px 14px;background:#fff;/*box-shadow:2px 2px 0 #def, -2px 2px 0 #def, -2px -2px 0 #def, 2px -2px 0 #def;*/}
.input.disabled {}
.input.disabled label {opacity:.5;}
.input.disabled input {opacity:.5;}
.input .error-text {font-size:12px;line-height:20px;color:#d0021b;position:absolute;left:-1px;bottom:-18px;}