:root {
	
    --text-color: #20242e;
    --white: white;
    --blue: #2998ff;
    --middle--25: #2b4369;
    --greys--10: #0c1427;
    --middle--40: #4b6b93;
    --middle--90: #dfe8f0;
    --greys--25: #31425e;
    --middle--20: #22345a;
    --blue--95: #dcfaff;
    --greys--15: #1c273b;
    --middle--15: #17274c;
    --blue--98: #effeff;
    --blue--90: #c6f2ff;
    --greys--20: #3f4f68;
    --greys--92: #e9ecef;
    --greys--30: #3f4f68;
    --greys--50: #748295;
    --middle--70: #9db8d1;
    --middle--30: #355178;
    --middle--80: #bdd0e0;
    --middle--10: #0e182f;
    --black: black;
    --middle--92: #e5ecf3;
    --greys--40: #59687e;
    --blue--30: #005ada;
    --blue--25: #0048c2;
    --blue--15: #002885;
    --blue--80: #95deff;
    --red--15: #50131a;
	
}

header, footer {
	
	background: #1e0e68;
	color: var(--white);
	
}

h1.heading {
	
	color: var(--middle--25);
		
}

h1.heading > span {
	
	font-size: 1.5rem;
    font-family: 'GolosTextWebRegular', Poppins, Helvetica, sans-serif;
    font-weight: 300;
	
}

h1.heading > strong {
	
	color: var(--blue--30);	
	
}

.form-control-lg, .btn-lg {
	
	font-size: 1.25rem;
	
}

.login-form {
	
	background: #fff;
	border-radius: 1.5rem !important;
	
}

.marquee-section {
	
	background-color: #f5f8fa;
	border-radius: .75rem !important;
	color: var(--middle--20);
	
}

.marquee-section .ico {

	background: #DFEFFF;
	width: 6rem;
	height: 6rem;
	border-radius: .75rem !important;
	
}

.marquee-bg__section.absolute {

    width: 100%;
    position: fixed;
    inset: auto auto 0% 0%;

}

.marquee-bg__section {

    justify-content: center;
    align-items: flex-start;
    display: flex;

}

.marquee-bg__section {

    background-image: url('/custom/static/images/rnim/main-bg.avif');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #2b4369;

}

.marquee.mainpage {

    padding-top: 16px;
    padding-bottom: 16px;

}

.text-decoration-underline {
	
	text-decoration: underline;
	
}


.font-size-05rem {
	
	font-size: .5rem !important;
	
}

.font-size-065rem {
	
	font-size: .65rem !important;
	
}

.font-size-075rem {
	
	font-size: .75rem !important;
	
}

.font-size-085rem {
	
	font-size: .85rem !important;
	
}

.font-size-09rem {
	
	font-size: .9rem !important;
	
}

.font-size-095rem {
	
	font-size: .95rem !important;
	
}

.font-size-1rem {
	
	font-size: 1rem !important;
	
}

.font-size-115rem {
	
	font-size: 1.15rem !important;
	
}

.font-size-125rem {
	
	font-size: 1.25rem !important;
	
}

.font-size-15rem {
	
	font-size: 1.5rem !important;
	
}

.font-size-175rem {
	
	font-size: 1.75rem !important;
	
}

.font-size-2rem {
	
	font-size: 2rem !important;
	
}

.font-size-3rem {
	
	font-size: 3rem !important;
	
}

.font-weight-100 {
	
	font-weight: 100;
	
}

.font-weight-200 {
	
	font-weight: 200;
	
}

.font-weight-300 {
	
	font-weight: 300;
	
}

.font-weight-400 {
	
	font-weight: 400;
	
}

.font-weight-500 {
	
	font-weight: 500;
	
}

.font-weight-600 {
	
	font-weight: 600;
	
}

.font-weight-700 {
	
	font-weight: 700;
	
}

.font-weight-800 {
	
	font-weight: 800;
	
}

.font-weight-900 {
	
	font-weight: 900;
	
}

.nowrap {
	
	white-space: nowrap;
	
}

.line-height-1 {
	
	line-height: 1 !important;
	
}

.line-height-115 {
	
	line-height: 1.15 !important;
	
}

.line-height-125 {
	
	line-height: 1.25 !important;
	
}

.line-height-150 {
	
	line-height: 1.5 !important;
	
}

.cursor-pointer {
	
	cursor: pointer !important;
	
}

.rounded-1 {
	
	border-radius: 1rem !important;
	
}

.btn-gosuslugi {
	
	background: #eee;
	
}

/* Базовые стили кнопки */
.custom-toggler {

	width: 45px;
	height: 35px;
	position: relative;
	transition: .5s ease-in-out;
	cursor: pointer;
	border: none;
	background: transparent;
	z-index: 1060;

}

.custom-toggler:focus {

	box-shadow: none;

}

/* Стили самих полосок */
.toggler-icon {
	
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #fff; /* Цвет иконки */
	border-radius: 9px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: .25s ease-in-out;

}

.top-bar { top: 0px; }

.middle-bar { top: 12px; }

.bottom-bar { top: 24px; }

/* Анимация при открытом меню (класс .open добавляем скриптом) */
.custom-toggler.open .top-bar {

	top: 12px;
	transform: rotate(135deg);
	
}

.custom-toggler.open .middle-bar {

	opacity: 0;
	left: -60px;
	
}

.custom-toggler.open .bottom-bar {

	top: 12px;
	transform: rotate(-135deg);
	
}

.mobile-menu {
	
	position: fixed;
	top: 0;
	right: 0;
	background: #1e0e68;
	height: 100%;
	transform: translateX(100%);
	transition: .15s;
	color: #fff;
	z-index: 1050;
	
}

.mobile-menu a {
	
	color: #fff;
	
}

.mobile-menu.show {
	
	transform: translateX(0);
	
}