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




/* End */


/* Start:/bitrix/templates/niisite/components/bitrix/menu/intmenu/style.css?1773855555569*/
ul.intmenu {
	list-style-type:none;
	margin:12px 0px;
	padding:0px;
	color:#336699;
	line-height:150%;
}

ul.intmenu > li {
	display:inline-block;
	color:#336699;
}

ul.intmenu > li a {
	color:inherit;
	text-decoration:none;
	transition:0.4s;
}

ul.intmenu > li a:hover {
	color:inherit;
	text-decoration:underline;
}

ul.intmenu > li > span {
	font-weight:bold;
}

ul.intmenu .sel {
	font-weight:bold;
}

ul.intmenu .dis {
	color:#999999;
}

ul.intmenu > li+li::before {
	content:'|';
	display:inline-block;
	padding:0px 12px;
	color:#CCCCCC;
	font-weight:normal;
}



/* End */


/* Start:/bitrix/templates/niisite/styles.css?179153098910541*/

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

/*  background-color:#F0F0F0;*/
/*  overflow-x:hidden; */
  font-size:14px;
}

body {display:block;
      margin:0px var(--field-size,0px);padding:0px;
      font-family:Verdana,Arial,Sans serif;font-size:14px;
      background-color:var(--main-bg,#FFFFFF);
      color:var(--main-fg,#336699);
      }

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

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

header {background-color:#F8F8F8;color:#CCCCCC;}
footer {background-color:#333333;color:#FFFFFF;margin-top:48px;}
footer > div {margin:24px;}

h1 {font-size:18px;text-align:left;font-weight:normal;color:inherit;margin:16px 0px;}
h2 {font-size:16px;text-align:left;font-weight:normal;color:inherit;margin:12px 0px;}
h3 {font-size:15px;text-align:left;font-weight:normal;color:inherit;margin:12px 0px;}

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

.wide-stripe {position:relative;overflow:visible;}
.wide-stripe::before,
.wide-stripe::after {position:absolute;z-index:1;content:'';width:var(--field-size);background:inherit;bottom:0px;top:0px;}
.wide-stripe::before {right:100%;}
.wide-stripe::after {left:100%;}

div.body {min-height:360px;}
div.body 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%;}


.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) {

:root {font-size:16px;}

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

body {display:flex;flex-direction:column;justify-content:stretch;min-height:100vh;font-size:16px;}

body > * {flex-grow:0;flex-shrink:0;box-sizing:border-box;}
body > div.body {flex-grow:10;}


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;
}

h1 {font-size:24px;margin:24px 0px;}
h2 {font-size:20px;margin:20px 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;}
}


@media screen and (min-width:1400px) {

:root {font-size:18px;}
body {width:1400px;margin:0px auto;display:flex;flex-direction:column;min-height:100vh;font-size:18px;}

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

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

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

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

.wide-stripe::before, .wide-stripe::after {width:3999px;}

.ww2575 {display:grid;grid-template-columns:1fr 3fr;}
.ww4060 {display:grid;grid-template-columns:2fr 3fr;}
.ww5050 {display:grid;grid-template-columns:1fr 1fr;}
.ww6040 {display:grid;grid-template-columns:3fr 2fr;}
.ww7525 {display:grid;grid-template-columns:3fr 1fr;}
.ww3366 {display:grid;grid-template-columns:1fr 2fr;}
.ww6633 {display:grid;grid-template-columns:2fr 1fr;}

.ww121  {display:grid;grid-template-columns:1fr 2fr 1fr;}
.ww112  {display:grid;grid-template-columns:1fr 1fr 2fr;}
.ww211  {display:grid;grid-template-columns:2fr 1fr 1fr;}
.ww1111 {display:grid;grid-template-columns:1fr 1fr 1fr 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 0px;}
}

@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;}*/

	.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;}

}

.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/niisite/components/bitrix/menu/topmenu/style.css?17510293983 */
/* /bitrix/templates/niisite/components/bitrix/menu/intmenu/style.css?1773855555569 */
/* /bitrix/templates/niisite/styles.css?179153098910541 */