@import url('/i/fonts/firasans/firasans.css');
@import url('/i/fonts/trolalatcyr/trola.css');




:root[data-color-scheme="dark"]  {  
	--body-bg-color: #232323;
	--main-bg-color: transparent;
	--footer-bg-color: #303030;
	--header-bg-color: #303030;
	--a-contr-color:#c9c9c7;
	--content-color:#c9c9c7;
	--a-footer-boder-bottom: 1px solid #cecece;
	--a-footer-color:#c9c9c7;
	--data-color:#00933d;
	--last-docs-color:#303030;
	--path-color:#cecece;
	--page-color:#303030;
	--link-a-color:#c9c9c7;
	--video-background:#303030;
	--big-nav-menu-color:#303030;
	--big-nav-active-color:#303030;
	--press-filter-color:#303030;
	--legend-color:#c9c9c7;
	--press-legend-color:#cecece;
	--input-background:#303030;
	--input-color:#c9c9c7;
	--input-active-color:#646362;
	--filter-background:transparent;
	  
	--open-corner-background: url('/i/pic/openCorner_dark.svg') no-repeat right;
	--close-corner-background: url('/i/pic/closeCorner_dark.svg') no-repeat right;
	 
	--a-list-border-bottom:1px solid #303030;
	--change-button-color:#cecece;
	--change-button-activeBlack: none;
	--change-button-activeWhite: inline-block;
	}
	
	:root[data-color-scheme="dark"] svg.logoMoby path{
		fill:#00933d;
		stroke:#000000;
	}



:root[data-color-scheme="light"] {
	--body-bg-color: #fff;
	--main-bg-color: #f1f1f1;
	--a-contr-color:#000;
	--footer-bg-color: transparent;
	--header-bg-color: #f1f1f1;
	--content-color:#000;
	--a-footer-boder-bottom:0;
	--a-footer-color:#0036a8;
	--data-color:#00933d;
	--last-docs-color:#00933d;
	--path-color:#000000;
	--page-color:#eee;
	--video-background:#fff;
	--link-a-color:#333;
	  
	--big-nav-menu-color:#e6e6e6;
	--big-nav-active-color:#e6e6e6;
	--press-filter-color:#e0e7f8;
	--legend-color:#333;
	--press-legend-color:#333;
	--input-background:#fff;
	--input-color:#000;
	--input-active-color: #e8fff2;
	--filter-background:#e3e3e3;
	  
	--open-corner-background: url('/i/pic/openCorner.svg') no-repeat right;
	--close-corner-background: url('/i/pic/closeCorner.svg') no-repeat right;
	--a-list-border-bottom:1px solid #d1d1d1;
	--change-button-color:#000000;
	--change-button-activeBlack:inline-block;
	--change-button-activeWhite:none;
	}
	
	:root[data-color-scheme="light"] svg.logoMoby path{
		fill:#000;

	}


* {
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-family: 'Fira Sans'
}

body {
	background: var(--body-bg-color);
	font-size: 1.1em;
	min-height: 95vh
}

#page-loader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff url('/i/pic/gerb.svg?ver=3') no-repeat center/40%
}

.page-loader-visible {
	visibility: visible;
	opacity: 1;
	transition: opacity 3s linear
}

.page-loader-hidden {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s 3s, opacity 1s linear
}

.content {
	max-width: 1260px;
	min-width: 280px;
	margin: 0 auto
}

main {
	min-height: 650px;
	background: var(--main-bg-color);
}

ul#docsIndex {
	margin: 10px 0 10px 0
}

ul#docsIndex li {
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px dashed #d1d1d1
}

ul#docsIndex li:last-child {
	border-bottom: 0
}

ul#docsIndex li a {
	color: var(--a-contr-color);
	font-size: 1em;
	font-family: trola
}


ul#docsIndex span.doc-data {
	color: #666;
	font-size: .9em;
	font-family: trola;
	display: block;
	margin-bottom: 5px
}

#staticContent ul#docs {
	margin: 10px 0 10px 0;
	list-style-type: none
}

#staticContent ul#docs li {
	margin: 0 0 15px 0;
	padding-bottom: 15px;
	border-bottom: 1px dashed #d1d1d1
}

#staticContent ul#docs li:last-child {
	border-bottom: 0
}

#staticContent ul#docs li a {
	color:var(--a-contr-color);
	font-size: 1.1em;
	font-family: trola
}


#staticContent ul#docs span.doc-data {
	color: #666;
	font-size: 1em;
	font-family: trola;
	display: block;
	margin-bottom: 5px
}

#staticPageGrid {
	grid-area: staticPageGrid
}

#staticContent {
	grid-area: staticContent;
	color:var(--content-color)
}

#staticNavList {
	grid-area: staticNavList
}

#pressMain {
	grid-area: pressMain
}

#pressMain .bigPressCard {
	padding: 0 20px 0 0		
}

#pressMain .bigPressCard h2 {
	font-size: 1.3em;
	font-weight: 400;
	line-height: 1.1;
	margin-top: 5px;
	margin-bottom: 0;
	color: var(--a-contr-color)
}

#pressMain .bigPressCard a h2 {
	color: #000
}

#pressMain .bigPressCard .data {
	color: var(--data-color);
	font-size: .9em
}

#pressMain .bigPressCard figure img {
	width: 100%;
	margin: 10px 0 10px 0
}

#pressMain .bigPressCard figure figcaption {
	font-size: 1em;
	color: var(--a-contr-color);
}

#pressList {
	grid-area: pressList
}

#pressVideo {
	grid-area: pressVideo
}

h3 {
	font-size: 1.2em;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 15px
}

.city {
	margin: 15px 0 25px 0;
	text-align: center
}

.city a {
	font-weight: bolder;
	color: var(--a-contr-color); 
	border-bottom: 1px solid #cecece
}

.city a:hover {
	border-bottom: none
}

#region {
	margin-bottom: 15px
}

#gerb {
	border-top: 1px solid #cecece
}

.region a {
	font-size: .8em
}

a .videocard {
	color: #000
}

footer {
	min-height: 100px;
	padding-top: 10px;
	padding-bottom: 40px;
	background: var(--footer-bg-color);
	color:var(--content-color);
}

footer a:not(.img) {
	color: var(--a-footer-color);
	border-bottom: var(--a-footer-boder-bottom);
}

footer a:hover {
	border-bottom: 0;
}

footer {
	font-size: .9em
}

footer h3 {
	font-size: 1.1em;
	font-family: trola
}

footer span {
	display: block;
	font-size: .9em;
	font-family: trola
}

footer ul {
	margin-bottom: 10px
}

#preHeader {
	padding: 5px 0 0 0;
	margin-bottom: 5px;
	font-size: .8em
}

#preHeader a#appeal {
	color: #00933d;
	background: url('/i/pic/ico/appeal.svg') no-repeat;
	padding-left: 20px
}

#preHeader a#visually {
	color: #d91801;
	background: url('/i/pic/ico/visually.svg?ver=1') no-repeat;
	padding-left: 30px
}

#preHeader a#visually:hover,
#preHeader a#appeal:hover {
	color: var(--a-contr-color)
}

#lastDocs {
	background: var(--last-docs-color);
	color: #fff;
	padding: 5px;
	margin: 15px 0 0 0;
	font-size: .8em
}

#lastDocs a {
	text-decoration: underline;
	color: #fff;
	font-size: 1em
}

#lastDocs a:hover {
	text-decoration: none
}

#filterDoc {
	padding: 8px;
	background: var(--filter-background);
	margin: 15px 0 15px 0;
	width: 99%;
	border: 1px solid #cecece	  
}

#filterDoc .title {
	font-size: .8em;
	margin-bottom: 4px;
	margin-top: 4px;
	color:var(--content-color)
			   
}

#filterDoc input {
	width: 96%;
	padding: 2%
}

@media screen and (max-width:300px) {
	.fix-moby {
		width:290px;	
	}
}

@media screen and (max-width:500px) {
	.fix-moby {
		width:330px;
	}
}


@media screen and (min-width:600px) {
	.fix-moby {
		width:440px;	
	}
}



@media screen and (max-width:767px) {
	#pressMain .bigPressCard {
		background: 0
	}					   
					
	.itemPressTitle {
		position: absolute;
		background: #0036a8;
		display: inline-block;
		padding: 8px;
		font-size: .8em;
		color: #fff
	}
	
	.bigPressTitle {
		position: absolute;
		background: #0036a8;
		display: inline-block;
		padding: 8px;
		font-size: .8em;
		color: #fff;
		margin-top:10px;
	}

	.searchItemInput {
		width: 100%
	}

	.region li {
		border-bottom: 1px solid #cecece;
		padding: 5px 0 5px 0
	}

	button#searchDoc {
		width: 98%
	}

	.content {
		padding: 5px 20px 5px 20px
	}

	#preHeader {
		display: none
	}

	#mobySearchNav {
		padding: 20px;
		margin-bottom: -5px;
		background: #3a3a39;
	}

	#mobySearchNav .input-form {
		width: 79%
	}

	#mobySearchNav .input-form input {
		height: 45px;
		padding: 2px
	}

	#mobySearchNav .button-form {
		width: 20%
	}

	#gerb {
		display: none
	}

	#searchComp {
		display: none
	}

	nav {
		display: none
	}

	ul#openNav {
		display: none
	}

	nav ul li {
		border-bottom: 1px solid #d2d2d2
	}

	nav ul li:last-child {
		border-bottom: none
	}

	nav ul li:nth-last-child(-n+2) {
		border-bottom: none
	}

	nav ul li a:not(.searchIco) {
		color: var(--a-contr-color);
		font-size: 1.2em;
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		font-family: trola;
		font-weight: bolder
	}
	nav ul li a nobr {
		font-family: trola;
	}
	nav ul li a:hover {
		color: #00933d
	}

	nav ul li a.mapIco {
		display: none
	}

	nav ul li a.searchIco {
		display: none
	}

	nav ul li a.contains {
		color: var(--a-contr-color);
		background: var(--open-corner-background)
	}

	nav ul li a.active {
		color: var(--a-footer-color);
		background: var(--close-corner-background)
	}

	nav ul.nested li {
		border-bottom: 1px dashed #cecece
	}

	nav ul.nested li:last-child {
		border-bottom: none
	}

	nav ul.nested li a {
		font-size: 1.1em;
		font-weight: 400
	}

	header {
		padding: 5px 0 5px 0;
		background: var(--header-bg-color);
		position: sticky;
		top: 0;
		z-index: 10000;
		box-shadow: 1px 1px 9px 0 rgba(34, 60, 80, .16);
			 
	}

	header.mobyOpenNav {
		padding: 5px 0 5px 0;
		background: var(--body-bg-color);
		position: static
	}

	header #logo div#big {
		display: none
	}

	header a {
		color: #000
	}

	header #speech {
		display: none
	}

	header #otherInfo {
		display: none
	}

	header #logo svg#min {
		
	}

	header #menyMoby {
		display: block
	}

	header #menyMoby img {
		width: 35px;
		height: 36px
	}

	.mobyFlex {
		display: flex;
		justify-content: space-between;
		align-items: flex-start
	}

	.mobyFlexStart {
		display: flex;
		justify-content: start;
		align-items: flex-start
	}

	fieldset {
		margin: 15px 0 0 0;
		border: 0;
		border-top: 1px dotted #333;
		min-height: 150px
	}

	fieldset legend {
		margin-left: -6px;
		padding: 0 8px 0 8px;
		font-family: Trola;
		font-size: 1em;
		text-transform: uppercase;
		font-weight: lighter;
		color: var(--legend-color)
	}

	#staticPageGrid {
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: max-content max-content;
		grid-template-areas: "staticContent""staticNavList";
		grid-gap: .6em
	}

	#staticContent {
		margin: 0;
		padding: 0
	}

	#staticContent figure img {
		width: 100%;
		margin: 10px 0 10px 0
	}

	.linePress figure img {
		width: 100%;
		margin: 10px 0 10px 0
	}

	#staticContent p {
		margin-bottom: 15px
	}

	#staticNavList {
		width: 100%
	}

	#pressIndexGrid {
		margin-top: 10px;
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: max-content max-content max-content;
		grid-template-areas: "pressMain""pressList""pressVideo";
		grid-gap: .6em
	}

	#pressMain .bigPressCard {
		padding: 20px;
		background: var(--video-background)
	}

	ul#pressLine {
		margin-top: 10px
	}

	ul#pressLine li {
		font-size: 1em;
		margin: 0 0 20px 0
	}

	ul#pressLine li a {
		font-size: .9em;
		color: var(--link-a-color);
		display: inline;
		border-bottom: var(--a-list-border-bottom)
	}

	ul#pressLine li a:hover {
		border-bottom: 0
	}

	ul#pressLine li span {
		font-size: .9em;
		margin: 5px 0 0 0;
		color: var(--data-color);
		display: block
	}

	#pressVideo .videoCard {
		padding: 0;
		width: 100%;
		background: var(--video-background);
		margin-bottom: 20px
	}

	#pressVideo .videoCard figure img {
		width: 100%;
		margin: 0
	}

	#pressVideo .videoCard figure figcaption {
		padding: 10px 20px 20px 20px;
		font-size: 1em;
		background:var(--video-background)
	
	}

	#staticNavList ul li {
		margin-top: 10px
	}

	#staticNavList li {
		border-bottom: 1px solid #cecece;
		padding-top: 5px;
		padding-bottom: 15px
	}

	#staticNavList ul li a {
		color: #00933d;
		display: block
	}

	#staticContent h1 {
		font-size: 1.1em;
		margin-bottom: 10px;
		line-height: 1.4
	}

	#staticContent h2 {
		font-size: 1em
	}

	#staticRubric {
		margin-top: 15px;
		border-top: 1px dashed #cecece;
		padding-top: 15px
	}

	#staticContent .linePress h2 a {
		font-size: 1.1em;
		color: var(--a-contr-color);
		line-height: 1.2
	}

	#staticContent a .lineSearch h3 {
		font-size: .9em;
		color: var(--a-contr-color);
		line-height: 1.2;
		font-weight: bolder
	}

	#staticContent a .lineSearch p {
		font-size: .9em;
		color: var(--a-contr-color);
		line-height: 1.3
	}

	#staticContent .person .photo img {
		max-width: 150px;
		width: 150px
	}
	
	#staticContent .person .photo_big img {
		max-width: 320px;
		width: 315px
	}

	#staticContent .person {
		width: 100%
	}

	#staticContent .about {
		width: 100%
	}

	nav ul li a.mobyNet {
		display: inline-block;
		margin-right: 15px
	}

	nav ul li a.mobyNet img {
		width: 40px
	}

	#filterDoc {
		width: 99%
	}

	figure.press-list figcaption {
		margin-top: -10px;
		width: 100%
	}

	#staticContent figure.press-list figcaption ul#pressInfo {
		list-style-type: none;
		font-size: .8em;
		color: var(--press-legend-color);
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		margin: 0;
		padding: 0
	}

	#staticContent figure.press-list figcaption ul#pressInfo li {
		padding: 0;
		margin-right: 10px
	}

	#gallery .photo {
		width: 28%;
		margin-right: 2%;
		margin-bottom: 5px
	}

	#gallery .photo img.gallery-action {
		cursor: pointer;
		width: 95%
	}
	
}

@media screen and (min-width:768px) {
	
	.fix-moby {
		width:560px;
	}
	
	.itemPressTitle {
		background: #0036a8;
		display: inline-block;
		padding: 4px;
		font-size: .7em;
		color: #fff
	}
	
	.bigPressTitle {
		background: #0036a8;
		display: inline-block;
		padding: 4px;
		font-size: .7em;
		color: #fff;
		margin-top:15px;
		position:absolute;
	}

	.searchItemInput {
		width: 100%
	}

	.searchItemSelect {
		width: 100%
	}

	.searchHr {
		margin-top: 10px
	}

	button#searchDoc {
		width: 100%
	}

	.content {
		padding: 5px 10px 5px 10px
	}

	#preHeader {
		display: block
	}

	header {
		padding: 30px 0 20px 0;
		background: var(--header-bg-color);
	}

	header #speech {
		width: 33%;
		font-size: 1em;
		font-weight: lighter
	}

	header #speech span {
		display: block
	}

	header #speech #headerGlava {
		width: 210px
	}

	header #speech a {
		color: var( --a-contr-color)
	}

	header #otherInfo {
		width: 33%;
		text-align: right;
		font-size: .7em;
		color: #333;
		color:var( --a-contr-color)
	}

	header #otherInfo strong {
		display: block;
		margin-top: 5px
	}

	header #logo {
		text-align: center
	}

	header #logo a {
		color: #000;
		font-size: 1em
	}

	header #logo div#big {
		text-align: center;
		font-family: Trola;
		text-transform: uppercase
	}

	header #logo div#big span#title {
		display: block;
		font-size: 1.2em;
		font-family: Trola;
		letter-spacing: 2.1px;
		color: var(--content-color);
	}

	header #logo div#big span#dagestan {
		display: block;
		font-size: 2.8em;
		font-family: Trola;
		margin-top: -15px;
		color: var(--content-color);
		
	}

	
	header #logo svg#min {
		display: none
	}

	header #menyMoby {
		display: none
	}

	#mobySearchNav {
		display: none
	}

	nav {
		display: block;
		background: var(--main-bg-color);
		padding-top:10px
	}

	nav ul li a.active {
		background: var(--big-nav-active-color);
		border-top: 2px solid #00933d
	}

	#comPreNav {
		position: relative
	}

	ul#openNav {
		margin-top: -3px;
		position: absolute;
		width: inherit;
		min-height: 86px;
		box-shadow: 4px 4px 5px 0 rgba(34, 60, 80, 0.2);
		z-index: 10000;
		background: var(--big-nav-menu-color)
	}

	ul#openNav li {
		display: inline-block;
		padding: 8px
	}

	ul#openNav li:last-child {
		text-align: left
	}

	ul#openNav li a {
		font-size: 1rem;
		display: inline-block;
		font-family: 'Fira Sans';
		margin: 0 3px 0 0;
		padding: 0 0 3px 0;
		border-bottom: 1px solid #cecece
	}

	ul#openNav li a:hover {
		border-bottom: 1px solid #74cc99
	}

	nav ul.nested li {
		display: inline-block;
		margin-top: 10px;
		position: relative
	}

	nav ul li a {
		color: var(--a-contr-color);
		font-size: 1.1em;
		font-family: trola
	}

	nav ul li {
		padding: 0
	}

	nav ul li a.active {
		padding: 8px
	}

	nav ul li:first-child a {
		padding: 8px 8px 8px 0
	}

	nav ul li a.searchIco {
		margin-right: 20px
	}

	nav ul li a.mapIco {
		margin-right: 20px
	}

	nav ul li a:hover {
		color: #00933d
	}

	nav ul li img {
		width: 27px;
		padding-top: 2px
	}

	nav ul li:last-child {
		width: auto
	}

	.compFlexStart {
		display: flex;
		flex-flow: row wrap;
		justify-content: start;
		align-items: flex-start
	}

	.compFlex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start
	}

	.compFlex div {
		width: 32%
	}

	.compFlex div.tel {
		width: 34%
	}

	.compFlex div.chet {
		width: 24%
	}

	.compFlex div.fc {
		width: 100%
	}
	
	fieldset {
		margin: 0;
		border: none;
		border-top: 1px dotted #999;
		min-height: 150px
	}

	fieldset legend {
		margin-left: 20px;
		padding: 0 8px 0 8px;
		font-family: Trola;
		font-size: 1.1em;
		text-transform: uppercase;
		font-weight: lighter;
		color: var(--legend-color)
	}

	#pressMain .bigPressCard figure img {
		width: 50%;
		border: 5px solid #fff;
		margin-top: 15px
	}

	#pressMain .bigPressCard figure figcaption {
		font-size: .8em;
		width: 45%;
		margin-top: 15px
	}

	#staticPageGrid {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: max-content max-content;
		grid-template-areas: "staticNavList staticContent";
		grid-gap: .6em
	}

	#staticContent {
		margin: 0;
		padding: 0;
		width: 90%
	}

	#staticContent p {
		margin-bottom: 10px
	}

	#staticNavList {
		width: 78%;
		border-right: 1px solid #e1e1e1;
		padding-right: 10%
	}

	#staticNavList ul li {
		margin-top: 10px
	}

	#staticNavList li {
		border-bottom: 1px solid #cecece;
		padding-top: 5px;
		padding-bottom: 15px
	}

	#staticNavList ul li a {
		color: #00933d;
		display: block
	}

	#staticRubric {
		position: sticky;
		top: 0
	}

	#pressIndexGrid {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: max-content max-content max-content;
		grid-template-areas: "pressMain pressMain pressVideo""pressList pressList pressList";
		grid-gap: .6em
	}

	ul#pressLine {
		margin: 10px 0 0 0
	}

	ul#pressLine li {
		font-size: .9em;
		margin: 0 0 5px 0;
		display: block;
		width: 30%
	}

	ul#pressLine li a {
		font-size: .9em;
		color: var(--link-a-color);
		display: inline;
		border-bottom: var(--a-list-border-bottom)
	}

	ul#pressLine li a:hover {
		border-bottom: none
	}

	ul#pressLine li span {
		font-size: .8em;
		margin: 8px 0 0 0;
		color:var(--data-color);
		display: block
	}

	ul#docsIndex li a {
		font-size: .9em
	}

	.planFlex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start
	}

	.personFlex {
		display: block
	}

	#pressVideo .videoCard {
		padding: 3%;
		width: 94%;
		margin-top: 5px;
		background:var(--video-background);
		margin-bottom: 20px
	}

	#pressVideo .videoCard figure img {
		width: 100%;
		margin: 0;
		display: none
	}

	#pressVideo .videoCard figure figcaption {
		padding: 15px;
		font-size: .9em;
		font-weight: 400;
		color: var(--a-contr-color);
	}

	.flex-between-center {
		flex-flow: row;
		align-items: center
	}

	#searchComp {
		margin-bottom: 20px;
		outline: 1px solid #cecece
	}

	#searchComp input {
		width: 82%;
		background: transparent;
		padding: 1%;
		margin-top:5px;
	}

	#searchComp button {
		width: 100%;
		height: 45px;
		cursor: pointer;
		background-color: #0036a8;
		color: #fff;
		font-size: 1em;
		border: none;
		outline: none
	}

	.compStaticContent {
		padding-right: 20%
	}

	#staticContent .linePress h2 a {
		font-size: 1.1em;
		color:var(--link-a-color);
		line-height: 1.2
	}

	#staticContent a .lineSearch h3 {
		font-size: 1em;
		color: var(--a-contr-color);
		line-height: 1.2;
		font-weight: bolder
	}

	#staticContent a .lineSearch p {
		font-size: .9em;
		color: var(--a-contr-color);
		line-height: 1.3
	}

	#staticContent .person {
		width: 100%
	}

	#staticContent .about {
		width: 100%
	}

	.comFooterTel {
		margin-right: 20px
	}

	#staticContent figure img {
		width: 100%
	}

	#staticContent figure.press-list figcaption ul#pressInfo {
		list-style-type: none;
		font-size: .7em;
		color: var(--press-legend-color);
		display: block;
		width: 100%;
		margin: 0;
		padding: 0
	}

	#staticContent figure.press-list figcaption ul#pressInfo li {
		padding: 0
	}

	figure.press-list figcaption {
		width: 100%
	}

	#staticContent figure.press-list figcaption ul#pressInfo {
		list-style-type: none;
		font-size: .7em;
		color: var(--press-legend-color);
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		width: 100%;
		margin: 0;
		padding: 0
	}

	#gallery .photo {
		width: 25%;
		margin-right: 15px;
		margin-bottom: 5px
	}

	#gallery .photo img.gallery-action {
		cursor: pointer;
		width: 95%
	}

	#title-gallery {
		margin-top: 20px
	}
}

@media screen and (max-width:890px) and (min-width:768px) {
	.fix-moby {
		width:450px;	
	}
	
	header #otherInfo {
		display: none
	}

	.flex-between-center {
		flex-flow: row-reverse nowrap;
		justify-content: space-between
	}

	header #logo {
		text-align: left;
		padding: 0;
		margin: 0
	}

	header #logo div#big span#title {
		display: block;
		font-size: 1em;
		font-family: Trola;
		letter-spacing: 1.8px
	}

	header #logo div#big span#dagestan {
		display: block;
		font-size: 2.4em;
		font-family: Trola;
		margin-top: -15px
	}

	header #speech {
		text-align: right;
		width: auto
	}

	#staticContent .person {
		width: 100%
	}

	#staticContent .about {
		width: 100%
	}

	.comFooterTel {
		width: 100%
	}

	#gallery .photo {
		width: 45%;
		margin-right: 15px;
		margin-bottom: 5px
	}

	#gallery .photo img.gallery-action {
		cursor: pointer;
		width: 95%
	}
}

@media screen and (min-width:1160px) {
	
	.fix-moby {
		width:550px
	}
	
	
	:root[data-color-scheme="dark"] {  
		--press-big-background: url('/i/pic/bgGerb_dark.svg') no-repeat -30%, url('/i/pic/bgGerbRd_dark.svg?ver=1') no-repeat right 100%;
	 
	
}

@media screen and (min-width:1200px) {
	.fix-moby {
		width:610px
	}
}


	:root[data-color-scheme="light"] {  
	--press-big-background: url('/i/pic/bgGerb.svg') no-repeat -30%, url('/i/pic/bgGerbRd.svg') no-repeat right 100%;

}
	
	#showStructure {}

	#showStructure ul#compMenu li {
		display: inline-block;
		margin-right: 20px;
		margin-bottom: 5px;
		font-size: 1rem
	}

	.pressBg {
		background: var(--press-big-background)
		
	}

	.itemPressTitle {
		position: absolute
	}
	.bigPressTitle {
		position: absolute;
		margin-top:10px;
	}

	nav ul li a:not(.mapIco) {
		font-size: 1.2em
	}

	nav ul li:last-child {
		width: 15%;
		text-align: right
	}

	#pressIndexGrid {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr 2fr 1fr;
		grid-template-rows: max-content max-content max-content;
		grid-template-areas: "pressList pressMain pressVideo";
		grid-gap: .6em
	}

	#pressMain .bigPressCard figure img {
		width: 100%;
		margin: 10px 0 10px 0;
		display: block
	}

	#pressMain .bigPressCard figure figcaption {
		width: 100%;
		margin: 10px 0 10px 0;
		display: block;
		font-size: .9em
	}

	ul#pressLine {
		margin: 0 20px 0 0
	}

	ul#pressLine li {
		font-size: .9em;
		margin: 0 0 15px 0;
		display: block;
		width: 100%
	}

	ul#pressLine li a {
		font-size: .9em;
		display: inline;
		color:var(--a-contr-color)
	}

	ul#pressLine li a:hover {
		border-bottom: none
	}

	ul#pressLine li span {
		font-size: .9em;
		margin: 5px 0 0 0;
		color: var(--data-color);
		display: block
	}

	.planFlex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start
	}

	.personFlex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start
	}

	#pressVideo .videoCard {
		padding: 0;
		width: 95%;
		margin-left: 5%;
		background: #fff;
		margin-bottom: 30px
	}

	#pressVideo .videoCard figure img {
		width: 100%;
		margin: 0;
		display: block
	}

	#pressVideo .videoCard figure figcaption {
		padding: 20px;
		font-size: .9em;
		background: var(--video-background);
	}

	#staticPageGrid {
		margin-top: 20px;
		display: grid;
		grid-template-columns: 1fr 3fr;
		grid-template-rows: max-content max-content;
		grid-template-areas: "staticNavList staticContent";
		grid-gap: .6em
	}

	#staticContent .person .photo img {
		max-width: 150px;
		width: 150px
	}
	
	#staticContent .person .photo_big img {
		max-width: 320px;
		width: 315px
	}

	#staticContent .person {
		width: 600px
	}

	#staticContent .about {
		margin-left: 20px;
		width: 420px
	}
	
	#staticContent .about_big {
		margin-left: 0;
		width: 420px
	}

	figure.press-list {
		display: flex;
		justify-content: space-between;
		align-items: flex-start
	}

	figure.press-list img {
		width: 630px
	}

	figure.press-list figcaption {
		width: 200px;
		height: 100%;
		text-align: right
	}

	#staticContent figure.press-list figcaption ul#pressInfo {
		list-style-type: none;
		font-size: .7em;
		color: var(--press-legend-color);
		display: block;
		background: 0
	}

	figure.press-list figcaption p {
		color: #333
	}

	#gallery .photo {
		width: 23%;
		margin-right: 1%;
		margin-bottom: 5px
	}

	#gallery .photo img.gallery-action {
		cursor: pointer;
		width: 100%
	}
}

ul:not(main) {
	list-style-type: none
}

a:not(main) {
	text-decoration: none
}

.hide {
	display: none
}

.show {
	display: block;
	
}

h1 {
	font-size: 1.4em;
	margin-bottom: 10px;
	line-height: 1.3;
	color:var(--content-color);
			
}

h2 {
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 10px;
	color:var(--content-color);		
}

h3 {
	font-size: 1em;
	font-weight: lighter;
	color:var(--content-color);	
}

select {
	font-size: .9em;
	width: 98%;
	height: 44px;
	border: none;
	border-radius: 0
			
}

button#searchDoc {
	margin-top: 20px;
	font-size: .9em;
	padding: 10px 30px 10px 30px;
	border-radius: 0;
	background: #00933d;
	color: #fff;
	outline: none;
	border: none;
	width: 96%
			
}

input {
	font-size: .9em;
	width: 96%;
	padding: 1%;
	height: 35px;
	border: none;
	border-radius: 0;
	background:var(--input-background);
	color:var(--input-color)
					
}

input[type="file"] {
	font-size: .9em;
	width: 96%;
	padding: 1%;
	height: 35px;
	border: none;
	border-radius: 0;
	background:var(--input-background);
	display:none;
}

label.custom-file-upload {
	display:block;
	margin:10px 0 5px 0;
	font-size:0.8em;
	cursor:pointer;
}

input:focus {
	background: var(--input-active-color);
	outline: none
}

button#search {
	font-size: .9em;
	width: 94%;
	height: 44px;
	border-radius: 0;
	background: #00933d;
	color: #fff;
	outline: none;
	border: none
}

button#showPressCalendar {
	width: 210px;
	margin: 0 auto;
	padding: 5px;
	font-size: 1em;
	display: block;
	margin-bottom: 15px
}




textarea {
	display: block;
	font-size: .9em;
	width: 96%;
	padding: 1%;
	min-height: 235px;
	border: none;
	border-radius: 0;
	resize: vertical;
	background:var(--input-background);
	color:var(--input-color)
					
}

textarea#address {
	display: block;
	font-size: .9em;
	width: 96%;
	padding: 1%;
	min-height: 80px;
	border: none;
	border-radius: 0;
	resize: vertical;
	background:var(--input-background);
	color:var(--input-color)
					
}

textarea#post_address {
	display: block;
	font-size: .9em;
	width: 96%;
	padding: 1%;
	min-height: 80px;
	border: none;
	border-radius: 0;
	resize: vertical;
	background:var(--input-background);
	color:var(--input-color)
					
}

textarea#message {
	display: block;
	font-size: .9em;
	width: 96%;
	padding: 1%;
	min-height: 335px;
	border: none;
	border-radius: 0;
	resize: vertical;
	background:var(--input-background);
	color:var(--input-color)
					
}

textarea:focus {
	background: var(--input-active-color);
	outline: none
}

#glava-form span {
	display: block;
	font-size: .7em;
	font-weight:bolder;
	margin: 10px 0 5px 0
}

#glava-form input::placeholder {
	font-size: .9em;
}

#glava-form textarea::placeholder {
	font-size: .9em;
}

#glava-form button {
	margin-top: 10px;
	width: 96%;
	padding: 10px 0 10px 0;
	font-size: 1em;
	cursor: pointer;
	color: #fff;
	background: #00933d;
	border: none;
	outline: none
}

#glava-form button.removeFormFile {
	width: 100px;
	margin: 0 auto;
	padding: 5px;
	font-size: 1em;
	display: inline-block;
	background:#cecece;
	color:#000000;
}

#glava-form .glava-letter-info {
	min-height: 30px;
	padding-top: 10px;
	color: red;
	font-size: .9em
}

#pressFilter {
	background: var(--press-filter-color);
	padding: 5px;
	margin: 15px 0 15px 0
}

#pressFilter a {
	color: #757575
}

#pressFilter a:hover {
	color: #000
}

a#calendar {
	display: inline-block;
	background: url(/i/pic/calendar.svg) no-repeat left;
	padding-left: 29px;
	margin-right: 20px
}

a#calendar:hover {
	color:var(--data-color)
}

a#popular {
	display: inline-block;
	padding-left: 29px;
	background: url(/i/pic/popular.svg) no-repeat left
}

.flex-between-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start
}

.flex-between-center {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-items: center
}

.flex-between-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}

.flex-between-line {
	display: flex
}

a {
	color: var(--a-footer-color);
	font-size: .9em
}

.infoPic .ib {
	text-align: center;
	display: inline-block;
	width: 22%;
	min-height: 55px;
	padding-top: 40px;
	margin-top: 30px;
	border: 1px solid #cecece
}

#sitePath {
	font-size: .9em;
	margin-bottom: 10px;
	color:var(--path-color);
			
}

#sitePath a {
	font-size: 1em;
	color: #666;
	border-bottom: 1px solid #cecece
}

.content p {
	margin-bottom: 15px
}

#staticNavList li:last-child {
	border-bottom: none
}

.linePress {
	margin-bottom: 5px;
	padding-bottom: 10px
}

.linePress figure {
	margin-top: 10px;
	margin-bottom: 10px
}

.linePress p {
	font-size: .9em
}

.linePress p.data {
	color:var(--data-color); 
	font-size: .8em;
	margin: 0
}

.lineSearch p.data {
	color:var(--data-color); 
	font-size: .8em;
	margin: 0
}

#staticContent h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	font-weight: 400;
	line-height: 1.3
}

#staticContent ul {
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: .9em
}

#staticContent ul li {
	padding-left: 5px
}

#staticContent ol {
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: .9em
}

#staticContent ol li {
	padding-left: 5px
}

#staticContent a {
	font-size: 1em
}

#staticNavList ul li.current a {
	color: var(--content-color)
}

#staticContent figure {
	margin-bottom: 10px
}

#staticContent figure img {
	width: 100%;
	max-width: 630px
}

table#list-load-file {
	margin-top: 20px;
	width: 100%
}

table#list-load-file tr,
table#list-load-file td {
	padding: 15px 0 15px 0;
	vertical-align: top;
	border-top: 1px solid #e1e1e1
}

table#list-load-file a {
	font-size: 1em;
	color: var(--a-contr-color);
	padding: 0;
	font-family: trola
}

table#list-load-file a:hover {
	color: #00933d
}

.press-date {
	color: #555;
	font-size: .9em;
	display: inline-block;
	margin: 5px 0 10px 0
}

p {
	font-size: .9em
}

#staticContent ul#page-include li {
	margin-bottom: 10px
}

#staticContent ul#page-include li a {
	font-size: 1.1em;
	color: var(--link-a-color);
	padding: 0;
	font-family: trola;
	border-bottom: 1px solid #d1d1d1
}

#staticContent ul#page-include li a:hover {
	border-bottom: none
}

h2.press {
	display: inline-block;
	background: url(/i/pic/calendar.svg) no-repeat left;
	padding-left: 29px
}

h2.docs {
	display: inline-block;
	background: url(/i/pic/docs.svg) no-repeat left;
	padding-left: 29px
}

figure.iframe_video {
	height: 0;
	padding-bottom: 56.2%;
	position: relative
}

figure.iframe_video iframe {
	width: 100%;
	height: 100%;
	position: absolute
}

.district a {
	font-size: .8em
}

#staticContent a.area-city {
	display: inline-block;
	margin: 5px 10px 10px 0;
	color: var(--a-contr-color); 
	border-bottom: 1px solid #cecece;
	font-size: .9em
}

#staticContent a.area-district {
	display: inline-block;
	margin: 5px 10px 10px 0;
	color: var(--a-contr-color); 
	border-bottom: 1px solid #cecece;
	font-size: .9em
}

a.area-city:hover {
	color: #00933d;
	border-bottom: 1px solid #00e15e
}

a.area-district:hover {
	color: #00933d;
	border-bottom: 1px solid #00e15e
}

.space {
	margin-top: 20px
}

#staticContent ul.pagination {
	margin-top: 20px;
	margin-left: 0
}

#staticContent ul.pagination li {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #cecece;
	margin-right: 5px;
	min-width: 38px;
	text-align: center
}

#staticContent ul.pagination li.active {
	background: #00933d;
	border: 1px solid #00933d;
	margin-right: 10px
}

#staticContent ul.pagination li.active span {
	font-weight: bolder;
	display: block;
	color: #fff;
	padding: 10px;
	min-width: 38px
}

#staticContent ul.pagination li a {
	color: #000;
	display: block;
	padding: 10px;
	min-width: 38px;
	background: var(--page-color);
	color: var(--content-color)
}

#staticContent ul.pagination li a:hover {
	background: #666;
	color: #fff;
	min-width: 38px
}

path {
	transition: all 0.3s;
	stroke-width: .264583;
	fill: #00933d;
	stroke: #fff;
	opacity: 1
}

.city_svg {
	stroke: #ccc;
	fill: #fff;
	stroke-width: 1px;
	r: 4;
	transition: all 0.4s;
	stroke-linecap: round
}

.point_svg {
	stroke: #ccc;
	fill: #fff;
	stroke-width: 1px;
	r: 7;
	transition: all 0.4s;
	stroke-linecap: round
}

svg#active-map {
	margin: 0 auto
}

svg .active {
	fill: #0036a8
}

.city a.active {
	color: var(--a-contr-color); 
}

#staticContent h3.title-downloader {
	padding-top: 25px;
	border-top: 1px dashed #cecece;
	font-size: .8em;
	font-weight: bolder
}

#staticContent .person {
	margin-bottom: 15px
}

.tdo {
	margin-left: 20px
}

fieldset legend a {
	font-family: Trola;
	font-size: 1em;
	text-transform: uppercase;
	font-weight: lighter;
	color: var(--legend-color)
}

p .search-path {
	display:block;
	font-size: .8em;
	margin-top: 4px;
	color: #999;
	word-break: break-all;
	word-wrap: break-word; /* old name */
	overflow-wrap: break-word;
	hyphens: auto;
}

#staticNavList ul#data-navigator li {
	font-size: 1em;
	color:var(--a-contr-color)
}

#staticContent a .lineSearch {
	border-top: 1px dotted #cecece
}

.network {
	margin-top: 10px;
	margin-bottom: 10px
}

#staticContent form#modul-search-block {
	margin: 10px 0 25px 0;
	border: 1px solid #cecece
}

#staticContent form#modul-search-block .input {
	width: 78%
}

#staticContent form#modul-search-block .input input {
	width: 100%;
	height: 40px;
	padding: 0 5px 0 2px;
	background: transparent
}

#staticContent form#modul-search-block .button {
	width: 20%
}

#staticContent form#modul-search-block .button button {
	width: 100%;
	height: 40px;
	font-size: .9em;
	cursor: pointer;
	background: #0036a8;
	color: #fff;
	border: 0
}

.stat-net {
	font-size: .9em;
	width: 100%
}

.net {
	width: 300px
}

h2#send-form {
	font-size: 1.1em;
	font-family: trola
}

.socnet {
	margin-top: 15px;
	font-size: .9em
}

#gallery {
	display: flex;
	flex-flow: row wrap;
	justify-content: stretch;
	align-items: flex-start
}

#big-loader img {
	width: 100%;
	height: auto
}

.photo img.active {
	filter: grayscale(0.8)
}

audio {
	border: 1px solid #333333;
	border-radius: 12px;
}

	.compSearchFlex {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start
	}

.compSearchFlex .input-search-comp {width:75%}
.compSearchFlex .button-search-comp {width:20%}
.compSearchFlex .button-search-comp button{width:100%}
	
.scroller-block {
overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	overflow: -moz-scrollbars-none;
}

.rol-active{
	border:3px solid #00933d;
}

.content-box-roll {
    padding: 0 0 20px 0;
    margin: 0 0 -20px 0;
	
}

.press-roller {
    min-width: 100px;
    height: 83px;
	width:100px;
    margin-right: 4%;
    margin-bottom: 15px;
    overflow: hidden;
	cursor:pointer;
	padding-bottom:5px;
	
}

.scroller-hider {
    overflow: hidden;
}


.press-roller img {
	max-width:120px;
}

#staticPage button.calendar {
	padding:8px 10px 8px 10px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:0.9em;
	cursor:pointer;
	background:#00933d;
	color:#ffffff;
	border:none;
}

#staticPage button.active {
	padding:8px 10px 8px 10px;
	margin-right:10px;
	margin-bottom:10px;
	font-size:0.9em;
	cursor:pointer;
	background:#0036a8;
	color:#ffffff;
	border:none;
}

#staticPage  h2.calendar-year {
	margin-top:10px;
}

#calendar-list {
	MARGIN:0 0 20px 0;
}

.day-press-list {
	margin:10px 0 20px 25px;
	list-style-type:square;
	color: var(--content-color);
	
}

.day-press-list li {
	margin-bottom:5px;
}

.day-press-list li a{
	color:var(--a-contr-color);
	border-bottom: var(--a-footer-boder-bottom);
}

@media print {
	#preHeader {
		display: none
	}

	header {
		display: none
	}

	#gerb {
		display: none
	}

	#searchComp {
		display: none
	}

	nav {
		display: none
	}

	footer {
		display: none
	}

	#staticNavList {
		display: none
	}

	#mobySearchNav {
		display: none
	}

	#list-load-file {
		display: none
	}

	#staticContent h3.title-downloader {
		display: none
	}
}

button#changeThem {
	border:none;
	background:transparent;
	margin-bottom:10px;
	color:var(--change-button-color);
	cursor:pointer;
	font-size:1em;
}

b.activeBlack {
	display:var(--change-button-activeBlack);
}

b.activeWhite
{
	display:var(--change-button-activeWhite);
}

hr {
	margin: 20px 0;
	padding: 0;
	height: 0;
	border: none;
	border-top: 1px solid #cecece;
}

.blocker {
	display: none; 
	position: fixed; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	overflow: auto; 
	z-index: 100000; 
	padding:50px 20px  20px  20px; 
	box-sizing: border-box; 
	background-color: rgba(0,0,0,0.8); 
	text-align: center;
}

.blocker:after{
	content: ""; 
	display: inline-block; 
	height: 20%; 
}

.blocker:before{
	content: ""; 
	display: inline-block; 
	height: 1%; 
}

.modal {
	display: inline-block; 
	position: relative; 
	z-index: 100; 
	min-height:auto;
	min-width: 250px;	
	max-width: 980px; 
	padding: 15px; 
	text-align: left; 
	background:#ffffff;
}

.modal img {
	width:100%;
}

.modal .modal-header {
	text-align:right;
	margin-bottom:10px;
}

.modal .modal-header .modal-close{
	cursor:pointer;
	font-size:0.9rem;
	padding:5px;
	display: block; 
	width:100%:
}

.modal .modal-footer {
	
}


form#subscribe {
	
}

form#subscribe input{
	max-width:500px;
	min-width:200px;
}

form#subscribe button{
	height: 35px;
	border:none;
	width:100px;
	border-radius: 0;
    background: none;
	cursor:pointer;
}