:root {
	--text:#00192c;
	--text-grey:#7b7b7b;
	--link:#00599d;
	--red: #ed1c24;
	--grey:#bbbdc0;
	--l-grey:#e6e7e8;
	--l-grey-2:#d2d3d6;
	--l-grey-3:#f4f4f4;
	--l-grey-4:#efefef;
}
*, :before, :after {padding:0;border:0;margin:0;box-sizing:border-box;}
html, body { height:100%;}
html {
	scroll-behavior: smooth !important;
	overflow-y: scroll !important;
}
body {font:400 14px/1.357 "Open Sans",sans-serif;color:var(--text);background:#fff;}
table {border-collapse:collapse;}
td {vertical-align:top;}
p {margin:1em 0;}
a {color:var(--link);text-decoration:none;outline:none;transition:all .3s;}
a:hover {color:#000;}
ul {list-style:none;}
hr {height:1px;background:var(--grey);margin:1.5em 0;}
h1, .h1, h2, h3, h4, h5, h6 {text-transform:uppercase;margin:1em 0;}
h1, .h1 {font-size:40px;font-weight:400;margin:0 0 1em;}
.h1 {font-size:50px;}
h2 {font-size:20px;font-weight:400;}
h3 {font-size:20px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:16px;}
input:not([type="file"]), select, textarea {
	display:block;
	width:100%;
	padding:0 20px;
	border: 1px solid var(--grey);
	border-radius: 5px;
	outline:none;
	font:14px/1.2 "Open Sans",sans-serif;
	color:#000;
	margin:0 0 20px;
}
input:not([type="file"]), select {
	height:50px;
}
textarea {
	min-height: 100px;
}
select {cursor:pointer;background:url("/local/templates/integral_2024/i/sel.svg") no-repeat calc(100% - 20px) 50%, #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;}

/* textarea {overflow:auto;height:120px;padding:10px 20px;} */
textarea {padding:10px 20px;}

.error {border-color:#f00!important;}
input[type=radio], input[type=checkbox] {display:inline-block;vertical-align:middle;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, .btn {
	display:inline-flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	width:auto;
	height:50px;
	padding:0 40px;
	background:var(--link)!important;
	border:0;
	border-radius:5px;
	color:#fff!important;
	font:400 14px/1.2 "Open Sans",sans-serif;
	text-align: center;
	text-transform: uppercase;
	text-decoration:none!important;
	cursor:pointer;
	margin:10px 0 0;
	transition:all .3s;
}
button svg, input[type=submit] svg, input[type=button] svg, .button svg, .btn svg {width:25px;height:25px;fill:#fff;transition:all .3s;}
button:hover, input[type=submit]:hover, input[type=button]:hover, .button:hover, .btn:hover {filter:grayscale(.4)!important;}
button:focus, input[type=submit]:focus, input[type=button]:focus, .button:focus, .btn:focus {filter:grayscale(.4)!important;}
button:disabled, input[type=submit]:disabled, input[type=button]:disabled, .button:disabled {background:#ccc;opacity:.6;}

/* Исправлено на inline, т.к. в формах битрикса криво */
label {display:inline-flex;align-items:center;gap:10px;font-size:12px;}

label input[type=radio], label input[type=checkbox] {
	/* display:none; */
	width: 1px !important;
	height: 20px !important;
	margin: 0 -21px 0 10px;
	opacity: 0;
}
label input+i {width:20px;height:20px;background:#fff;border:1px solid var(--grey);cursor:pointer;}
label input:checked+i {background:url("/local/templates/integral_2024/i/checkbox.svg") no-repeat 50% 50%, #fff;}