@font-face {
	font-family: 'Montserrat';
	src: url("font/Montserrat/Montserrat-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Cuprum';
	src: url("font/cuprum/cuprum.woff2") format("woff2");
	font-weight: normal;
	font-style: normal;
}



body {padding: 0; margin: 0}

h2 {margin: 50px 100px; font-family: Cuprum; weight: 400; font-size: 40px; font-weight: 400}

.invisible {display:none}


.asterisk {display: block; float: right; margin: 20px; width: 15px; height: 14px;
	background-image:url('data:image/svg+xml;utf8,<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.376 11.568L5.192 7.408L0.776 6L1.608 3.312L6.088 5.04L5.896 0.303997H9.16L8.968  5.04L13.448 3.312L14.28 6L9.864 7.408L12.744 11.568L10.312 13.168L7.56 8.88L4.744 13.168L2.376 11.568Z" fill="black"/></svg>');
}



	/* Для диалоговых окон, захватывающих фокус */
.shadow {display: block; position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 1%; transition: opacity 0.6s}
.shadow_opacity {opacity: 20%}
.frame {display: block; margin: auto; left: 0; right: 0; z-index: 1000; box-sizing: box-border; width: fit-content; background: transparent; transition: transform 0.3s; }
.frame .close {display: block; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px; background: #5555; color: white}
.frame .close:after {content:'X'}
.frame_absolute {position: absolute; transform: scale(0.2)}
.frame_absolute_open {transform: scale(1)}
.frame_fixed {position: fixed; transform: scale(0.2) translate(0,-50%); top: 40%}
.frame_fixed_open {transform: scale(1) translate(0,-50%); }