@charset "utf-8";
:root {
	--red: #B6202C;
	--black: #292929;
	--gray: #7f7f7f;
	--white: #ffffff;
	--bg-gray: #efefef;
	--bg-dark-gray: #191919;
	--text-disabled: #bfbfbf;
	--bg-disabled: #eaeaea;
	--action-hover: #e73c42;
	--error: #B6202C;
	--success: #e73c42;
	}
* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
body,html {
	background: 0 0;
	border: 0;
	margin: 0;
	outline: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	}
a,abbr,acronym,address,applet,b,button,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,i,iframe,img,ins,kbd,label,legend,li,object,ol,pre,q,s,samp,small,span,strike,strong,sub,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var {
	background: 0 0;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}
h1,h2,h3,h4,h5,h6 {
	outline: 0;
	}
html, p {
	font-size: 100%;
	}
h1,h2,h3,h4,h5,h6,p {
	background:0 0;
	border:0;
	margin: 0;
	vertical-align:baseline
	}
blockquote,q {
	quotes:none;
	}
blockquote:after,blockquote:before,q:after,q:before {
	content:none;
	}
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
	}
table {
	border-collapse:collapse;
	border-spacing:0;
	}
a:active,a:hover,p {
	outline:0;
	}
html {
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	}
img {
	-ms-interpolation-mode:bicubic
	}
button,input[type=button],input[type=reset],input[type=submit] {
	cursor:pointer;
	-webkit-appearance:button;
	}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display:block;
	}
audio,canvas,video {
	display:inline-block;
	}
audio:not([controls]) {
	display:none;
	}
[hidden] {
	display:none;
	}
button::-moz-focus-inner {
	padding: 0;
	}
textarea {
	overflow:auto;
	vertical-align:top;
	resize:vertical;
	}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=file]>input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner {
	border:0;
	}
body {
	font-family: Geologica, Arial, Verdana sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	color: var(--black);
	background: var(--white);
	font-feature-settings: 'tnum' on, 'lnum' on, 'cv03' on, 'cv04' on;
	/*font-feature-settings: 'lnum' 1;*/
	position: relative;
	}
h1 {
	font-size: 40px;
	font-weight: 700;
	line-height: 56px;
	}
h2 {
	font-size: 34px;
	font-weight: 600;
	line-height: 36px;
	}
h3 {
	font-size: 28px;
	font-weight: 500;
	line-height: 32px;
	}
h4 {
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	}
h5 {
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	}
h6 {
	font-size: 18px;
	font-weight: 500;
	line-height: 24px;
	}
a {
	color: var(--black);
	text-decoration: underline;
	transition: 0.4s;
	}
a.secondary-link {
	color: var(--black);
	}
a:hover {
	text-decoration: underline;
	}
a.secondary-link:hover {
	color: var(--red);
	}
strong {
	font-weight: 500;
	}
.nowrap {
	white-space: nowrap;
	}
.checkbox label {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	}
.checkbox input[type=checkbox] {
	display:none;
	}
.checkbox label span {
	display: block;
	height: 24px;
	width: 24px;
	outline: none;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 10px;
	background-color: var(--white);
	}
.checkbox.small label span {
	height: 20px;
	width: 20px;
	}
.checkbox.extrasmall label span {
	height: 16px;
	width: 16px;
	}
.checkbox label span:hover {
	border: 1px solid var(--gray);
	}
.checkbox label span .feather-check {
	opacity: 0;
	color: var(--red);	
	}
.checkbox label span:hover .feather-check {
	opacity: 0.1;
	}
.checkbox input[type=checkbox]:checked + label span .feather-check {
	opacity: 1;
	color: var(--white);
	}
.checkbox input[type=checkbox]:checked + label span {
	background-color: var(--red);
	border: 1px solid var(--red);
	}
.checkbox input[type=checkbox]:checked + label span:hover {
	background-color: var(--red);
	border: 1px solid var(--red);
	}
.text-agree {
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: var(--gray);
	}
.caption12 {
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	}
.body-small14 {
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
	}
.body-long14 {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	}
.body-long16 {
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	}
.subtitle14 {
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	}
.subtitle16 {
	font-size: 16px;
	font-weight: 500;
	line-height: 24px;
	}
.subtitle18 {
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	}
.t-gray {
	color: var(--gray);
	}
.t-disabled {
	color: var(--text-disabled);
	}
.t-green {
	color: var(--red);
	}
.t-danger {
	color: var(--danger);
	}
.t-success {
	color: var(--success);
	}
.t-warning {
	color: var(--warning);
	}
.badge16 {
	display: block;
	min-width: 17px;
	height: 16px;
	border-radius: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 5px;
	}
.button:hover {
	background-color: var(--text-disabled);
	color: var(--black);
	text-decoration: none;
	}
.card2 {
	background-color: var(--white);
	border-radius: var(--radius2);	
	box-shadow: var(--shadow-work-zone);
	}
.card2-w {
	background-color: var(--white);
	border-radius: var(--radius2);	
	box-shadow: var(--shadow4);
	}
.card4 {
	background-color: var(--white);
	border-radius: var(--radius1);	
	box-shadow: var(--shadow4);
	}
.card44 {
	background-color: var(--white);
	border-radius: var(--radius1);	
	box-shadow: var(--shadow4);
	}
.card2.success, .card4.success {
	background-color: var(--red);
	box-shadow: none;
	}
.plus-card {
	border-radius: var(--radius4);	
	background-color: var(--bg-gray);
	}
.card-pad {
	padding: 32px;
	}
.answer-card {
	background-color: var(--bg-gray);
	border-radius: var(--radius2);	
	margin: 12px 0 0 0;
	position: relative;
	}
.answer-card::before {
	content: '';
	display: block;
	width: 12px;
	height: 12px;
	background-color: var(--bg-gray);
	position: absolute;
	transform: rotate(45deg);
	top: -6px;
	left: 20px;
	}
.flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.flex-start {
	display: flex;
	align-items: center;
	}
.modal-sm, .modal-md, .modal-lg {
	background-color: var(--white);
	border-radius: var(--radius4);	
	box-shadow: var(--shadow4);
	padding: 28px 32px 32px 32px;
	max-width: 472px;
	margin: 50px auto;
	}
.modal-md {
	max-width: 576px;
	}
.modal-lg {
	max-width: 784px;
	}
input[type=text], input[type=password], input[type=email], input[type=tel], .input-container, textarea {
	width: 100%;
	height: 42px;
	border: 1px solid var(--gray);
	border-radius: 4px;
	padding: 0 16px;
	font-family: Geologica, Arial, Verdana sans-serif;
	font-size: 15px;
	font-weight: 300;
	color: var(--black);
	outline: none;
	background: transparent;
	}
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover, input[type=tel]:hover, textarea:hover {
	border: 1px solid var(--black);
	}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
	border: 1px solid var(--black);
	}
textarea {
	height: 100px;
	padding: 8px 16px;
	font-size: 14px;
	}
input.xs {
	height: 32px;
	}
input.lg {
	height: 56px;
	padding: 25px 16px 7px 16px;
	position: relative;
	z-index: 1;
	}
.placeholder-text {
	position: absolute;
	top: 17px;
	left: 17px;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	color: var(--gray);
	transition: 0.1s;
	z-index: 0;
	}
input:focus ~ .placeholder-text, .placeholder-text.filled  {
	position: absolute;
	top: 8px;
	left: 17px;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
	color: var(--black);
	}
.placeholder-text.filled  {
	color: var(--gray);
	}
.optional-label label {
	color: var(--gray);
	}
.optional-label {
	margin: 0 0 8px 0;
	line-height: 16px;
	font-size: 14px;
	}
.field-error, .form-error {
	font-size: 14px;
	line-height: 24px;
	margin-top: 8px;
	color: var(--red);	
	display: none;
	}
input[type="text"].error-input {
	border: 1px solid var(--red);
	}
input[type=text].error-input, input[type=password].error-input, input[type=email].error-input, input[type=tel].error-input {
	border: 1px solid var(--error);
	}
input[type=submit], button {
	height: 48px;
	padding: 0 24px;
	font-family: Geologica, Arial, Verdana sans-serif;
	font-size: 15px;
	font-weight: 300;
	white-space: nowrap;
	background-color: var(--black);
	color: var(--white);
	border-radius: 32px;
	cursor: pointer;
	text-decoration: none;
	transition: 0.4s;
	border: 0;
	}
input[type=submit]:hover, button:hover {
	background-color: var(--white);
	color: var(--black);
	text-decoration: none;
	}
input[type=submit][disabled], input[type=submit].disabled, button[disabled], button.disabled {
	background-color: var(--bg-gray);
	color: var(--text-disabled);
	cursor: default;
	}
.success-icon {
	width: 86px;
	height: 86px;
	background-color: var(--red);
	border-radius: 43px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.success-icon svg {
	color: var(--success);
	width: 56px;
	height: 56px;
	}
.disable-icon {
	width: 86px;
	height: 86px;
	background-color: var(--bg-gray);
	border-radius: 43px;
	display: flex;
	justify-content: center;
	align-items: center;
	}
.disable-icon svg {
	color: var(--gray10);
	width: 56px;
	height: 56px;
	}
a.doc-link {
	display: flex;
	align-items: center;
	padding: 0;
	}
a.doc-link.pdf {
	background: url(images/ico-pdf.svg) left center no-repeat;			
	padding: 0 0 0 30px;
	}
a.doc-link.doc {
	background: url(images/ico-doc.svg) left center no-repeat;			
	padding: 0 0 0 30px;
	}
a.doc-link.img {
	background: url(images/ico-image.svg) left center no-repeat;			
	padding: 0 0 0 30px;
	}
.visible-popup {
	display: block !important;
	opacity: 1 !important;
	}
.visible-flex {
	display: flex !important;
	}
.tag-green, .tag-gray {
	height: 24px;
	padding: 0 8px;
	display: inline-flex;
	align-items: center;
	background-color: var(--green30);
	font-size: 12px;
	font-weight: 500;
	border-radius: var(--radius2);
	white-space: nowrap;
	}
.tag-gray {
	background-color: var(--bg-disabled);
	}
.chips {
	height: 28px;
	border-radius: 14px;
	background: var(--bg-disabled);
	font-weight: 500;
	font-size: 14px;
	color: var(--black);
	display: inline-flex;
	align-items: center;
	white-space: nowrap;
	padding: 0 10px;
	margin: 0 10px 12px 0
	}
.chips.xs {
	height: 24px;
	border-radius: 12px;
	font-size: 12px;
	}
.chips .close {
	height: 16px;
	width: 16px;
	border-radius: 8px;
	background: var(--text-disabled);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 10px;
	margin-right: -3px;
	cursor: pointer;
	}
.chips .close svg {
	height: 12px;
	width: 12px;
	color: var(--bg-disabled);
	}
.chips.xs .close {
	height: 14px;
	width: 14px;
	border-radius: 7px;
	margin-left: 7px;
	margin-right: -2px;
	}
.chips.xs .close svg {
	height: 10px;
	width: 10px;
	}
.chips:hover {
	color: var(--action-pressed);
	}
.chips:hover .close {
	background: var(--red);
	}
.select {
	display: block;
	width: 100%;
	position: relative;
	}
.new-select {
	position: relative;
	height: 40px;
	border: 1px solid var(--text-disabled);
	border-radius: var(--radius2);	
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 16px;
	background: var(--white);	
	cursor: pointer;
	user-select: none;
	}
.new-select:hover {
	border: 1px solid var(--gray);
	}
.new-select svg {
	color: var(--gray);	
	transition: 0.3s;
	}
.new-select svg:hover {
	color: var(--red);	
	}
.new-select.on {
	border: 2px solid var(--red);
	}
.new-select.on svg {
	color: var(--red);
	transform: rotate(180deg);
	}
.new-select__list {
	position: absolute;
	top: 48px;
	left: 0;
	width: 100%;
	border-radius: var(--radius2);	
	background: var(--white);	
	box-shadow: var(--shadow4);
	padding: 8px 0;
	min-width: 228px;
	z-index: 100;
	cursor: pointer;
	user-select: none;
	}
.new-select__list.on {
	display: block;
	}
.new-select__item span {
	display: block;
	height: 40px;
	padding: 0 16px;
	display: flex;
	align-items: center;
	}
.new-select__item span:hover {
	color: var(--red);
	background: var(--bg-gray);
	}
.status {
	background: var(--red);	
	height: 24px;
	padding: 0 8px;
	display: flex;
	align-items: center;
	border-radius: 12px;		
	color: var(--action-pressed);
	font-size: 12px;
	font-weight: 500;
	}
.status.positive {
	background: var(--success);	
	color: var(--white);
	}
.status.negative {
	background: var(--danger);	
	color: var(--white);
	}
.icon-link {
	display: flex;
	align-items: center;
	font-size: 14px;
	color: var(--red);
	font-weight: 500;
	cursor: pointer;
	}
.icon-link svg {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	}
.icon-link:hover {
	text-decoration: underline;
	}
input[type=range] {
	margin: auto;
	padding: 0;
	height: 2px;
	background-color: var(--text-disabled);
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, var(--red)), color-stop(100%, var(--red)));
	background-size: 0% 100%;
	background-repeat: no-repeat;
	cursor: pointer;
	-webkit-appearance: none;
	width: 100%;
	outline: 0;
	border: 0;
	}
input[type=range]:focus {
	outline: none;
	}
input[type=range]::-webkit-slider-runnable-track {
	box-shadow: none;
	border: none;
	background: transparent;
	}
input[type=range]::-webkit-slider-thumb {
	border: 0;
	height: 14px;
	width: 14px;
	border-radius: 7px;
	background: var(--red);
	cursor: pointer;
	-webkit-appearance: none;
	box-shadow: 0px 0.9px 2px rgba(0, 0, 0, 0.28);
	}
input[type=range]::-moz-range-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	animate: 0.2s;
	background: var(--text-disabled);
	border: 0;
	}
input[type=range]::-moz-range-thumb {
	border: 0;
	height: 14px;
	width: 14px;
	border-radius: 7px;
	background: var(--red);
	cursor: pointer;
	box-shadow: 0px 0.9px 2px rgba(0, 0, 0, 0.28);
	}
input[type=range]::-moz-range-progress {
	background-color: var(--red);	
	height: 2px;
	border: 0;
	}
input[type=range]::-ms-track {
	width: 100%;
	height: 2px;
	cursor: pointer;
	animate: 0.2s;
	background: var(--text-disabled);
	border: 0;
	}
input[type=range]::-ms-thumb {
	border: 0;
	height: 14px;
	width: 14px;
	border-radius: 7px;
	background: var(--red);
	cursor: pointer;
	box-shadow: 0px 0.9px 2px rgba(0, 0, 0, 0.28);
	}
input[type=range]::-ms-fill-lower {
	background-color: var(--red);	
	height: 2px;
	border: 0;
	}
input[type=range]::-ms-fill-upper {
	background-color: var(--text-disabled);	
	height: 2px;
	border: 0;
	}
input[type=range]:focus::-ms-fill-lower {
	background-color: var(--red);	
	height: 2px;
	border: 0;
	}
input[type=range]:focus::-ms-fill-upper {
	background: var(--text-disabled);
	border: 0;
	height: 2px;
	}
.line-notifications {
	border-radius: var(--radius2);	
	background: var(--red);
	padding: 14px 18px;
	display: flex;
	}
.line-notifications div {
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	margin: 2px 0 0 0;
	}
.line-notifications span {
	display: block;
	font-weight: 500;
	}
.line-notifications.warning {
	background: #fff5ed;
	}
.line-notifications.error {
	background: #fff1f2;
	}
.line-notifications svg {
	min-width: 24px;
	width: 24px;
	height: 24px;
	margin: 0 14px 0 0;
	}
.line-notifications svg * {
	fill: var(--success);
	}
.line-notifications.warning svg * {
	fill: var(--warning);
	}
.line-notifications.error svg * {
	fill: var(--danger);
	stroke: var(--white);
	}
.input-file input[type=file] {
	outline:0;
	width:0;
	opacity:0;
	pointer-events:none;
	user-select:none
	}
.pagination-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 80px 0 0 0;
	}
.pagination-item {
	display: flex;
	color: var(--black);
	justify-content: center;
	align-items: center;
	width: 36px;
	min-width: 36px;
	height: 36px;
	border-radius: var(--radius2);
	text-decoration: none;
	}
.pagination-item:hover {
	background-color: var(--bg-disabled);
	text-decoration: none;
	}
.pagination-item:active {
	background-color: var(--action-hover);
	color: var(--white);
	text-decoration: none;
	}
.pagination-item.active {
	background-color: var(--red);
	color: var(--white);	
	}
.pag-arrow {
	color: var(--red);
	}
.pag-arrow:first-child {
	margin: 0 8px 0 0;
	}
.pag-arrow:last-child {
	margin: 0 0 0 8px;
	}
ul, ol {
	padding-left: 20px;
	}
ol li, ul li {
	padding-bottom: 16px;
	}