/* Start:/bitrix/templates/niigame/components/bitrix/menu/topmenu/style.css?17510293983*/




/* End */


/* Start:/bitrix/templates/niigame/styles.css?179153095414971*/

:root{
	--field-size:12px;
	--radius-size:12px;
	--main-fg:#336699;
	--main-bg:#FFFFFF;
	--menu-hov:#FF3300;
	--footer-bg:#666666;
	--footer-fg:#FFFFFF;

	--bg-color:#F8F8F8;
	--fg-color:#336699;
	--fg-high:#3399CC;
	--fg-navy:#003366;
	--fg-dark:#333333;
	--fg-under:#CC0033;
	--fg-bright:#FF9966;
	--bg-head:#E0E0E0;
	--bg-lite:#F0F0F0;
	--bg-hover:#E0E0E8;
	--fg-black:#000000;

	font-family:Montserrat,Gilroy,Verdana,Arial,Sans serif;
	font-size:20px;
}

html {
	scrollbar-gutter: stable;
}

body {
	display:flex;
	padding:0px;
	margin:0px;
	color:var(--fg-color);
	background-color:var(--bg-color);
	flex-direction:column;
	justify-content:stretch;
	min-height:100vh;
}

.resize-animation-stopper * {
	transition: none !important;
	animation: none !important;
}

a, a:hover {
	color:inherit; 
	text-decoration:none;
}

a[target] {
	text-decoration: underline;
	text-decoration-color: #DFEFFF;
	text-decoration-color: rgb(from currentColor r g b / 30%); 
	text-underline-offset: 3px; 
}

.aunder a,
.aunder a:hover {text-decoration:underline;}


header {
	font-family:Montserrat, Gilroy, Verdana, Arial;
	color:var(--fg-navy);
	background-color:var(--bg-color);
	/*background:var(--bg-head) url('/img/bricks-smooth.png') repeat left center;*/
	/*background-size:30%;*/
	min-height:60px;
	padding:12px;
	display:flex;
	flex-direction:row;
	justify-content:stretch;
	align-items:center;
	gap:12px;
}

.site-logo {
	width:100px;
}

header .site-logo img {
	width:100%;
}

.htitle {
	text-transform:uppercase;
	font-weight:normal;
	font-size:1.4rem;
	line-height:1.6rem;
/*	-webkit-text-stroke: 1px var(--fg-high);*/
}

main {
	flex-grow:10;
	padding:0px 24px;
}

footer {
	font-size:75%;
	background-color:#444444;
	color:#F8F8F8;
	min-height:40px;
	padding:12px;
	margin-top:24px;
	display:flex;
	flex-direction:row;
	justify-content:stretch;
	align-items:center;
	gap:12px;
	border-top:2px solid var(--fg-dark);
}

.spacer {
	flex-grow:1;
}

h1 {font-size:1.5rem;text-align:left;font-weight:normal;color:inherit;margin:1rem 0px;}
h2 {font-size:1.25rem;text-align:left;font-weight:normal;color:inherit;margin:0.8rem 0px;}
h3 {font-size:1.15rem;text-align:left;font-weight:normal;color:inherit;margin:0.7rem 0px;}

.header h2 {text-transform:uppercase;font-size:20px;}

main img {max-width:100%;}

ul.nmark {list-style-type:none;margin:0px;padding:0px;}

ul.pref {--pref-color:#FFFFFF;}
ul.pref > li > span:nth-child(1) {display:inline-block;min-width:5em;color:var(--pref-color,#FFFFFF);}
ul.prefmark-red {--pref-color:#CC0033;}
ul.prefmark-orange {--pref-color:#CC9966;}
ul.prefmark-yellow {--pref-color:#CCCC99;}
ul.prefmark-green {--pref-color:color:#CCFFCC;}
ul.prefmark-blue {--pref-color:color:#CCCCFF;}

.mw2575,.mw4060,.mw5050,.mw6040,.mw7525 {margin:0px;padding:0px;border:none;}

.mxw100 {max-width:100%;}
.mxw90 {max-width:90%;}
.mxw75 {max-width:75%;}
.mxw50 {max-width:50%;}
.mxw25 {max-width:25%;}

.wd100 {width:100%;}
.wd90 {width:90%;}
.wd75 {width:75%;}
.wd66 {width:66%;}
.wd60 {width:60%;}
.wd50 {width:50%;}
.wd40 {width:40%;}
.wd33 {width:33%;}
.wd25 {width:25%;}
.wd10 {width:10%;}

/* common part of main menu */
nav.mainmenu-line {
	position:sticky;
	display:flex;
	z-index:128;
	flex-direction:row;
	justify-content:flex-start;
	align-items:center;
	gap:8px;
	top:0;
	color:var(--bg-color);
	background-color:var(--fg-color);
	margin-bottom:12px;
	padding:12px 0px;
	border-top:2px solid var(--fg-under);
	border-bottom:2px solid var(--fg-under);
}

nav.mainmenu-button {
	display:none;
}

nav.mainmenu-line ul {
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
}

nav.mainmenu-line li {
	position:relative;
	margin:0px;
	padding:3px 6px;
}

nav.mainmenu-line a,
nav.mainmenu-line a:hover {
	white-space:nowrap;
	text-decoration:none;
	color:inherit;
}


/*
.main-menu-button {display:block;position:relative;box-sizing:border-box;width:25px;height:25px;padding:0px;border:none;cursor:pointer;text-align:center;}
.main-menu-icon {display:inline-block;position:relative;box-sizing:border-box;width:100%;height:5px;margin:10px 0px;border:none;border-radius:3px;background-color:var(--main-fg);transition:0.2s;}
.main-menu-icon::before,
.main-menu-icon::after {position:absolute;z-index:+2;content:'';left:0px;box-sizing:border-box;width:100%;height:5px;border:none;border-radius:3px;background-color:var(--main-fg);margin:0px;transition:0.2s;}
.main-menu-icon::before {top:-10px;}
.main-menu-icon::after {bottom:-10px;}
.is-open .main-menu-icon {background-color:transparent;}
.is-open .main-menu-icon::before {transform:translateY(9px) rotate(45deg);}
.is-open .main-menu-icon::after {transform:translateY(-11px) rotate(-45deg);}

ul.main-menu {display:block;list-style-type:none;margin:0px;padding:12px;background-color:var(--main-bg,#FFFFFF);}
ul.main-menu ul {list-style-type:none;margin:0px 0px 12px 12px;padding:0px;}

ul.main-menu a,
ul.main-menu a:hover,
ul.main-menu a:visited {text-decoration:none;color:inherit;}

ul.main-menu a.sel,
ul.main-menu span.sel {font-weight:bold;}

nav {position:relative;}
*/

.body-textframe {padding:48px 0px 48px 0px; text-align:left;line-height:120%;}
.body-textframe p {text-indent:1.3em;line-height:120%;margin-top:0.4em;}

.nw2575, 
.nw3366, 
.nw4060, 
.nw5050, 
.nw6040, 
.nw6633, 
.nw121,
.nw112,
.nw211,
.nw1111,
.nw7525 {display:grid;grid-column-gap:48px;grid-row-gap:48px;}

.nw2575 {grid-template-columns:25% auto;}
.nw3366 {grid-template-columns:33% auto;}
.nw4060 {grid-template-columns:40% auto;}
.nw5050 {grid-template-columns:50% auto;}
.nw6040 {grid-template-columns:60% auto;}
.nw6633 {grid-template-columns:66% auto;}
.nw7525 {grid-template-columns:75% auto;}

.nw121  {grid-template-columns:1fr 2fr 1fr;}
.nw112  {grid-template-columns:1fr 1fr 2fr;}
.nw211  {grid-template-columns:2fr 1fr 1fr;}
.nw1111 {grid-template-columns:1fr 1fr 1fr 1fr;}


@media screen and (min-width:720px) { /* wide-screen */

	:root {font-size:20px;}

	.only-narrow {display:none !important;}
	.main-menu-button {display:none;}


	nav.mainmenu-line > .mainmenu-body a {
		display:block;
		transition:0.4s;
		padding:3px 12px;
	}

	nav.mainmenu-line > .mainmenu-body ul ul a {
		padding:6px 32px 6px 12px;
	}

	nav.mainmenu-line > .mainmenu-body > ul {
		display:flex;
		flex-direction:row;
		justify-content:flex-start;
		align-items:flex-start;
		gap:12px;
	}

	nav.mainmenu-line > .mainmenu-body > ul > li {
		display:inline-block;
		box-sizing:border-box;
		position:relative;
		color:var(--bg-color);
		text-align:center;
		padding:0px;
	}

	nav.mainmenu-line > .mainmenu-body > ul > li > a {
		border-bottom:2px solid transparent;
		transition:border 0.4s;
	}

	nav.mainmenu-line > .mainmenu-body > ul > li:hover > a {
		border-bottom:2px solid var(--fg-bright);
	}

	nav.mainmenu-line > .mainmenu-body > ul ul {
		position:absolute;
		left:calc(100% - 12px);
		top:0px;
		z-index:+10;
		visibility:hidden;
		opacity:0;
		transition:0.4s;
		background-color:var(--bg-lite);
		box-shadow:0px 10px 10px var(--fg-color);
	}

	nav.mainmenu-line > .mainmenu-body > ul > li > ul {
		left:0px;
		top:100%;
	}

	nav.mainmenu-line > .mainmenu-body > ul ul li {
		min-width:10em;
		text-align:left;
		padding:0px;
		color:var(--fg-color);
	}

	nav.mainmenu-line > .mainmenu-body > ul ul li a:hover {
		background-color:var(--bg-hover);
	}

	nav.mainmenu-line > .mainmenu-body > ul ul li:has(ul) > a {
		background:transparent url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M13 10L19 16L13 22" stroke="%23336699" fill="%23336699" stroke-width="4" stroke-linecap="round"/></svg>') no-repeat right center;
		background-size:contain;
	}

	nav.mainmenu-line > .mainmenu-body > ul ul li:has(ul):hover > a {
		background-image:url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M10 13L16 19L22 13" stroke="%23336699" fill="%23336699" stroke-width="4" stroke-linecap="round"/></svg>');
		background-position:right 12px center;
	}

	nav.mainmenu-line li:hover > ul {
		opacity:1.0;
		visibility:visible;
	}

/*

	header {
		display:grid;
		grid-template-columns: 360px auto 320px;
		align-items:center;
	}

	footer {
		display:grid;
		grid-template-columns: 50% 50%;
		align-items:center;
	}

*/

	.header {
		display:grid;
		grid-template-columns: 100%;
		align-items:center;
		margin:0px 0px 24px 0px;
	}

	.header h2 {font-size:28px;}

/* MAIN-MENU DESKTOP */

/*
nav {text-align:right;}

ul.main-menu { display:inline-block;list-style-type:none;padding:0px;margin:0px;text-align:left;font-size:12px;}

ul.main-menu a,
ul.main-menu a:hover {text-decoration:none;}

ul.main-menu li {position:relative;transition:0.2s;cursor:pointer;box-sizing:border-box;}
ul.main-menu ul li + li {border-top:1px solid #CCCCCC;}
ul.main-menu > li {display:inline-block;border-bottom:2px solid transparent;}
ul.main-menu > li.sel {font-weight:bold;}

ul.main-menu span,
ul.main-menu a {box-sizing:border-box;color:inherit;display:inline-block;min-width:210px;transition:0.2s;padding:9px 12px;}

ul.main-menu > li > span,
ul.main-menu > li > a {min-width:120px;padding:18px 12px;text-align:center;font-size:14px;}

ul.main-menu ul {
	display:block;
	visibility:hidden;
	opacity:0;
	transition:0.4s;
	position:absolute;
	z-index:8;
	right:0px;
	top:calc(100% + 2px);
	background-color:#F8F8F8;
	list-style-type:none;padding:0px;margin:0px;
	box-shadow:0px 0px 4px #CCCCCC;
}

ul.main-menu > li:hover {border-bottom:2px solid var(--menu-hov);}

ul.main-menu > li:hover > span,
ul.main-menu > li:hover > a {color:var(--menu-hov);}
ul.main-menu > li:hover > ul {visibility:visible;display:block;opacity:1;}

ul.main-menu ul li:hover > span,
ul.main-menu ul li:hover > a {transform:translate(2px,0px);color:var(--menu-hov);}

/* / MAIN-MENU */

	.mw2575, 
	.mw3366, 
	.mw4060, 
	.mw5050, 
	.mw6040, 
	.mw6633, 
	.mw121,
	.mw112,
	.mw211,
	.mw1111,
	.mw7525 {display:grid;grid-column-gap:48px;grid-row-gap:48px;}

	.mw2575 {grid-template-columns:25% auto;}
	.mw3366 {grid-template-columns:33% auto;}
	.mw4060 {grid-template-columns:40% auto;}
	.mw5050 {grid-template-columns:50% auto;}
	.mw6040 {grid-template-columns:60% auto;}
	.mw6633 {grid-template-columns:66% auto;}
	.mw7525 {grid-template-columns:75% auto;}

	.mw121  {grid-template-columns:1fr 2fr 1fr;}
	.mw112  {grid-template-columns:1fr 1fr 2fr;}
	.mw211  {grid-template-columns:2fr 1fr 1fr;}
	.mw1111 {grid-template-columns:1fr 1fr 1fr 1fr;}

	.cells-4-grid {
		display:grid;
		margin:0px;
		padding:0px;
		grid-gap:48px;
		grid-template-columns:1fr 1fr 1fr;
	}

}

@media screen and (min-width:1399px) {
    .cells-4-grid {grid-template-columns:1fr 1fr 1fr 1fr;}
}

@media screen and (max-width:1038px) {
    .cells-4-grid {grid-template-columns:1fr 1fr;}
}

@media screen and (max-width:685px) {
    .cells-4-grid {grid-template-columns:1fr;}
}


/* EXPANDABLE */

.expandable {
	--exp-fg:#669999;
	--exp-bg:#FFFFFF;
	border-top:2px solid var(--exp-fg);
	border-bottom:2px solid var(--exp-fg);
}

.expandable > * {
	display:none;
}

.expandable > .exp-head {
	position:relative;
	color:var(--exp-fg);
	background-color:var(--exp-bg);
	padding:12px;
	cursor:pointer;
	transition:0.4s;
}

.expandable.is-opn > .exp-head {
	background-color:var(--exp-fg);
	color:var(--exp-bg);
}

.expandable > .exp-head,
.expandable.is-opn > * {
	display:block;
}

.expandable > .exp-head::after {display:inline-block;vertical-align:baseline;margin-left:18px;text-align:center;content:'\25BC';transition:0.4s}
.expandable.is-opn > .exp-head::after {transform-origin: 50% 50%;transform:rotate(180deg);}


/* / EXPANDABLE */


@media screen and (max-width:1399px) {
	.only-wide {display:none !important;}
	footer {padding:24px 12px;}
}

@media screen and (min-width:720px) and (max-width:1399px) {
	.no-medium {display:none !important;}
}

@media screen and (max-width:719px) {
/*        body {overflow-x:hidden;margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;}*/

	:root {
		font-size:16px;
	}

	.no-narrow,
	.only-medium,
	.only-wide {display:none !important;}


/*
	nav {padding:12px 0px;}
	nav ul.main-menu {position:absolute;z-index:128;top:100%;left:0px;width:100%;display:none;margin:0px 0px;}
	nav ul.main-menu li {margin:0px 0px 18px 0px;}
	nav ul.main-menu ul {margin-top:18px;}
	nav.is-open ul.main-menu {display:block;}
*/

	.mw2575 > div, 
	.mw4060 > div, 
	.mw5050 > div, 
	.mw6040 > div, 
	.mw7525 > div {margin:18px 0px;}

	header {
		min-height:40px;
	}

	.site-logo {
		width:50px;
	}


	.htitle {
		font-size:1.2rem;
		-webkit-text-stroke: unset;
	}

	nav .mainmenu-button {display:block;position:relative;box-sizing:border-box;width:25px;height:25px;margin:0px 12px 0px 12px;padding:0px;border:none;cursor:pointer;text-align:center;flex-grow:0;flex-shrink:0;}
	nav .mainmenu-icon {display:inline-block;position:relative;box-sizing:border-box;width:100%;height:5px;margin:10px 0px;border:none;border-radius:3px;background-color:var(--bg-color);transition:0.2s;}
	nav .mainmenu-icon::before,
	nav .mainmenu-icon::after {position:absolute;z-index:+2;content:'';left:0px;box-sizing:border-box;width:100%;height:5px;border:none;border-radius:3px;background-color:var(--bg-color);margin:0px;transition:0.2s;}
	nav .mainmenu-icon::before {top:-10px;}
	nav .mainmenu-icon::after {bottom:-10px;}
	nav:hover .mainmenu-icon {background-color:transparent;}
	nav:hover .mainmenu-icon::before {transform:translateY(9px) rotate(45deg);}
	nav:hover .mainmenu-icon::after {transform:translateY(-11px) rotate(-45deg);}

	nav.mainmenu-line > .mainmenu-body  {
		/*     	position:relative;*/
	}

	nav.mainmenu-line > .mainmenu-body > ul {
		display:block;
		position:absolute;
		z-index:+10;
		left:48px;top:4px;
		visibility:hidden;
		opacity:0.0;
		padding:8px;
		transition:opacity 0.4s;
		background-color:var(--bg-lite);
		color:var(--fg-color);
		box-shadow:0px 0px 10px var(--fg-color);
	}

	nav.mainmenu-line > .mainmenu-body > ul li {
		display:block;
		text-align:left;
		color:var(--fg-color);
		padding:0px;
		min-width:10em;
	}

	nav.mainmenu-line > .mainmenu-body a {
		display:block;
		transition:0.4s;
		padding:6px 12px;
	}

	nav.mainmenu-line > .mainmenu-body a:hover {
		background-color:var(--bg-hover);
	}

	nav.mainmenu-line:hover > .mainmenu-body ul {
		visibility:visible;
		opacity:1.0;
	}

	nav.mainmenu-line > .mainmenu-body > ul ul {
		position:relative;
		margin: 0px 0px 2px 8px;
	}

	main {
		padding:0px 8px;
	}

}

.inline-gallery {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	gap: 24px;
}

.inline-gallery > div {
	height: 180px;
	padding-bottom:12px;
	cursor:pointer;
}

.inline-gallery > div img {
	height: 100%;
	width: auto;
	object-fit: contain; 
	background-color: #f0f0f0;
	display: block;
}

.inline-gallery div.img-descr {
	font-size:0.8rem;
	color:#999999;
	font-style:italic;
	text-align:center;
	padding:6px;
	margin:0px;
}

/* End */
/* /bitrix/templates/niigame/components/bitrix/menu/topmenu/style.css?17510293983 */
/* /bitrix/templates/niigame/styles.css?179153095414971 */