@font-face {
	font-family: "Franklin Gothic Demi Cond";
	src: url("/media/fonts/franklin_gothic_demi_cond.eot");
	src: url("/media/fonts/franklin_gothic_demi_cond.eot?#iefix") format("embedded-opentype"),
		url("/media/fonts/franklin_gothic_demi_cond.woff2") format("woff2"),
		url("/media/fonts/franklin_gothic_demi_cond.woff") format("woff"),
		url("/media/fonts/franklin_gothic_demi_cond.ttf") format("truetype"),
		url("/media/fonts/franklin_gothic_demi_cond.svg#franklin_gothic_demi_cond") format("svg");
}

:target {
	scroll-margin-top: 80px;
}

html {
	scroll-behavior: smooth;
}

body {
	margin: 0;
	min-height: 100%;
}

header {
	position: sticky;
	top: 0px;
	width: 100%;
	background-color: #214068;
	padding: 10px 0px 10px 0px;
	z-index: 1;
}

.header_conteiner {
	width: 100%;
}

.header_line {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 30px;
}

.header_logo_box {
	margin-right: auto;
}

.header_logo {
	width: 50px;
	height: 50px;
}

.header_list {
	display: flex;
	align-items: center;
	margin-right: 25px;
}

.header_text {
	text-decoration: none;
	margin: 10px;
	padding: 5px;
	color: white;
	border-radius: 10px;
	transition: 0.4s;
}

.header_text:hover {
	color: #000;
	background-color: #52749d;
}

.header_login {
	text-decoration: none;
	position: relative;
	margin: 10px;
	padding: 5px;
	color: white;
	border-radius: 10px;
	transition: 0.4s;
}

.header_login:hover {
	color: #000;
	background-color: #52749d;
}

.banner {
	width: 100%;
}

.conteiner {
	padding: 0px 250px 0px 250px;
	background-image: url(/media/images/bg1.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.block {
	padding: 40px 10px 40px 10px;
}

a {
	text-decoration: none;
	color: black;
	font-family: "Franklin Gothic Book", arial;
}

span {
	font-family: "Franklin Gothic Book", arial;
}

.title {
	background-color: #df3614;
	padding: 5px 10px 5px 10px;
	font-size: 200%;
	border-radius: 10px;
}

p {
	font-family: "Franklin Gothic Book", arial;
	font-size: large;
	text-indent: 30px;
}

button {
	background-color: #214068;
	display: flex;
	justify-content: space-between;
	border: 3px #214068;
	border-radius: 10px;
	transition: 0.4s;
	padding: 5px 10px 5px 10px;
	vertical-align: middle;
	margin-left: 40px;
}

button:hover {
	background-color: #4c6b94;
	border: 3px #214068;
}

.documents {
	font-family: "Franklin Gothic Demi Cond", arial;
	font-size: 150%;
}

.timer {
	display: flex;
	flex-direction: column;
	background: linear-gradient(to right, #214068 0%, #52749d 100%);
	text-align: center;
}

.timer h1 {
	color: #fff;
}

.registr {
	border: 5px #214068 solid;
	transition: 0.4s;
	background-color: #214068;
	border-radius: 30px;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	margin-top: 30px;
	margin-bottom: 20px;
	padding: 30px;
	color: #000;
	font-family: "Franklin Gothic Demi Cond", arial;
	font-size: 220%;
	font-weight: bold;
	color: #fff;
}

.registr a {
	width: 100%;
	height: 100%;
}

.registr:hover {
	background-color: #4c6b94;
	border: 5px #214068 solid;
	box-shadow: 4px 4px 22px 7px #214068;
	color: rgb(207, 207, 207);
}

.normat {
	text-align: center;
	display: flex;
	justify-content: center;
}

.normat a {
	font-size: 120%;
	margin-left: 20px;
	margin-right: 20px;
}

.empty {
	padding-top: 15px;
}

.row {
	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(var(--bs-gutter-y) * -1);
	margin-right: calc(var(--bs-gutter-x) * -0.5);
	margin-left: calc(var(--bs-gutter-x) * -0.5);
}

footer {
	width: 100%;
	height: 50px;
	background-color: #214068;
	text-align: center;
	bottom: 0;
}

.footer_a {
	position: relative;
	font-size: small;

	top: 10px;
	color: white;
}

.footer_a:hover {
	color: white;
}

.flex_line {
	display: flex;
}

.Xline {
	display: flex;
	align-items: center;
	flex-direction: row;
	margin: auto;
	align-items: center;
}

.Yline {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: auto;
}

.info {
	background-color: #214068;
	background-image: none !important;
	color: white;
}

.info a {
	text-decoration: underline;
	color: white;
}

.info a:hover {
	transition: 0.4s;
	color: rgb(167, 167, 167);
}

.info button {
	vertical-align: middle;
	background-color: white;
}

.info button:hover {
	background-color: rgb(207, 207, 207);
}

.thing {
	display: flex;
	justify-content: space-evenly;
	text-align: center;
}

.thing .block {
	padding: 30px;
	background: linear-gradient(to right, #214068 0%, #52749d 100%);
	margin: 10px 15px;
	border-radius: 20px;
	display: flex;
	justify-content: space-evenly;
	text-align: center;
	align-items: center;
}

.thing i {
	font-size: 38px;
	margin-bottom: 20px;
	transition: all 0.5s;
	color: #fff;
	width: 100px;
	height: 100px;
	padding: 30px 0;
	border-radius: 50%;
	background: linear-gradient(to right, #a15546 0%, #df3614 100%);
	box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.05);
}

.thing p {
	font-size: 30px;
	margin-bottom: 20px;
	color: #fff;
	text-indent: 0px;
}

.thing button {
	display: unset;
	margin-left: 0px;
}

.countdown-title {
	color: #396;
	font-weight: 100;
	font-size: 40px;
	margin: 40px 0px 20px;
}

.countdown {
	font-family: sans-serif;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
	display: flex;
	font-weight: 100;
	text-align: center;
	justify-content: space-around;
	font-size: 60px;
	padding: 20px;
}

.countdown-number {
	box-shadow: 4px 4px 22px 7px #214068;
	padding: 15px;
	border-radius: 15px;
	background: #4c6b94;
	display: inline-block;
}

.countdown-time {
	padding: 15px;
	display: inline-block;
}

.countdown-text {
	display: block;
	padding-top: 5px;
	font-size: 16px;
}

.blockqr {
	display: flex;
	justify-content: center;
}

.ChatMOqr {
	display: inline-block;
	text-align: center;

	background-color: #214068;
	border-radius: 20px;
	width: 270px;

	padding-bottom: 20px;
}

.urlMO {
	font-size: 180%;
	text-decoration: none;

	padding: 5px 10px 5px 10px;
	border-radius: 10px;

	color: white;
	background-color: #df3614;
}

.urlMO:hover {
	color: white;
}

.scale {
	transition: all 0.5s;
}

.scale:hover {
	transform: scale(1.1);
	/*box-shadow: 4px 4px 22px 7px #214068;*/
}

/*
.scale::before {
	content: "Подпись";
	position: absolute;
	bottom: 100%; /* Расположение подписи относительно верхней границы элемента *
	left: 50%; /* Расположение подписи относительно левой границы элемента *
	transform: translateX(-50%); /* Центрирование подписи по горизонтали *
	opacity: 0; /* Начальное значение прозрачности подписи *
	transition: opacity 0.3s ease; /* Плавное изменение прозрачности при появлении *
}
.scale:hover::before {
	opacity: 1; /* Прозрачность подписи при наведении *
}
*/
@media (min-width: 992px) {
	.col-md-3 {
		width: 22%;
	}
}

@media (min-width: 1800px) {
	.col-md-4 {
		width: 30% !important;
	}
}

@media (max-width: 1500px) {
	.col-md-3 {
		width: 33%;
	}

	.header_logo_box {
		margin-right: auto;
	}

	.header_text {
		display: none;
	}

	.conteiner {
		padding: 0px 100px 0px 100px;
	}

	.title {
		font-size: 150%;
	}

	.div_title {
		border-radius: 10px;
		padding: 5px;
	}

	footer {
		width: 100%;
		height: 75px;
	}

	button {
		margin-left: 5px;
		margin-bottom: 20px;
	}

	.flex_line {
		display: flex;
		justify-content: center;
	}

	.normat b {
		display: none;
	}

	.Xline {
		display: flex;
		align-items: center;
		flex-direction: column;
		margin: auto;
	}

	.countdown {
		font-size: 45px;
		padding: 10px;
		padding-bottom: 20px;
	}

	.countdown-number {
		padding: 15px;
	}

	.registr {
		padding: 20px;
		font-size: 125%;
	}
}

@media (max-width: 768px) {
	.col-md-3 {
		width: 90%;
	}

	.header_logo_box {
		margin-right: auto;
	}

	.header_text {
		display: none;
	}

	.conteiner {
		padding: 0px 35px 0px 35px;
	}

	.title {
		font-size: 120%;
	}

	.div_title {
		border-radius: 10px;
		padding: 5px;
	}

	footer {
		width: 100%;
		height: 75px;
	}

	button {
		margin-left: 5px;
		margin-bottom: 20px;
	}

	.normat {
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.countdown {
		font-size: 30px;
		padding: 0px;
		padding-bottom: 10px;
	}

	.countdown-number {
		padding: 7px;
	}

	.registr {
		padding: 10px;
		font-size: 125%;
	}
}

@media (max-width: 550px) {
	.header_logo_box {
		margin-right: auto;
	}

	.header_text {
		display: none;
	}

	.conteiner {
		padding: 0px 15px 0px 15px;
	}

	.title {
		padding: 0px;
		font-size: 120%;
	}

	.div_title {
		background-color: #df3614;
		border-radius: 10px;
		padding: 5px;
	}

	footer {
		width: 100%;
		height: 75px;
	}

	button {
		margin-left: 5px;
		margin-bottom: 20px;
	}

	.countdown-number {
		padding: 4px;
	}

	.registr {
		padding: 10px;
		font-size: 18px;
	}
}