@font-face {
	font-family: 'GolosTextWebRegular';
	src: 
		url(/assets/fonts/golos-text_regular.woff2) format('woff2'),
		url(/assets/fonts/golos-text_regular.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GolosTextWebBold';
	src: 
		url(/assets/fonts/golos-text_bold.woff2) format('woff2'),
		url(/assets/fonts/golos-text_bold.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}

:root {
    --color-1: #4ca347;
    --color-2: #258ED0;
    --color-3: #d02e25;
	--color-4: #d1d4da;
	--color-5: #ffffff;
	--color-6: #161616;
	--color-7: #0000001f;

    
    --color-body-background: #fff;
	--color-header-text: #fff;
	--color-text: #161616;
	--color-border: #0000001f;
}

html {
	font-size: 14px;
}

body {
	flex-direction: column;
	min-height: 100vh;
	background: var(--color-5);
	font-family: 'GolosTextWebRegular';
	font-size: 1rem;
}

main {
	flex: 1 0 auto;
}

a {
    color: #4492ce;
}

.content {
    a:hover {
        text-decoration: underline;
        color: #295f89;
    }
}

h1,h2,h3,h4,h5,h6,b,strong {
	font-family: 'GolosTextWebBold';
}
 
.container {
	width: 96%;
	max-width: 1280px;
}

h1,
h2 {
	font-size: 1.6rem;
	margin: 0;
	line-height: 100%;
	font-weight: 700;

	@media screen and (max-width: 600px) {
		font-size: 1.2rem;
	}
}

h3,h4 {
	font-size: 1.4rem;
	font-weight: 700;

	@media screen and (max-width: 600px) {
		font-size: 1.05rem;
	}
}

h5,h6 {
	font-size: 1.1rem;
	font-weight: 700;

	@media screen and (max-width: 600px) {
		font-size: 1rem;
	}
}


.p1 { padding: 10px; }
.p2 { padding: 20px; }
.mt2 { margin-top: 20px; }
.mb2 { margin-bottom: 20px; }

.justify { 
    text-align: justify;
    
    @media screen and (max-width: 600px) {
	    text-align: left;
	}
}

.border-radius { border-radius: 0.8rem; }

blockquote {border-color: var(--color-2);}

.pt0 { padding-top:0 !important }
.pb0 { padding-bottom:0 !important }
.mb0 { margin-bottom:0 !important }

.border-none {border:none !important;}
.shadow-none {box-shadow:none !important;}

.card-panel {
    box-shadow: none;
    border-radius: 0.8rem;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    padding: 0 24px;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    background: var(--color-2);
    color: var(--color-5);
    border-radius: 0.4rem;
    opacity: 1;
    transition: 0.5s;
    border: none;
    cursor: pointer;
    gap: 6px;
    
    &.button-small {
        min-height: 36px;
        min-width: 36px;
        padding: 6px 12px;
    }
    
    &.button-large {
        font-size: 1rem;
        min-height: 58px;
        min-width: 48px;
        padding: 18px 36px;
        border-radius: 8px;
    }
    
    .button__button-icon {
        font-size: 0.9rem;
        opacity: 0.8;
    }
    
    &:hover {
        opacity: 0.7; 
    }
    
    &.button-dark {
        background: var(--color-7);
        color: var(--color-5);
        
        &:hover {
            opacity: 0.7;
        }

    }
    
    &.button-danger {
        background: var(--color-3);
        color: var(--color-5);
        
        &:hover {
            opacity: 0.7;
        }

    }
    
    &.button-info {
        background: var(--color-2);
        color: var(--color-5);
        
        &:hover {
            opacity: 0.7;
        }

    }
    
    &.button-light {
        background: var(--color-5);
        color: var(--color-6);
        border: 1px solid var(--color-4);
        
        &:hover {
            background: var(--color-4);
            opacity: 0.7;
        }
    }
    
    &.d-flex {
        display: flex;
    }
}

.topmenu-row {
	margin-bottom: 0;

	.top-menu-button {
		display: flex;
		align-items: center;
		line-height: 1;
		font-size: 0.8rem;
		text-align: left;
		border-radius: 0.6rem;
		box-shadow: none;
		background: var(--color-1);
		margin-top: 20px;

		img {
			height: 30px;
			margin-right: 10px;
			opacity: .5;
		}

	}

	@media screen and (max-width: 600px) {
		padding-top: 20px;

		.top-menu-button {
			margin-top: 5px;
		}		
	}
}

.top-menu-button-main-check.top-menu-button-main,
.top-menu-button-glava-check.top-menu-button-glava,
.top-menu-button-sovet-check.top-menu-button-sovet,
.top-menu-button-apparat-check.top-menu-button-apparat {
	background: var(--color-3);
}

header  {
	.logo-line {
		height: 140px;
		background-size: cover;
		background-position: 50% 80%;
	
		.container {
			z-index: 1;
		}
	
		.logo-line-options {
			font-size: 2em;
			padding-right:0.75rem;
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 140px;
	
			.title {
				display: flex;
				align-items: center;
				justify-content: flex-start;
				gap: 20px;
				height: 140px;
				
				.logo {
				    height: 140px;
				    position: relative;
				    z-index: 2;
				    top: 10px;
				}
	
				img {
                    height: 100%;
                    width: 100%;
                    max-width: 116px;
				}
	
				h1 {
					font-size: 1.2rem;
					text-transform: uppercase;
					line-height: 1.2;
					color: var(--color-5);	
				}
			}
	
			.top-menu {
				display: flex;
				align-items: center;
				justify-content: space-between;
	
				a {
					display: inline-flex;
					justify-content: center;
					align-items: center;
					margin-left: 10px;
					min-width: 48px;
					height: 48px;
					font-size: 1rem;
					background: #ffffffce;
					border-radius: 0.6rem;
					color: var(--color-text);
				
					&:hover {
						color:var(--color-2)
					}
				}
			}
		}
	
		&:before {
			content:"";
			background: url("/assets/img/grid.png") repeat;
			background-size: 30px;
			position: absolute;
			height: 100%;
			top: 0;
			width: 100%;
			z-index: 1;
		}
	}
	
	@media screen and (max-width: 992px) {
	    .logo-line {
	       height: 96px;
	       
	       .logo-line-options {
	           height: 96px;
	           
	           .title {
    				height: 96px;
    				gap: 10px;
    				
    				.logo {
    				    height: 96px;
    				}
    	
    				h1 {
    					font-size: 1rem;
    				}
    			}
	       }
	       
	       &:before {
        		background-color: #00000066;
        		background-size: 20px;
        	}
	    }
	}
	
	@media screen and (max-width: 992px) {
	    .logo-line {
	       .logo-line-options {
	           .title {
    				h1 {
    					font-size: 0.8rem;
    				}
    			}
	       }
	    }
	}
}

#small_menu .logo-line {
    background: white;
	border-bottom:1px solid var(--color-border);
	width:100%;
	height:105px;
	position:fixed;
	border-top:solid var(--color-2) 0px;
	top:0;
}

#small_menu .logo-line .logo-line-options .title {
	display: flex;
	align-items: center;
    justify-content: flex-start;
	font-size: 10px;
}

#small_menu .logo-line .logo-line-options .title img {
	position: relative;
	z-index: 2;
	width: 60px;
}

#small_menu .logo-line .logo-line-options .title h1 {
	font-size: 0.5rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 1rem;
}

.logo-line .logo-line-options .title .sowilo {
	font-size: 1rem;
	line-height: 0.8rem;
}

.top-menu-button.active {
	background: #ee6e73;
}

.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    
    h3 {
        white-space: nowrap;
        margin: 0;
        padding: 0;
    }
    
    .line {
        height: 1px;
        width: 100%;
        background-color: var(--color-4);
    }
    
    .button {
        white-space: nowrap;
    }
}


.gorizontal-card-user {
    display: flex;
   /*  align-items: center; */
    gap: 20px;
    
    .gorizontal-card-user__image {
        /* min-width: 120px;
        aspect-ratio: 1 / 1;
        border-radius: 20px;
        border: 1px solid var(--color-border);
        border-radius: 0.8rem;
        background-image: url(/assets/img/icons/user.svg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; */
        width: 40px;
        height: 2px;
        background-color: var(--color-border);
        margin-top: 12px;
    }
    
    .gorizontal-card-user__title {
        font-size: 1.1rem;
        font-weight: 700;
    }
    
    @media screen and (max-width: 600px) {
        align-items: flex-start;
        flex-direction: column;
    }
}

.top-line .dropdown-contents a {color:black}
li.icon-logout, li.icon-login {background:none}
li.icon-logout h3, li.icon-login h3 {font-size:1em;line-height: 36px;margin:0;}

.header-avatar img {
	float:left;
	margin:8px;
	background:white;
	border-radius: 1rem;
}

.user .dropdown  .li {
	float:right !important;
} 

.content .row {
	margin-bottom: 0;
}

.foot-bg {
	background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(../img/bg.jpg);
	background-size: cover, cover;
	background-position: 50% 50%, 50% 70%;
	padding: 4em 0 4em;
}

.foot-copy {
	padding: 1em 0;
	color: var(--color-text);
	text-align: center;
	font-size: 0.7em;
}

.owl-item img {
	cursor: pointer;
}

footer {margin-top:100px}

footer .row {
	margin-bottom: 0;
}
footer b {font-weight:100}


a[target="_blank"] {position:relative}

header {
	position: relative;
}

.fadeable {
	opacity: 1;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	will-change: opacity;
}

.pt-0 {
	padding-top: 0 !important;
}



footer {
	background:var(--color-1);
	border-top:solid var(--color-2) 0px;
	position: relative;
	color: var(--color-header-text);
	font-size: 16px;
	padding:30px;
}
footer b {font-size: 18px;}

footer a {
	color: white
}

.socnet {
	display:block;
	float: left;
	width: 67px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	border: 1px solid white;
	border-radius: 1rem;
	font-size: 1.8em;
	color:var(--color-header-text);
	margin: 5px;
	
	background: rgba(255, 255, 255, 0.2549019607843137) 0% 0% no-repeat padding-box;
}

.socnet_block {
    text-align: center;
    display: block;
    float: right;
}


footer .col:first-child {
	text-align: left;
}

footer .col:last-child {
	text-align: right;
}

.main-content {
	margin-top: 20px;
}

.important-news {
    .important-news__image-container {
        width: 100%;
        aspect-ratio: 3 / 2;
        background-size: cover;
        background-position: top center;
        border-radius: 0.8rem;
    }
    
    .important-news__date {
        opacity: .6;
        font-size: 0.9rem;
    }
    
    .important-news__title {
        font-size: 1.05rem;
        font-weight: 700;
        line-height: 1.2;
        margin-bottom: 10px;
    }
    
    .important-news__introtext {
        margin-bottom: 10px;
        line-height: 1.2;
    }
}

.news-content {
	font-size:16px;
	line-height:1.6em;	
}

.news-content > ul > li {
	position: relative;
	padding: 0 20px;

	&:before {
		content: "";
		display: block;
		width: 6px;
		height: 6px; 
		border-radius: 50%;
		background-color: var(--color-3);
		position: absolute;
		left: 6px;
		top: 9px;
	}

	ul > li {
		position: relative;
		padding: 0 20px;
	
		&:before {
			content: "";
			display: block;
			width: 7px;
			height: 7px;
			border-radius: 50%;
			border: 1px solid var(--color-3);
			background-color: white;
			position: absolute;
			left: 6px;
			top: 9px;
		}

		ul > li {
			position: relative;
			padding: 0 20px;

			&:before {
				content: "";
				display: block;
				width: 6px;
				height: 6px;
				border-radius: 0;
				background-color: var(--color-3);
				position: absolute;
				left: 6px;
				top: 9px;
			}
		}
	}
}

footer hr {
	width: 80%;
	left: -10%;
	position: relative;
}

footer .col:last-child hr {
	left: 10%
}

.navigation {
	height: auto;
	background: var(--color-1);
	padding: 0em;
	border-radius: 0.6rem;
	text-decoration:none;
}

.navigation ul li {
	padding: 0;
	float: none;
	border-bottom: 1px dashed var(--color-border);
}

.navigation ul li a {
	line-height: 1rem;
	padding: 1.2rem;
	font-weight: normal;
	font-size: 1rem;
}

.navigation ul.collapsible li a:hover, .navigation ul li .collapsible-header:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

ul.collapsible li .collapsible-header a {
    padding:0;
    display:inline-block;
}
ul.collapsible li .collapsible-header a:hover {
    background:none;
}

.navigation ul li:last-of-type {
	border: none;
}

.nav-secondary ul li:last-of-type {
	border: none;
}



.btn,
.btn:active,
.btn:hover,
.btn:focus {
	background: var(--color-2);
	border-radius: 0.6rem;
	box-shadow:none;	
}


.btn-green {background:var(--color-2) !important}
.btn-green:active,
.btn-green:hover,
.btn-green:focus {
	background:var(--color-2) !important;
	color:white;
}

.btn-yellow {background:var(--color-3) !important}
.btn-yellow:active,
.btn-yellow:hover,
.btn-yellow:focus {
	background:var(--color-3) !important;
	color:var(--color-header-text);
}

.btn-transparent {
	background:white !important;
	border:solid var(--color-border) 1px;
	color:var(--color-text) !important;
}
.btn-transparent:active,
.btn-transparent:hover,
.btn-transparent:focus {
	background:var(--color-border) !important;
}

.main-h3 {
	text-transform: uppercase;
	font-size: 1.3rem;
	margin-top: 0;
}

.main-news .image_container {
	height: 138px;
	overflow: hidden;
	margin: 0 -1.5em 10px;
	background-position: center center;
	background-size: cover;
}

.main-h2 {
	text-transform: uppercase;
	font-size: 1.1rem;
	margin-top:1rem !important;
	line-height:1.2;
}

.main-news .main-h3 {
	text-transform: none;
	font-size: 1.5rem;
	margin-top: 0;
	line-height: 2rem;
}

.main-h2 i, .main-h2 svg {
	font-size: 2.1rem;
	margin-right:10px;
	margin-top:-0.8rem;
}

.main-news .row {
	margin: 0;
}

.main-news .row .col {
	padding: 0 !Important;
}

.white-btn .main-h2 {
	text-transform: uppercase;
	font-size: 1.3rem;
	margin: 0;
}


.poll .colorgreen:hover {color: var(--color-2) !important;}

.main-h2 {
	text-transform: uppercase;
	font-size: 1.1rem;
	margin-top: 0;
}

.main-banners .main-h2 {
	text-transform: uppercase;
	font-size: 1.5rem;
	margin-top: 0;
}

.main-photos .owl-carousel .item img,
.owl-carousel-photos {
	height: 200px;
	width: auto;
}

.main-banners .item,
.owl-carousel-banners {
	height: 90px;
}

.owl-carousel-banners .item {
	display: block;
}

.main-banners .item img {
	height: 100%;
	width: auto !important;
}

.main-h2 svg,
.main-h2 i {
	font-size: 2.1rem;
	margin-right:10px;
}

.white-btn .main-h2 i {
	font-size: 3rem;
}

.main-banners .main-h2 i {
	font-size: 3rem;
}

.blockref {
	color: inherit;
	text-decoration: inherit;
	display: block;
}

.card-news {
	display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px solid var(--color-border);
    border-radius: 0.8rem;
    margin-bottom: 20px;

	.card-news__img-container {
		width: 100%;
        aspect-ratio: 3 / 2;
        border-radius: 0.8rem;
        transform: scale(1.01);
        background-size: cover;
        background-position: center;
	}

	.card-news__content {
		padding: 8px 16px;
		font-size: 0.9rem;

		.card-news__title {
			height: 90px;
			color: var(--color-text);
			line-height: 1.2;
			font-weight: 700;
			overflow: hidden;
		}

		.card-news__description {
			height: 152px;
			overflow: hidden;
			margin: 10px 0;	
			display: -webkit-box;
		}

		.card-news__date {
			color: #919191;
			font-size: 0.7rem;
			font-weight: 400;
		}
	}
}

.ul-list {
	margin-bottom: 20px;
	.ul-list__item {
		padding: 10px;
		border-bottom: 1px dashed var(--color-border);

		&:last-child {
			border-bottom: none;
		}
	}
}


/* .news .img_container {
	height: 170px;
	margin: -20px;
	margin-bottom: 12px;
	background-size: cover;
	background-position: 50% 50%;
	border-radius: 0.8rem;
} */

/* div.news .title, .index-page .title {
	height: 66px;
	margin-bottom: 12px;
	color: black;
	line-height:1.3em;
	font-weight:bold;
	overflow: hidden;
} */
/* .news .text {
	height:152px;
	overflow: hidden;
	margin-bottom:10px;	
	display: -webkit-box;
	-webkit-line-clamp: 7;
	-webkit-box-orient: vertical;
} */

/* .news .date {
	color:#828282;
	font-size:13px;
}
 */

.news .cat i {
	font-size: 1.1rem;
	margin-right: 0.2em;
}

.news .cat {
	color: var(--color-3);
}

.video .news .cat {color:var(--color-3) !important;}
.video .news .title {
	height:5em;
}

.white-bg {
	background: #fff;
	padding: 20px;
	border: 1px solid var(--color-border);
	border-radius: 0.8rem;

	.row {
		&:first-child {
			margin-top: -.75rem;
		}
	}

	&.white-bg-news {
		padding: 0;

		.newsImage {
			position: relative;
			padding-bottom: 60%;
			background-size: cover;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			border-radius: 0.8rem;
		}

		.time {
			opacity: .6;
			font-size: 0.8rem;
		}

		.news-content {
			padding: 20px;
			text-align: justify;
			
		}
	}

	&.doc-content {
		padding: 20px 3rem;
	
	}

	@media screen and (max-width: 600px) {
		padding: 0;
		border: none;

		&.doc-content {
			padding: 0;
		}

		&.white-bg-news {
			.news-content {
				padding: 0;
				text-align: left;
			}
		}
	}
}

.on-air h3 {
	padding-bottom: 1em;
}

.on-air-single {
	display: block;
	padding: 0.5em 0;
	border-bottom: 1px solid #eeeeee;
}

.on-air-single:first-of-type {
	padding-top: 0;
	border-top: 1px solid #eeeeee;
}

.on-air-single p {
	margin: 0;
}


.leftblock_cats a.go-to-theme {
	padding: 1em 0 0;
	color: #9e9e9e;
	font-size: 0.9em;
	display: block;
}

.leftblock_cats a.go-to-theme:hover {
	color: #ca624e;
}

.timestamp {
	color: #9e9e9e;
	font-size: 0.9em;
}

.mosru_widget {
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	margin: 0 !important;
	width: auto !important;
}

.slider-control {
	position: absolute;
	right: 1em;
	bottom: 2em;
	z-index: 2;
}

.slider-control-left {
	float: left;
	margin-right: 0.03em;
}

.slider-control-right {
	float: right;
	margin-left: 0.03em;
}

.slider-control .slider-control-left,
.slider-control .slider-control-right {
	width: 1.1em;
	height: 1.1em;
	line-height: 1.1em;
	text-align: center;
	font-size: 3em;
	color: #fff;
	cursor: pointer;
	bottom: 20%;
	background: none;
}

.slider.white-bg {
	padding: 0;
	height: 381px !important;
	overflow:hidden;
}

.slider.white-bg .indicators {
	z-index: 2;
	bottom: 21px;
}

.slider .slides {
    position:relative;
    z-index:1;
}
.slider .slides li .caption {
	right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.15) 0%,rgba(0,0,0,0.7) 100%);
    padding: 1.5em;
    bottom: 0;
    top: auto;
    height: 120px;
    width: 100%;
    position:absolute;
    z-index:1;
}

.slider .slides li .caption .slider-border {
	margin: 0;
	height: 100%;
	
	padding: 1em;
	text-align: left;
	position: relative;
	display: table;
	width: 80%;
}

.slider .indicators {display:none}

.slider .slides li h5 {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.2rem;
}

.slider .slides li .caption .slider-border .btn-flat {
	display:none;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
}

.owl-controls {
	position: absolute;
	top: -4.4em;
	right: 1px;
}

.main-banners .owl-next,
.main-banners .owl-prev {
	background: #00bcd4;
}

.main-photos .owl-next,
.main-photos .owl-prev {
	background: var(--color-1);
}

.owl-next,
.owl-prev {
	float: left;
	height: 1.2em;
	width: 1.2em;
	font-size: 2em;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
}

.owl-prev {
	margin-right: 0.25em;
}

[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:before,
[type="radio"].with-gap:checked+label:after {
	border: 2px solid var(--color-2);
}

[type="radio"]:checked+label:after,
[type="radio"].with-gap:checked+label:after {
	background-color: var(--color-2);
	z-index: 0;
}

.poll {
	margin-bottom: 20px;
}

.poll .btn-flat {
	border: 1px solid var(--color-2);
	color: var(--color-2);
}

.poll .btn-flat:hover {
	border: 1px solid var(--color-2);
	color: #fff;
	background: var(--color-2);
}

.btn-main:hover {
	background-color: var(--color-2);
}

.collapsible {
	box-shadow: none;
}

.navigation .collapsible {
	box-shadow: none;
	margin: 0;
	border: none;
}

.navigation .collapsible-header {
	padding: 20px 1.2em;
	display: block;
	cursor: pointer;
	min-height: 0;
	line-height: 1em;
	background-color: transparent;
	border: none;
	position: relative;
}

.collapsible-body {
	padding: 0;
}

.navigation .active .collapsible-body {
	border-top: 1px solid var(--color-1);
}

.navigation .collapsible-header.active {
	background: inherit;
}

.navigation .collapsible-body {
	border: none;
	background-color: rgba(0, 0, 0, 0.2);
}

.navigation .collapsible-body ul li a {
	padding: 1.3em 0.75em;
	line-height: 1em;
}

.navigation .collapsible-body {
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
	opacity: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.navigation li.active .collapsible-body {
	opacity: 1;
}

.waves-button-input {
	height: 100%;
	width: 100%;
}

.btn-login {
	padding: 0;
}

.waves-button-input,
.btn-login {
	-moz-user-select: -moz-none;
	-o-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	user-select: none;
	outline: none !important;
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------ breadcrumbs
*/

.breadcrumbs-container {
	background: transparent;
	line-height:0;
}
.my-breadcrumbs {
	margin:0;
	list-style: none;
	display: inline-block;
	font-size: 0.8em !important;
}

.my-breadcrumbs li {
  float: left;
}
.my-breadcrumbs li a {
	color: #fff;
	display: block;
	background: var(--color-2);
	text-decoration: none;
	position: relative;
	height: 30px;
	line-height: 30px;
	padding: 0 10px 0 5px;
	text-align: center;
	margin-right: 23px;
}

.my-breadcrumbs li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
.my-breadcrumbs li:first-child a:before {
  border: none;
}
.my-breadcrumbs li a:before, .my-breadcrumbs li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid var(--color-2);
  border-width: 15px 10px;
  width: 0;
  height: 0;
}
.my-breadcrumbs li a:before {
  left: -20px;
  border-left-color: transparent;
}
.my-breadcrumbs li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: var(--color-2);
}
.my-breadcrumbs li a:hover {
  background-color: var(--color-border);
}

.my-breadcrumbs li a.active:hover span {
	border-bottom:none;
}

.my-breadcrumbs li a:hover:before {
  border-color: var(--color-border);
  border-left-color: transparent;
}
.my-breadcrumbs li a:hover:after {
  border-left-color: var(--color-border);
}
.my-breadcrumbs li a.active, .my-breadcrumbs li a:active {
  background-color: var(--color-border);
}
.my-breadcrumbs li a.active:before, .my-breadcrumbs li a:active:before {
  border-color: var(--color-border);
  border-left-color: transparent;
}
.my-breadcrumbs li a.active:after, .my-breadcrumbs li a:active:after {
  border-left-color: var(--color-border);
}

.my-breadcrumbs li a.active > span {
	max-width: 100px;
	overflow: hidden;
   	display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1;
   -webkit-box-orient: vertical;
}


.poll-qa {
	position: relative;
}

.poll-questions {
	position: relative;
	opacity: 1;
	z-index: 2;
}

.poll-answers p {
	margin-bottom: 0;
}

.poll-answers p:first-of-type {
	margin-top: 0;
}

.poll-answers p:first-of-type {
	margin-bottom: 0;
}

.poll-answers .progress {
	margin-top: 0;
	height: 20px;
	background-color: var(--color-border);
}

.poll-answers .progress .determinate {
	background-color: var(--color-1);
}

nav ul li.active {
	background-color: rgba(0, 0, 0, 0.0);
	border: none;
	border-bottom: 1px dashed var(--color-border);
	/* border-left: solid 10px var(--color-3); */
}

nav ul li.level2.active {
	padding: 2px 0;
}
nav ul li.level2.active a { 
	border-left: 2px solid var(--color-1);
	color: var(--color-1);
}
nav ul li .nav-secondary {
	background-color: var(--color-body-background);
	padding: 0;
}

.navigation ul li .nav-secondary li {
	border-bottom: 1px dashed var(--color-border);
}
.navigation ul li .nav-secondary li:last-child {border:none}

nav ul li .nav-secondary a {
	font-size: 0.95rem;
	color:var(--color-text);
}

.navigation .collapsible-header:after {
	-webkit-transition: all 0.3s;
	width: 1em;
	height: 1em;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	content: '\f0da';
	font: normal normal normal 1.2em/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: absolute;
	right: 10px;
	top: 18px;
	text-align: center;
	opacity: .7;
}

.nav-secondary a:hover {
	background-color: rgba(0, 0, 0, 0.05) !important;
}

.navigation li.active .collapsible-header:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.white-btn:hover {
	cursor: pointer;
}

.white-btn i {
	color: var(--color-1);
}

.main-news h3:hover,
.on-air-single p:hover {
	color: #00bcd4;
	cursor: pointer;
}

.owl-next,
.owl-prev,
.slider-control-left,
.slider-control-right {
	transition: color .25s;
}

.owl-next:hover,
.owl-prev:hover,
.slider-control-left:hover,
.slider-control-right:hover {
	color: white;
}

#login-modal {
	width: 90%;
	max-height: 90%;
}

#login-modal .btn {
	width: 100%;
}

#login-modal .login-save-ch label {
	top: 0;
	left: 0;
	color: var(--color-text);
}

#login-modal a {
	color: var(--color-text);
}

#login-modal a:hover {
	color: #c9614e;
}

#login-modal .input-field input:focus {
	border-bottom: 1px solid #4493ce;
	box-shadow: 0 1px 0 0 #4493ce;
}

#login-modal .login-save-ch [type="checkbox"]+label {
	height: 21px;
	line-height: 21px;
}

#login-modal .btn-login {
	background: #70a856;
}

#login-modal .btn-flat {
	border: 1px solid #4493ce;
	color: #4493ce;
}

#login-modal .btn-flat:hover {
	border: 1px solid #4493ce;
	color: #fff;
	background: #4493ce;
}

#login-modal .login-save-ch [type="checkbox"].filled-in:checked+label:after {
	border: 2px solid #4493ce;
	background-color: #4493ce;
}

.auto-form .btn {
	width: 100%;
}

.auto-form .login-save-ch label {
	top: 0;
	left: 0;
	color: var(--color-text);
}

.auto-form a {
	color: var(--color-text);
}

.auto-form a:hover {
	color: #c9614e;
}

.auto-form .input-field input:focus {
	border-bottom: 1px solid #4493ce;
	box-shadow: 0 1px 0 0 #4493ce;
}

.auto-form .login-save-ch [type="checkbox"]+label {
	height: 21px;
	line-height: 21px;
}

.auto-form .btn-flat {
	border: 1px solid #4493ce;
	color: #4493ce;
}

.auto-form .btn-login {
	background: #70a856;
}

.auto-form .btn-flat {
	border: 1px solid #4493ce;
	color: #4493ce;
}

.auto-form .btn-flat:hover {
	border: 1px solid #4493ce;
	color: #fff;
	background: #4493ce;
}

.auto-form .login-save-ch [type="checkbox"].filled-in:checked+label:after {
	border: 2px solid #4493ce;
	background-color: #4493ce;
}

.global-h1 {
	font-size: 3rem;
	line-height: 110%;
	margin: 1rem 0 1rem 0;
}

.top-line .dropdown-button.active {
	z-index: 1000;
	position: relative
}

.top-line .dropdown-content.active a {
	width: 100%;
	background: #436c52;
	text-align: left;
	color: #fff;
}

.top-line .dropdown-content {
	background: #436c52;
}

.top-line .dropdown-content.active a:hover {
	text-decoration: underline;
}


/* @media only screen and (max-width: 1024px) {
	body {
		font-size: 12px;
	}
	.logo-line i {
		font-size: 2rem;
	}
} */

@media only screen and (max-width: 685px) {
	footer b {font-size: 14px;}

	.topmenu-row .col{
		margin-bottom: 10px;
	}
}

@media only screen and (min-width: 600px) {
	
	#login-modal {
		width: 600px;
	}
	.logo-line {
		line-height: 150px;
	}
	.logo-div h1 {
		margin: 0.9em 1em;
		color: #fff;
		font-size: 1.6em;
		width: auto;
		line-height: 1.3em;
	}
	.logo-line i {
		color: #fff;
	}
	.logo-div {
		text-align: left;
	}
	.main-h3 {
		font-size: 1.2rem;
	}
	.btn-main i {
		text-align: left;
		font-size: 1.5rem;
	}
	.main-h2 i, .main-h2 svg {
		font-size: 2.2rem;
	}
	.main-h2 {
		font-size: 1.1rem;
	}
	.white-btn .main-h2 i {
		font-size: 2.6rem;
	}
	.white-btn .main-h2 {
		font-size: 1rem;
	}
	.main-news .main-h3 {
		font-size: 1.3rem;
		line-height: 1.5rem;
		margin-bottom: 10px;
	}
	.main-news-h {
		height: 80px;
	}
	.main-news p {
		height: 190px;
	}
	.owl-controls {
		top: -2.8em;
	}
}

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

	.main-h2 i, .main-h2 svg {
		font-size: 2.6rem;
	}
	.main-h2 {
		font-size: 1.4rem;
	}
	.white-btn .main-h2 i {
		font-size: 2.6rem;
	}
	.white-btn .main-h2 {
		font-size: 1.3rem;
	}
	.main-news .main-h3 {
		font-size: 1.3rem;
		line-height: 1.7rem;
		margin-bottom: 10px;
	}
	.main-news p {
		height: 150px;
	}
	.logo-line i {
		font-size: 2rem;
	}
	.logo-line .center-align {
		font-size: 2em;
	}
}

@media only screen and (min-width: 1540px) {
	.owl-controls {
		top: -2.8em;
	}
	.main-news p {
		height: 132px;
	}
	.main-h2 {
		font-size: 1.5rem;
	}
	.main-h2 i, .main-h2 svg {
		font-size: 3rem;
	}
	.main-news-h {
		height: 90px;
	}
	.main-news .main-h3 {
		font-size: 1.5rem;
		line-height: 2rem;
	}
	.white-btn .main-h2 {
		font-size: 1.5rem;
	}
	.white-btn .main-h2 i {
		font-size: 3rem;
	}
	.main-photos .main-h2 i {
		font-size: 3rem;
	}
	.main-photos .main-h2 {
		font-size: 1.5rem;
	}
	.main-h3 {
		font-size: 1.3rem;
	}
	.btn-main i {
		text-align: left;
		font-size: 2rem;
	}
	.main-banners .main-h2 {
		font-size: 1.5rem;
	}
	.main-banners .main-h2 i {
		font-size: 3rem;
	}
}




hr {
	border: 0;
	border-top: solid #eeeeee 1px;
}

nav,
.nav-wrapper {
	background: none;
	box-shadow: none;
	height: auto;
	line-height: 30px;
	display: inline-block;
}


.file {
    font-size: 1rem;
    position: relative;
    line-height: 1.6rem;
    display: block;
    color: #212121;
    padding-bottom: 5px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 20px;
    margin-bottom:30px;
}

.file:last-of-type {
	border-bottom: none;
}

.file span.icon {
    margin-right: 12px;
    position: relative;
    top: 0px;
    font-size: 1.4rem;
    color: #bfbfbf;
}

.file span.docname {
    padding-top: 10px;
    padding-bottom: 2px;
    font-size: 1rem;
    border-bottom: dashed 1px transparent;
}
.archives1 .file span.docname {
	font-weight:normal;
	font-size:1rem;
    position: absolute;
    height: 45px;
    top: 10px;
    align-items: center;
    display: flex;
    left: 45px;
}

.file a:hover span.docname {
	border-color: var(--color-2);
}

.file a:hover span.icon {color:var(--color-2);}


.filedate {
    color: #9e9e9e;
    font-size: 0.8em;
    text-align: right;
}

.file .docCats {
    position: absolute;
    right: 0px;
    top: -28px;
    height: 24px;
    overflow: hidden;
}

.file .docCat {
    display: inline-block;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    padding: 0 12px;
    border-radius: 16px;
    background-color: #eeeeee;
    margin-bottom: 5px;
    margin-right: 5px;
}

.file .docCat:hover {
	background-color: var(--color-1);
	color:white;
}

.file a {color:#212121;}

.clear {
	clear: both;
}

@media only screen and (max-width: 769px) {
	.container {
		width:95%;
	}
	header .container {
		width:94%;
	}
	.news-content {
		font-size:14px;
		line-height:1.6em;
	}
	.file {
		padding-right: 0.5em;
	}
}

.pagination .pagination_left {
	width: 31px;
	height: 30px;
	background: url(../img/pagination_left.png) left top no-repeat;
}

.pagination .pagination_right {
	width: 31px;
	height: 30px;
	background: url(../img/pagination_right.png) left top no-repeat;
}

.pagination li.active {
	background: #7f7f7f;
}

.leftblock_cats h3,
.leftblock_tags h3 {
	font-size: 1.2em;
	margin: 0;
	color: var(--color-1);
	font-weight:bold;
	margin-bottom: 10px;
}

.leftblock_cats i {
	font-size: 1em;
	line-height: 1.3em;
}


.leftblock_info .fa {
	font-size: 1.2em;
	line-height: 1.3em;
}



.leftblock_cats a {
	color: black;
	font-size: 1em;
}

.leftblock_cats .data {
	margin-left: 2.5em;
}


.sidenav {
	background:var(--color-1);
	height: 100vh;
	overflow-x: scroll;
	     
}
.sidenav.collapsible {
	border:0;
}
.sidenav li {
	color:white;
	border-bottom:1px dashed #f5f5f5;
	line-height:1.4em;		
}
.sidenav li:last-of-type {
    border: none;
}

.sidenav li a {
	color:white;
	height: 2em;
	display: inline-block;
	
	padding-top:16px !important;
	padding-bottom:16px !important;
}

ul.sidenav li .collapsible-header {	
	padding:16px 0 16px 40px !important;
}
ul.sidenav li .collapsible-header a {
	color:white;
	width: auto;
	display: inline-block;
	padding: 0 !important;
}



.sidenav .nav-secondary a {color:#555}

.sidenav #search_form1 {
	position:relative;
	margin: 16px;
	margin-bottom:0;
	background: rgba(255, 255, 255, 0.25) 0% 0% no-repeat padding-box;
    border: 1px solid var(--color-border);
    border-radius: 5px;
}
.sidenav #search_form1 #search1 {
	width:200px;
	padding: 0 15px;
	margin:0;
	border:none !important;
	box-shadow:none !important;
	color:white;
}
.sidenav #search_form1 .search-button1 {
	width: auto;
    position: absolute;
    right: 0px;
    top: 0px;
    padding:0 16px;
    height: 44px;
    line-height: 44px;
    
    color:white;
    font-size:20px;
}

.sidenav .collapsible-header {
	position:relative;
}
.sidenav li a {
	width: 100%;
	padding-left:40px !important;
	line-height: inherit;
    height: inherit;
}

.sidenav .collapsible-header:after {
	-webkit-transition: all 0.3s;
	width: 1em;
	height: 1em;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	content: '\f101';
	font: normal normal normal 14px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: absolute;
	left: 16px;
	top: 17px;
	font-size: 1em;
	text-align: center;
}

.sidenav .collapsible-body>ul:not(.collapsible)>li.active, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active {
	background:#eee;
}
.sidenav .collapsible-body>ul:not(.collapsible)>li.active a, .sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a {
	color:black;
}

.sidenav .active .collapsible-header:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sidenav .socnets {
	margin:16px;
	text-align:center;
}
.sidenav .socnet {
	float:none;
	height:47px;
	line-height:47px;
	width:47px;
	padding:0 !important;
	font-size: 1.5rem;
}


.leftblock_tags h3 {
	color: #4493ce;
}

.leftblock_tags hr {
	margin-bottom: 20px;
}

.searchdoc_form .docdate {
	display: block;
	width: 100%;
	border: solid #d7d7d7 1px;
	border-radius: 5px;
	text-align: center;
	line-height: 47px;
	height: 2rem;
}

.searchdoc_form .docdate:hover {
	border-color: #00bcd4;
}


.searchdoc_form input:focus {
	border-bottom: 1px solid #4493ce !important;
	box-shadow: 0 1px 0 0 #4493ce !important;
}

.searchdoc_form input.valid {
	border-bottom: 1px solid #4493ce !important;
	box-shadow: 0 1px 0 0 #4493ce !important;
}

.ui-datepicker-calendar thead {
	border-bottom: none !important;
}

.ui-datepicker-calendar th {
	font-weight: normal !important;
	color: #c3c3c3 !important;
	font-size: 8pt;
}

.ui-datepicker-calendar td .ui-state-default {
	border: none !important;
	background: none;
	text-align: center !important;
	font-size: 8pt !important;
	width: 24px;
	height: 24px;
	line-height: 24px;
	padding: 0 !important;
	border-radius: 12px !important;
}

.ui-datepicker-calendar td .ui-state-active {
	background: #4493ce !important;
	color: white;
}

.ui-datepicker-calendar td .ui-state-highlight {
	background: #a6f4ff !important;
	color: gray;
}

.ui-datepicker-year {
	display: none;
}

.ui-datepicker .ui-widget-header {
	border: none;
	background: none;
}

.ui-datepicker-month {
	font-weight: normal;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
	background: none !important;
	border: none !important;
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 2px !important;
	top: 2px !important;
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 2px !important;
	top: 2px !important;
}

.ui-icon-circle-triangle-w {
	background: url(../img/datepicker_left.png) left 3px no-repeat !important;
}

.ui-icon-circle-triangle-e {
	background: url(../img/datepicker_right.png) left 3px no-repeat !important;
}


/* .news .white-bg {
	position: relative;
	padding: 20px;
	border-radius:5px;
	overflow:hidden;	
} */



/* .news_veteran .white-bg {
	padding-top:0;
}
.news_veteran .img_container {
	margin-top:0;
}

.veteran-zam {
	margin-bottom:15px;
}
.veteran-zam:after {
	content:"";
	display:block;
	clear:both;
}
.veteran-zam .veteran-zam-img {
	float:left;
	margin-right:27px;	
} */

.titleWithBredcrumbs .white-bg {
	padding: 1em;
}

.titleWithBredcrumbs h1,
.titleWithBredcrumbs h2 {
	line-height: 100%;
}

.titleWithBredcrumbs .nav-wrapper .col {
	padding-left: 1.2em;
	padding-bottom: 0;
	font-style: italic;
}

.titleWithBredcrumbs .nav-wrapper,
.titleWithBredcrumbs .nav {
	margin-top: 0.5em;
	line-height: 100%;
}

.chip {
	display: inline-block;
	height: 27px;
	font-size: 12px;
	font-weight: 500;
	color: rgba(0, 0, 0, 0.6);
	line-height: 29px;
	padding: 0 9px;
	border-radius: 12px;
	background-color: #e4e4e4;
	margin-bottom: 5px;
	margin-right: 5px;
}

.chip:hover {
	background: #00bcd4;
	color: white;
}

.card {
	margin: 0;
}

.card-image {
	background-size: cover;
	background-position: 50% 50%;
}

.card-image img {
	z-index: -1;
	opacity:0;
}

.admin_card .card-content {
	margin-right: 40px;
	color: #555555;
	font-size: 1.2em;
}

.admin_card .right_arrow {
	font-size: 2.5em;
	position: absolute;
	right: 25px;
	top: 50%;
	line-height: 0;
}

.admin_card .name {
	font-size: 1.3em;
	line-height: 1.3em;
}

.admin_card .position {
	margin-top: 10px;
	line-height: 1.2em;
}

.admin_card td {
	padding: 0;
}

.admin_card .info span {
	color: #71a958;
}

.admin_assistants {
	color: #555555;
	line-height: 1.4em;
}

.admin_assistants b {
	color: #212121;
	font-size: 1.1em;
	display:block;
}

.admin_assistants .divider {
	background-color: #7d7d7d;
	margin: 7px 0;
}

.org_cat .white-bg {
	position: relative;
}

.org_cat .img_container {
	height: 8em;
	margin: -1.5em -1.5em 0 -1.5em;
	background-size: cover;
	background-position: 50% 50%;
}

.org_cat .title {
	height: 1.5em;
	text-transform: uppercase;
	margin: 2em 0 0.5em;
	color: black;
	font-size: 1.1em;
}

.org_cat .fa {
	position: absolute;
	background: #ca624e;
	font-size: 1.5em;
	right: .5em;
	margin-top: -1.1em;
	color: white;
	border-radius: 3em;
	width: 2.2em;
	height: 2.2em;
	line-height: 2.2em;
	text-align: center;
}

/* .videoTile .white-bg {
    position: relative;
    padding: 20px;
    border-radius:5px;
    overflow:hidden;    
}

.videoTile .img_container {
    height: 170px;
    margin: -20px;
    margin-bottom: 12px;
    background-size: cover;
    background-position: 50% 50%;
}

.videoTile .title {
    height: 3.6em;
    margin-bottom: 12px;
    color: black;
    font-size: 1.3em;
    line-height:1.3em;
    font-weight:bold;
    overflow: hidden;
}
.videoTile .date {
    color:#262626;
    font-size:8px;
}

.videoTile .fa-play {
    position: absolute;
    right: .5em;
    width: 2.2em;
    height: 2.2em;
    line-height: 2.2em;
    margin-top: -1.1em;
    font-size: 1.3em;
    border-radius: 3em;
    background: #ca624e;
    color: white;
    text-align: center;
    z-index: 10;
} 

.videoTile .timestamp {
    position: absolute;
    left: 0em;
    top: 9.4em;
    color: white;
    background: rgba(0, 0, 0, 0.3);
    padding: 0.1em 0.8em;
    width: 100%;
} */

.video-card-item {
    display: flex;
    flex-direction: column;
    background-color: white;
    border: 1px solid var(--color-border);
    border-radius: 0.8rem;
    margin-bottom: 20px;
    
    .video-card-item__cover {
        width: 100%;
        aspect-ratio: 3 / 2;
        border-radius: 0.8rem;
        transform: scale(1.01);
        
        background-image: url(https://pic.rutube.ru/video/2025-01-31/d2/bf/d2bfd29c72177ac1891c346fe2693784.jpg?width=1080);
        background-size: cover;
        background-position: center;
    }
    
    .video-card-item__date {
        display: flex;
        justify-content: space-between;
        color: #919191;
        font-size: 0.7rem;
        font-weight: 400;
        padding: 0 16px;
        margin-top: 16px;
    }
    
    .video-card-item__title {
        color: var(--color-text);
        padding: 8px 16px;
        margin-bottom: 16px;
        line-height: 1.2;
        font-size: 0.9rem;
        font-weight: 700;
        height: 60px;
        overflow: hidden;
    }
}

.video-page-list-params {
    li {
        padding: 5px 0;
        border-bottom: 1px solid var(--color-border);
        
        &:last-child {
            border: none;
        }
    }
    .video-page-list-params__icon {
        color: #cdcdcd;
        margin-right: 10px;
    }
}

.uppercase {
	text-transform: uppercase;
}

.emergency {
	margin-top: 1em;
}

.emergency .title {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.5em;
}

.emergency .organization:before {
	display: inline-block;
	content: '○';
	color: #c9614e;
	font-size: 1.1em;
	margin: 0 0.4em 0 0;
}

.emergency li {
	line-height: 3em;
	border-bottom: 1px solid #9e9e9e
}

.emergency li:last-child {
	border: none;
}

.emergency .organization {
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.2em;
	width: 50%;
}

.emergency .phone {
	font-size: 1.1em;
	color: #00bcd4;
}

.emergency .phone a {
	color: inherit;
}

.emergency .phone a:hover {
	text-decoration: underline;
}

.emergency .collapsible .organization {
	width: 100%;
}

.emergency .collapsible .phone {
	margin-left: 2.5em;
}

.emergency .phone.collapsible-body {
	font-size: 1.3em;
	margin-left: 2em;
	line-height: 1.3em;
	padding: 1em 0;
}

header.hide-on-med-and-up {
	margin-bottom: -2em;
	background: white;
}

header.hide-on-med-and-up .header_title {
	font-size: 1.3em;
	line-height: 1.4em;
}

header.hide-on-med-and-up:after {
	background: none;
}

header.hide-on-med-and-up .row {
	margin-bottom: 0;
}

header .collapsible-header {
	background: #71a857;
	color: white;
}

header .collapsible-header .title {
	position: relative;
	top: 0.1em;
	line-height: 2.3em;
}

header.hide-on-med-and-up .logo {
	padding: 0;
}

.socnet_topline {
	display: inline-block;
	/* float: right; */
}

.socnet_topline a {
	color: white;
}

.socnet_topline .fa {
	float: none;
	display: inline;
}

.pagetitle_with_icon {
	position: relative;
	padding-bottom: 0.75em;
}

.pagetitle_with_icon .fa {
	font-size: 2.6em;
	color: #00bcd4;
}

.pagetitle_with_icon .white-bg {
	margin-left: 4.2em;
}

.pagetitle_with_icon .white-bg h1 {
	white-space: nowrap;
	overflow: hidden;
}

.pagetitle_with_icon .white-bg-with-icon {
	position: absolute;
	left: 0;
	margin-left: 0;
	padding: 0;
	width: 3.6em;
	height: 3.6em;
	line-height: 3.8em;
	text-align: center;
}

.pagetitle_with_icon .white-bg-with-icon .fa {
	line-height: 1.4em;
}

.single_object h2 {
	text-transform: uppercase;
	font-size: 1.6em;
	margin: 0;
}

.news_content h2 {
	text-transform: uppercase;
	font-size: 30px;
	margin: 0;
}

.news_content h1 {
	text-transform: none;
	line-height: 1.5em;
	padding-bottom: .5em;
}

.news_content .cat {
	text-transform: uppercase;
}

.news_content .time {
	margin-left: 3em;
}

.image_container {
	margin: 5px 0 10px 10px;
	height: 10em;
	background-size: cover;
	background-position: 50% 50%, 50% 70%;
	max-width: 100%;
	overflow: hidden;
	padding: 0 !important;
}

.image_container img {
	position: relative;
	z-index: -1;
}

.news_content .smallfont {
	font-size: 0.9em;
}

.news_content .newsFiles,
.news_content .chips {
	margin: 1.4em 0;
	color: #858585;
	border: none;
	padding: 0;
	min-height: auto;
}

.news_content .newsFiles a {
	font-size: 1.2em;
}

.newsFiles a:hover {
	color: #c9614e;
}

@media only screen and (min-width: 769px) {
	.news_content {
		margin: 0;
	}
}

@media only screen and (min-width: 1540px) {
	.news_content {
		margin: 1.5em 1.7em;
	}
}

@media only screen and (min-width: 1025px) {
	.news_content {
		margin: 2em 2.5em;
	}
}

.orgList {
	margin-top: 0.75em;
	float: left;
	width:100%;
}

.orgList .org {
	position: relative;
	padding-top: 0px !important;
}

.orgList .org .orgIcon {
	font-size: 2em;
	border: solid #9e9e9e 1px;
	border-radius: 1.5em;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	margin: -0.2em 0.5em 0 -0.2em;
}

.orgList .org .row {
	margin-left: 5em;
	margin-right: 2em;
}

.orgList .org .title {
	font-size: 1.1em;
}

.orgList .org .address,
.orgList .org .phone {
	font-size: 0.9em;
	color: #9e9e9e;
	float: left;
	padding-left: 1.3em;
	position: relative;
}

.orgList .org .address .fa-map-marker {
	position: absolute;
	left: 0;
	top: 1em;
}

.orgList .org .right_arrow {
	font-size: 2em;
	font-weight: bold;
	position: absolute;
	right: 25px;
	top: 50%;
	line-height: 0;
}

.orgList .org .col {
	padding-bottom: 0;
}

@media only screen and (max-width: 600px) {
	.orgList .org .row {
		margin-left: 0;
	}
	footer .col:last-child {
		margin-top: 2em;
		text-align: left;
	}
	footer .col:last-child hr {
		left: -10%;
	}
}


.orgPage .image_container {
	margin: 0;
	display: block;
}

.smallPadding {
	padding: 0.45em;
}

.smallPadding .col {
	padding: 0.3em !important;
}

.orgContent {
	padding: 0.75em;
	text-align: justify;
}

.orgTile {
	background: none;
	box-shadow: none;
}

.orgTile.card {
	margin: 0;
	overflow: hidden;
}

.orgTile .card-reveal {
	color: white;
	background: rgba(202, 98, 78, 0.78);
	overflow: hidden;
}

.orgTile .card-reveal a {
	color: white;
	font-size: 1.5em;
	height: 8em;
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	border: 1px solid #f3f3f3;
	padding: 1em;
}

.orgTile .card-reveal a .fa {
	margin-top: 1.5em;
}

.orgTile .white-bg {
	height: 15em;
}

.orgTile hr {
	border: 0;
	border-top: solid #9e9e9e 1px;
	margin: 0.1em;
}

.orgTile:first-child {
	display: inline-block !important;
	width: 100% !important;
	height: 15em !important;
}

.orgPage .col:nth-of-type(4) {
	margin-right: 0.3em;
	margin-top: -0.1em;
	margin-bottom: 0.3em;
}

.orgPage .col:nth-of-type(3) {
	margin-bottom: 0.1em;
}

.orgDataRow {
	position: relative;
}

.orgDataRow .fa {
	color: #9e9e9e;
	position: absolute;
	font-size: 1.3em;
	margin: 0.7em 0 0 0.6em;
}

.orgDataRow .data {
	display: table-cell;
	vertical-align: middle;
	padding-left: 3em;
	height: 3em;
}

.orgDataRow a:hover {
	color: #c9614e;
}

.news .data {
    margin-top: 10px;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	/* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.button-collapse {
	color: var(--color-1);
	line-height: 100%;
	font-weight:bold;
}

.white-bg.button-collapse span {
	text-transform: uppercase;
	font-size: 1.6em;
	line-height: 1;
}

.button-collapse .fa {
	padding-right: 0.5em;
}


.material-tooltip {margin-top:-10px;}
.material-tooltip .backdrop {
	background-color: #70a856;
}

.modal .close {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	background: red;
}

.close_modal {
	display: none;
	position: fixed;
	top: 10%;
	width: 50px;
	height: 50px;
	z-index: 2000;
	margin-left: 50%;
	cursor: pointer;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
	will-change: opacity;
	text-align: center;
}

.close_modal .fa {
	color: white;
	font-size: 30px;
	line-height: 50px;
}

.modal-overlay {
	opacity: 0.8 !important;
}

.modal2_text {
	display: none;
	position: fixed;
	top: 10%;
	z-index: 2000;
	margin-left: 50%;
	cursor: pointer;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
	opacity: 0;
	will-change: opacity;
	font-size: 1.2em;
	color: white;
}

#modal2 {
	max-width: 80%;
	max-height: 80%;
	width: auto;
	height: auto;
}

#modal1 {
	overflow: hidden;
	width: 660px;
	height: 478px;
	z-index: 1003;
	display: none;
	opacity: 0;
	transform: scaleX(0.7);
	top: 286.957px;
	border: solid lightgray 10px;
	max-width: 100%;
	background:white url("/assets/img/nofoto2.png") center center;
}

.close_modal_btn {
	display: block;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 50px;
	height: 50px;
	
	font-size: 3em;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 50%;
	border:solid #e3e3e3 1px;
	text-align: center;
	line-height: 50px;
	pointer-events: all;
	z-index: 10000;
	color: #436c52;
	cursor: pointer;
	transition:all 0.3s
}
.close_modal_btn:hover {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	font-size: 4em;
}


.titleOnImage .tint {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

.titleOnImage .title {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 60%;
	margin: -10% 0 0 0;
	padding: 0 2.5em;
}

.titleOnImage h1 {
	font-size: 2em;
	color: white;
}

.titleOnImage .data {
	position: absolute;
	left: 2.5em;
	bottom: 1em;
}

.titleOnImage .data * {
	color: white !important;
}

.titleOnImage .data .time {
	margin-left: 1.5em;
}

@media only screen and (max-width: 850px) {
	.titleOnImage {
		padding-bottom: 60%;
	}
	.titleOnImage .title {
		margin-top: -15%;
	}
	.titleOnImage h1 {
		font-size: 1.5em;
		max-height: 4.3em;
		overflow: hidden;
	}
	.titleOnImage .data {
		bottom: 0.5em;
	}
/* 	
	.white-bg {
	    padding: 1em;
	}
	
	.white-bg.bigBlock {
	    padding: 1em;
	} */
}

@media only screen and (max-width: 1280px) {
	.safety .title {
		height: 3em
	}
}

.empty_banner {
	height: 490px;
	background: url(/assets/img/adblock.png) 50% 50% no-repeat;
}

.content .row .col.grid {
	width: 100%;
	margin: 0;
	padding: 0;
}

.col.grid-item {
	margin-bottom: 1.5em;
}

.videoPageTitle .white-bg {
	padding: 1em;
}

.safety .title {
	margin: 1.5em 0 1em;
}

.safety .img_container,
.org_cat .img_container {
	-webkit-filter: grayscale(1);
	/* Webkit браузеры */
	filter: gray;
	/* для IE6-9 */
	filter: grayscale(1);
	/* W3C */
	-webkit-transition: all 1000ms;
}

.safety:hover .img_container,
.org_cat:hover .img_container {
	-webkit-filter: grayscale(0);
	/* Webkit браузеры */
	filter: none;
	/* для IE6-9 */
	filter: grayscale(0);
	/* W3C */
}

.safety-page .pagetitle {
	margin-bottom: 0.5em;
}

.safety-page .image_container {
	margin-top: 0;
}

.orgPage .white-bg,
.safety-page .white-bg {
	padding: 1em;
}

.safety-page strong {
	font-size: 1.2em;
	text-align: left;
}

.sidenav .white-bg {
	box-shadow: none;
}

.sidenav .close {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
	height: 1em;
	font-size: 3em;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 0.5em;
	text-align: center;
	line-height: 1em;
	border: none;
	pointer-events: all;
	z-index: 10000;
	color: #436c52;
}


/* @media only screen and (max-width: 992px) {
	.safety-page .image_container {
		margin: 0
	}
	
	.logo-line .logo {
		width:100px;
	}
	.logo-line .title {font-size:1rem}
	.logo-line .title .ramenki {font-size:2rem}
	body {margin-top:110px;}		
} */

/* @media only screen and (max-width: 660px) {
	#small_menu .logo-line {
		height:71px;
	}
	.logo-line .logo {
		width:60px;
	}
	.logo-line h1 {line-height:1.2em}
	.logo-line h1 a .title {
		font-size:.7rem;
		padding-top:8px;
	}
	
	.topmenu-row {
		margin-top: 6rem;
	}

	body {margin-top:70px;}
	
}
	*/

#recaptchaForm .white-bg {
	position: relative;
}

#recaptchaForm .step {
	position: absolute;
	left: 0.4em;
	top: -0.4em;
	width: 1.3em;
	height: 1.3em;
	font-size: 3em;
	border-radius: 1em;
	background-color: #00bcd4;
	color: white;
	font-family: 'Times New Roman', Times, serif;
	text-align: center;
	line-height: 1.3em;
}

#recaptchaForm .title {
	color: #00bcd4;
	border-bottom: solid #eeeeee 2px;
	font-size: 1.3em;
	padding: 0 0 0.5em 4.5em;
}

#recaptchaForm .row_title_container {
	display: table;
	min-height: 3.5em;
}

#recaptchaForm .row_title {
	text-align: left;
	display: table-cell;
	font-size: 1.2em;
	margin-bottom: 0.5em;
}

@media only screen and (max-width: 992px) {
	#recaptchaForm .row_title {
		text-align: left;
	}
}

#recaptchaForm .input-field {
	margin-top: 0;
}

#recaptchaForm .select-wrapper .disabled {
	display: none
}

#recaptchaForm .select-wrapper span.caret {
	color: #00bcd4;
	font-size: 1em;
}



/* Firefox 19+ */

#recaptchaForm input:-moz-placeholder {
	color: #9e9e9e;
}


/* Firefox 18- */

#recaptchaForm input:-ms-input-placeholder {
	color: #9e9e9e;
}

#recaptchaForm .input-field.col label {
	left: 0;
	line-height: 1em;
	height: 1em;
	padding-left: 2em;
	padding-right: 0.3em;
	color: #00bcd4;
	top: 0.4em;
}

#recaptchaForm .input-field.col label:last-child {
	padding-right: 0;
}


#recaptchaForm [type="checkbox"].filled-in:checked+label:after {
	width: 15px;
	height: 15px;
	border: 1px solid #00bcd4;
	background-color: #00bcd4;
	z-index: 0;
}

#recaptchaForm [type="checkbox"].filled-in:checked+label:before {
	width: 5px;
	height: 10px;
}

#recaptchaForm .multirow {
	margin-top: -0.8em;
}

#recaptchaForm hr {
	width: 60%;
	border-width: 2px;
}


#recaptchaForm .error input,
#recaptchaForm .error .select-wrapper input.select-dropdown,
#recaptchaForm .error textarea.materialize-textarea {
	border-bottom-color: #c9614e;
}

#recaptchaForm .error .select-wrapper span.caret {
	color: #c9614e;
}

#recaptchaForm .error input#child_addr_korp,
#recaptchaForm .error input#child_addr_flat {
	border-bottom-color: #00bcd4;
}

#recaptchaForm .error [type="checkbox"].filled-in:not(:checked)+label:after {
	border: 2px solid #c9614e;
}


#recaptchaForm .error_text {
	display: none;
	position:absolute;
	right: 1rem;
    top: 54px;
	background-color: #c9614e;
	color: white;
	text-align: center;
	border-radius: 3px;
	padding: 0.3em !important;
	width: 20% !important;
}

#recaptchaForm .error .error_text {
	display: block;
	height: 3em;
	z-index: 10;
	line-height: 3em;
	padding: 0 !important;
}

#modal_zapdetsad_success {
	padding: 2em;
	width: 50%;
}

#modal_zapdetsad_success .btn {
	background: #70a856;
}

#modal_zapdetsad_success .btn:hover {
	background: #c9614e
}

/*---------------------------------------------------------------------------------------------------------- совет.троицк.рф/депутаты
*/

/* .citizens_page .year_container .year_title {
	color: #9e9e9e;
	font-size: 2em;
	line-height: 1em;
} */

.citizen-page__page-title {
	 margin-bottom: 20px;
}

.deputyCard {
    display: flex;
	height: 218px;
    border-radius: 0.8rem;
	margin-bottom: 20px;
	box-shadow: none;
	border: 1px solid var(--color-border);
    overflow:hidden;


	.card-image {
		max-width: 35%;
		background-size: cover;
        background-position: 50% 50%;
        
        img {
            z-index: -1;
            opacity: 0;
        }

		/* .citizen .card-image img {
			max-height: 219px;
		} */
	}

	.card-stacked {
		padding-bottom: 12px;

		.card-content {
			overflow: hidden;
			line-height: 1.1;
			padding: 20px;
		}

		.name {
			color: var(--color-text);
			font-size: 1.2rem;
			font-family: 'GolosTextWebBold';
			margin-bottom: 0.5em;
			
		}

		.description {
			color: var(--color-text);
			opacity: .7;
			font-size: 0.9rem;
			font-weight: 400;
		}
	}
	
	@media screen and (max-width: 992px) {
	    height: 320px;
	    
	    .card-image {
		    max-width: 30%;
	    }
	}

	@media screen and (max-width: 600px) {
	    height: auto;
	    flex-direction: column;
	    
	    .card-image {
		    max-width: 100%;
	    }
	    
		.name {
			line-height: 1.1em;
		}
	}
	
	
}

/* .commission-card {
	height: 300px;
	-webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 5px;
    overflow:hidden;
}

.commission-card h5 {
    font-size: 1em;
	border-left: 3px var(--color-3) solid;
	padding-left: 5px;
}

.commission-card b {
	font-size: 0.8em;
} */

#range {
	margin: 3em 1em;
}


/*.noUi-tooltip {font-size:0;}*/

.noUi-value-horizontal {
	-webkit-transform: translate3d(-50%, 70%, 0);
	transform: translate3d(-50%, 70%, 0);
}

.noUi-pips-horizontal {
	left: 4px;
}

.noUi-tooltip,
.noUi-handle,
.noUi-connect {
	background-color: #00bcd4 !important;
}


/*
.noUi-target.noUi-horizontal .noUi-tooltip {
    border-radius: 15px 15px 15px 0 !important;
    transform: rotate(-45deg) translate(23px, -25px) !important;
}

.noUi-target.noUi-horizontal .noUi-tooltip {
  left:4px !important;
}

.noUi-horizontal .noUi-handle {
  width: 15px !important;
  height: 15px !important;
  left: -5px !important;
  top: -6px !important;
}
*/

.noUi-vertical {
	height: 400px;
	margin-left: 3em;
}

.mer_biography_page .content {
	margin-top: 0;
}

.mer_biography_page .popper {
	position: relative;
	margin-left: 0.75em;
}

.mer_biography_page .foto_abs {
	position: absolute;
	left: 2.25em;
	top: 7px;
}

.mer_biography_page .title_abs {
	margin-left: 275px;
	padding-left: 0.75em;
}

.mer_biography_page .cite_container,
.mer_biography_page .socnet {
	margin-left: 275px;
}

.mer_biography_page .title_abs {
	font-size: 2.5em;
	line-height: 1.5em;
	text-transform: none;
}

.mer_biography_page .cite_container {
	border-bottom: solid #9e9e9e 1px;
}

.mer_biography_page .cite {
	display: block;
	font-style: italic;
	height: 76px;
	overflow: hidden;
	font-size: 1em;
}

.mer_biography_page .facsimile {
	text-align: right;
	color: #00bcd4;
	font-size: 1em;
}

/*
.mer_biography_page .socnet {
	color: #9e9e9e;
	font-size: 0.8rem;
	margin-top: 0.5rem;
	margin-bottom: 1em;
}

.mer_biography_page .socnet .fa {
	display: block;
	float: left;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 2em;
	font-size: 1.1em;
	color: white;
	border-radius: 1em;
	margin-right: 0.5em;
}

.mer_biography_page .socnet .fa-facebook {
	background-color: #206189;
}

.mer_biography_page .socnet .fa-instagram {
	background-color: #82694b;
}

.mer_biography_page .socnet .fa-twitter {
	background-color: #00b1e3;
}

.mer_biography_page .socnet .fa-vk {
	background-color: #1f618b;
}
*/
.mer_biography_page .bio .title {
	margin: 1em 0;
}

.mer_biography_page .bio .item {
	margin: 1em 0;
	position: relative;
	background: linear-gradient( 90deg, #ffffff 0, #ffffff 2.8em, #c9614e 2.9em, #ffffff 3.0em, #ffffff 100%);
	min-height: 3em;
}

.mer_biography_page .bio .year {
	position: absolute;
	padding: 0 0.75em;
	font-size: 1.5em;
	color: #c9614e;
	background: white;
	width: 4em;
}

.mer_biography_page .bio .text {
	margin-left: 6em;
}

@media only screen and (max-width: 850px) {
	.mer_biography_page .title_abs {
		padding-top: 320px;
	}
	.mer_biography_page .title_abs,
	.mer_biography_page .cite_container,
	.mer_biography_page .socnet {
		margin-left: 0;
	}
}

@media only screen and (max-width: 600px) {
	.mer_biography_page .bio .item {
		background: none;
	}
	.mer_biography_page .bio .item .text {
		margin-left: 0;
	}
	.mer_biography_page .bio .year {
		position: relative;
		padding: 0 0.75em;
		font-size: 1.5em;
		color: #c9614e;
		background: white;
		width: auto;
		float: left;
	}
	.news .img_container {
    	height: 230px;
    	margin: -20px;
    	margin-bottom: 12px;
    	background-size: cover;
    	background-position: top;
    }
}

.genplan .img_container {
	height: 16em;
	position: relative;
}

.genplan .title {
	height: 4.5em;
}

.genplan .ext_size {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 10px;
	color: white;
}

.genplan .tint {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	will-change: opacity;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

.genplan:hover .tint {
	opacity: 0.5;
}


.news_images .col {
	height:213px;
}
.images .material-placeholder {
	position: relative;
}
.images .material-placeholder .camera {
	width:100%; height:100%;
	position:relative;
}
.images .material-placeholder:after {
	content:'\f030';
	font: normal normal normal 40px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position:absolute;
	left:5%; bottom:5%;
	color:white;	
}

.images .material-placeholder:hover:after {
	content:'\f00e';
}

.images img {
	margin-bottom: 0.75em;
}

.images .active .fa {
	display: none;
}

.images .fa {
	background: #ca624e;
	font-size: 1.5em;
	color: white;
	border-radius: 3em;
	width: 2.2em;
	height: 2.2em;
	line-height: 2.2em;
	text-align: center;
	margin-top: 21%;
}

.images .tint:hover {
	opacity: 0.9;
}

.images .tint {
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	opacity: 0;
	transition: opacity 1s;
	will-change: opacity;
	cursor: pointer;
}

.images .tint .fa {display:none}
.images .material-placeholder:last-child img {margin-bottom:0}


.materialboxed.active {
	cursor: pointer;
}

.images .close.active {
	opacity: 1;
	display: block;
}

.images .close {
	display: none;
	opacity: 0;
	transition: opacity 1s;
	will-change: opacity;
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
	height: 1em;
	font-size: 3em;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 0.5em;
	text-align: center;
	line-height: 1em;
	border: none;
	cursor: pointer;
	z-index: 1001;
	color: #436c52;
}

.images .close.active {
	display: block;
	opacity: 1;
}

.green-dot li {
	margin-left: 24px;
	position: relative;
}

.green-dot li:before {
	color: #7CB342;
	content: "\25CF";
	padding-right: 10px;
	font-size: 24px;
	left: -24px;
	top: -9px;
	position: absolute;
}

a.white-btn {
	display: block;
}

.modal-overlay {
	top: 0;
}

#refreshTags {
	cursor: pointer;
}

#refreshTags:hover {
	color: #c9614e
}

.hint-button {
	background: url(/assets/img/hint.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	cursor: pointer;
	width: 30px;
	height: 30px;
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-left: 10px;
	position: absolute;
	right: -35px;
	top: 0;
}

.error .hint-button {right: -220px;}

.hint-button:hover {
	background-position: 0 -40px;
}

.hint-button:hover .hint {
	display: block;
}

.hint {
	display: none;
	border: 1px #d9e5e7 solid;
	position: absolute;
	background: #fff;
	width: 270px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #5c6471 !important;
	font-size: 14px;
	line-height: 20px;
	z-index: 1000;
	top: -11px;
	right: 42px;
	box-shadow: 0 20px 20px rgba(88, 122, 118, 0.3);
	padding: 16px 16px 16px 16px;
	text-align: left;
}

.hint a:hover {
	color: #c9614e;
}

.hint.hint-left::before {
	display: block;
	content: "";
	position: absolute;
	top: 14px;
	right: -12px;
	width: 12px;
	height: 24px;
	border-right: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/assets/img/grey-hint.png) top left no-repeat;
}

.deputyDistrict_btn {
    background:#d2d4d9;
	border-radius: 0.6rem;
}

.deputyDistrict_btn.active {background:var(--color-1);}

.deputies_page .btn-large {
	width: 19%;
	margin-right: 1%;
	background: #9e9e9e;
}

.deputies_page .btn-large.active {
	background: #00bcd4;
}

.deputies_page .btn-large:first-child {
	width: 20%;
}

.deputies_page .btn-large:last-child {
	margin-right: 0;
}

.deputies_page .modal {
	padding: 50px;
}

.deputies_page .modal img {
	width: 200px;
	float: left;
	margin: 0 50px 20px 0;
}

.deputy-description {margin-bottom: 20px;}
.deputy-data {margin-left:250px}
.deputy-address-title {
	margin: 20px 0;
    font-size: 20px;
}
.deputy-phone, .deputy-email, .deputy-address, .deputy-time  {
	border-bottom:solid #e2e2e2 1px;
	line-height:2.5em;
}

.deputy-time  {
	border-bottom: none;
}
.deputy-content li {
	position: relative;
	padding-left: 16px;
}
.deputy-content li:before {
	content: '\f192';
	font: normal normal normal 12px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-size: .5rem;
	font-weight: 600;
	position: absolute;
	left: 1px;
	top: 8px;
	color: var(--color-1);
}

.deputy-phone:before, .deputy-email:before, .deputy-address:before, .deputy-time:before  {
	font: normal normal normal 14px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	color: var(--color-1);
	font-size: 1rem;
	margin-right: 10px;
	position: relative;
	top: 1px;
}

.deputy-phone:before {content: '\f10b';}
.deputy-email:before {content: '\f0e0';}
.deputy-address:before {content: '\f124';}
.deputy-time:before {content: '\f017';}


.deputy-ss {
	display:inline-block;
	width:40px; height:40px;
	line-height:40px;
	border-radius:10px;
	margin:5px;
	text-align:center;
	border:solid #e2e2e2 1px;
	color:#212121;
	font-size:1.5em;
	transition:all 0.2s;
}

.deputy-ss:hover {
	color:white;
	background:#00bcd4;
	border-color:#00bcd4;
}


.year-title {
	display: flex;
	align-items: center;
	gap: 20px;
	padding: 0.8rem;
	color: var(--color-border);
	.line {
		width: 100%;
		border-bottom: dashed 1px var(--color-border);
	}
}

.card-citizen {
	display: flex;
	border: 1px solid var(--color-border);
	border-radius: 0.8rem;
	margin-bottom: 20px;

	.card-citizen__image-container {
		flex: 0 0 30%;
        aspect-ratio: 4 / 5;
		background-size: cover;
		background-position: top center;
		background-repeat: no-repeat;
		border-radius: 0.8rem;
	}

	.card-citizen__content {
		padding: 20px;
	}

	.card-citizen__year {
		font-weight: 700;
		margin-bottom: 20px;
	}

	@media screen and (max-width: 600px) {
		flex-direction: column;
	}
}

.commission-container {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;

	.commission-card {
		max-width: calc(50% - 10px);
		min-width: calc(40% - 10px);
		background: var(--color-5);
		border: 1px solid var(--color-border);
		border-radius: 0.8rem;
		overflow: hidden;
		
		.commission-card__title {
			border-bottom: 1px solid var(--color-border);
			padding: 20px;
			background-color: var(--color-4);
		}

		.commission-card__content {
			padding: 20px;
		}
	}

	@media screen and (max-width: 800px) {
		.commission-card {
			max-width: 100%;
		}
	}
}


.okrugCube {
	display:block;
	position:relative;
	padding-left:60px;
	padding-right:90px;
	line-height:50px;
	margin:10px 0;
	font-weight: bold;
    font-size: 1.2em;
        font-family: "magistral", sans-serif;
}
.okrugCube:before {
	content:"";
	display:block;
	position:absolute;
	left:0;
	width:50px;
	height:50px;
	opacity:0.5;
}
.okrugCube.okrug1:before {background:#00ff00}
.okrugCube.okrug2:before {background:#000000}
.okrugCube.okrug3:before {background:#0000ff}
.okrugCube.okrug4:before {background:#ff0000}

.okrugMarkers .col {
	position:relative;
	margin-top:30px;
	padding-left:80px !important;
}
.okrugMarkers img {
	width:48px;
	height:48px;
	position:absolute;
	left:10px; top:7px;
}

.slider .indicators .indicator-item {
	background: none;
	border: solid white 2px;
}

.slider .indicators .indicator-item.active {
	background: white
}

.valigntop td {
	vertical-align: top
}

.krk-page .bgblue {
	margin: 1em 0 1em 1em !important;
	padding: 1.5em !important;
}

.krk-page .file {
	margin-left: 2em;
	border: 0;
}

.krk-page .collapsible {
	box-shadow: none;
}

.logo-line.search:after {
	position: absolute;
	z-index: 1;
}

.logo-line.search h1,
.logo-line.search .fadeable {
	opacity: 0;
}

.logo-line.search:before {
	opacity: 0.8;
}

.logo-line.search:after {
	opacity: 0.4;
}

.logo-line .container {
	position: relative
}

select, textarea, input[type="text"], input[type="number"], input[type="password"], input[type="email"] {
    width: 100%;
    height: 40px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    padding: 0 15px;
    font-size: 1rem;
    color: #000;
    transition: .1s ease-in-out;
    margin-bottom:1rem;
    outline:none;
}

textarea {
	height:100px;
	padding:10px;
}

#search_form {
	height: 48px;
	background: #ffffffce 0% 0% no-repeat padding-box;
	border-radius: 0.6rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 20px;
	padding-right: 0;
	line-height: 48px;
	width: 100%;
	max-width: 600px;

	input {
		width: 100%;
		height: 48px;
		border: none;
		background: none;
		outline: none;
		line-height: 48px;
		font-size: 16px;
	}

	.search-button {
		width: 40px;
		height: 40px;
		border: none;
		cursor: pointer;
		background-color: transparent;
		border-radius: 50%;
		margin: 2px 5px;
		font-size: 1rem;
	}
}

.reception-schedule-list {
	border-radius: 0.8rem;
}




@media only screen and (max-width: 1280px) {
	#search_form {width:300px}
}


.search-page h3 {
	font-size: 1.5em
}

.telephone {
	white-space: pre;
}

.map_baloon {
	width: 500px
}

.map_baloon img {
	width: 300px;
	float: left;
	margin-right: 10px;
}

#listTab {
	margin-top: -0.75em;
}

.sovetniki_page .card {
	box-shadow: none;
	border: solid #cccccc 1px;
}

.sovetniki_page .map_baloon img {
	width: 200px;
}

.dej-sluj {
	box-shadow: none;
	padding: 0;
}

.dej-sluj .collapsible-header {
	font-size: 1.4em;
	padding: 0.5rem 2rem;
	position: relative;
}

.dej-sluj .collapsible-header:before {
	content: '\f107';
	position: absolute;
	right: 2rem;
	top: 0.8em;
	font: normal normal normal 14px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	font-size: 1.6rem;
	color: #9e9e9e;
	-moz-transition: transform 0.3s;
	-ms-transition: transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	will-change: transform;
}

.dej-sluj .collapsible-header.active:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.dej-sluj .collapsible-body {
	padding: 0.5rem 2rem;
	background: #f3f3f3;
	padding-bottom: 5em;
	width:100%;
}

.dej-sluj .subtitle {
	margin: 0.7em 0;
}

.dej-sluj a {
	font-size: 1.4em;
	color: #c9614e;
	margin-right: 1em;
}

.glasses {
	display: inline-block;
	width: 37px;
	height: 37px;
	background: url(/assets/img/glasses.png) left top no-repeat;
	background-size: cover;
	position: relative;
	top: 9px;
}


.freeze {height:100%; overflow:hidden;}
.scrollable {
	height:100%;
	overflow:scroll;
}

.scrollable.menuRow {background:rgba(255,255,255,0.7) !important;}
#small_menu {
	z-index:100;
}
.blinder {
	display:none;
	position:fixed;
	left:0; top:0;
	width:100%; height:100%;	
	background:rgba(255,255,255,0.7);
}


.vac {
	box-shadow:none;
	border:none;
}
.vac li {
	margin-bottom:.75rem;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.vac .collapsible-header {
	line-height:1;
	padding:20px 40px;
}
.vac .collapsible-header .date {
	color:#9e9e9e;
	font-size:.9em;
	font-family: sans-serif;
}














.low-vision .btn, .low-vision .btn:active, .low-vision .btn:hover, .low-vision .btn:focus {
	color:black !important;
	background-color:white;
	border:solid black 2px;
}

.low-vision .slider-row {
	display:none;
}

.low-vision .logo-line ul li a {
	color:white !important;
}

.low-vision .glasses {
	width: 50px;
	height: 50px;
	background-position: -50px 0;
	top: 13px;
}

.low-vision {
	font-size: 19px;
}

.low-vision img,
.low-vision .img_container,
.low-vision .image_container,
.low-vision .card-image,
.low-vision .newsImage,
.ya-share2 {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.low-vision .mer_biography_page img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none;
	filter: none;
}


.low-vision .my-breadcrumbs li:first-child a {
	background: black;
	color:white !important;
}
.low-vision .my-breadcrumbs li:first-child a:before, .low-vision .my-breadcrumbs li:first-child a:after {
  border-color:black;
}

.low-vision .content h4,
.low-vision h3,
.low-vision h2,
.low-vision .cat,
.low-vision .grey-text.text-lighten-3,
.low-vision .slider .slides li .caption,
.low-vision .slider .slides li .caption .slider-border .btn-flat,
.low-vision .slider-control .slider-control-left,
.low-vision .slider-control .slider-control-right,
.low-vision .white-btn,
.low-vision .history-page p,
.low-vision .history-page ul,
.low-vision .green-dot li:before,
.low-vision .breadcrumb,
.low-vision a,
.low-vision .year_title,
.low-vision .noUi-pips,
.low-vision .mer_biography_page .bio .year,
.low-vision .colorgray,
.low-vision .colorblue,
.low-vision .facsimile,
.low-vision .position,
.low-vision .admin_assistants,
.low-vision .citizen .description,
.low-vision .titleOnImage h1,
.low-vision .titleOnImage .data *,
.low-vision .filedate,
.low-vision .file,
.low-vision .orgList .org .address,
.low-vision .orgList .org .phone,
.low-vision .orgDataRow .fa,
.low-vision #recaptchaForm .title,
.low-vision #recaptchaForm .input-field.col label,
.low-vision #recaptchaForm .select-wrapper span.caret,
.low-vision .hint {
	color: #212121 !important;
}

.low-vision .top-line,
.low-vision .top-line a,
.low-vision .btn-main,
.low-vision .owl-next,
.low-vision .owl-prev,
.low-vision .poll-answers .progress .determinate,
.low-vision .mosru_widget_r .mosru_header,
.low-vision .mosru_widget_r .mosru_footer,
.low-vision .noUi-marker-large,
.low-vision .noUi-tooltip,
.low-vision .noUi-handle,
.low-vision .noUi-connect,
.low-vision .deputies_page .btn-large.active,
.low-vision #recaptchaForm .step {
	background: #212121 !important;
	color: white !important;
}

.low-vision .navigation,
.low-vision .nav-secondary {
	background: white !important;
	font-weight: bold;
}

.low-vision .nav-secondary {
	border: solid black 2px;
}

.low-vision .slider .slides li .caption {
	background: rgba(255, 255, 255, 0.78) !important;
}

.low-vision a {
	text-decoration: underline !important;
}

.low-vision .poll-answers .progress {
	background: white;
}

.low-vision blockquote {
	border-color: #212121;
}

.low-vision .citizen {
	height: 300px;
}

.low-vision .mer_biography_page .bio .item {
	background: linear-gradient( 90deg, #ffffff 0, #ffffff 2.8em, #212121 2.9em, #ffffff 3.0em, #ffffff 100%);
}

.low-vision .deputies_page .btn-large {
	background: white;
	color: #212121;
	border: solid black 2px;
}

.low-vision .bgblue,
.low-vision #recaptchaForm .submit {
	background: white !important;
	color: #212121;
	border: solid black 2px;
	font-size: 1.1em;
}

.low-vision .titleOnImage {
	background: none !important;
}

.low-vision .titleOnImage .tint {
	display: none
}

.low-vision #recaptchaForm input,
.low-vision #recaptchaForm .select-wrapper input.select-dropdown {
	border-bottom: solid #212121 2px;
}

.low-vision footer {
	background: white;
    border-top: solid black 5px;
}

    
.low-vision footer * {
	color: black !important
}

.up-arrow {
	display: block;
	z-index: -1;
	opacity: 0;
	position: fixed;
	bottom: 40px;
	right: 15px;
	color: white !important;
	transition: all .3s ease-out;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	cursor: pointer;
	border-radius: 3px;
	width: 50px;
    height: 50px;
	background-color: #a7a7a7;
	text-align: center;
	line-height: 50px;
	font-size: 20px;
}

.up-arrow .fa {
	background-color: #00bcd4;
	width: 50px;
	height: 50px;
	font-size: 2rem;
	text-align: center;
	line-height: 50px;
	color: white;
}

.ifBannerBlocked {
	display: none;
}

header.hide-on-med-and-up .menuRow {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
	background: white;
}

header.hide-on-med-and-up .logoRow {
	margin-top: 64px;
}

.grecaptcha-badge {
	bottom: 100px !important;
	z-index: 2
}

.reception {
	display: none
}
.reception .row {position:relative}

.reception [type="radio"]+label:before,
.reception [type="radio"]+label:after {
	top: -4px;
}

.reception [type="radio"]:checked+label:after,
.reception [type="radio"].with-gap:checked+label:after {
	background: #00bcd4;
}

.reception [type="radio"]:checked+label:after,
.reception [type="radio"].with-gap:checked+label:before,
.reception [type="radio"].with-gap:checked+label:after {
	border-color: #00bcd4;
}

.reception .jurfield {
	display: none;
}

.hidden {
	display: none
}

#filesContainer {
	overflow:hidden;
}
#filesContainer .row, #filesContainer .input-field, .file-field {
	margin-bottom:0;
}

#filesContainer .input-field {
	padding-top:0;
}

.file-field .btn {
	position: relative;
	height: 36px;
	line-height: 36px;
	float: none;
}

.file-field input[type=file] {
	position: absolute;
	left: -1000px;
	width: 2000px;
	font-size: 50px;
}

.file-field .file-path-wrapper {
	overflow: visible;
	padding: 0;
	padding-top: 0;
}
.file-field input.file-path {
	border:none !important;
	box-shadow:none !important;
	height:1.5rem;
	line-height:1.5rem;
	margin-bottom:0;
}

.fileError .file-field input.file-path {
	color:red;
	border-color:red !important;
}

#addFileBtn {
	-ms-user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}



.file-field input.file-path {
	width: 100%;
    height: 40px;
    border: 1px solid #d9d9d9 !important;
    border-radius: 8px;
    padding: 0 15px;
    font-size: 1rem;
    color: #000;
    transition: .1s ease-in-out;
    margin-bottom: 1rem;
    outline: none;
    padding-right:100px;
}

.btnWhiteGreen, .btnWhiteGreen:hover, .btnWhiteGreen:active {
	border: 1px solid var(--color-1);
    border-radius: 8px;
    color:var(--color-1);
    background:white;
}

.file-field .del-btn {
	position: absolute;
    right: 20px;
    line-height:40px;
    color: #bbb;
    cursor:pointer;
    font-size:.8em;
}

/*-------------------------------------------------------------------------------------------------- троицк.рф/биография
*/

.bio {
	display: flex;
	flex-direction: column;
	gap: 20px;

	.item {
		margin: 1em 0;
		position: relative;
		background: linear-gradient(90deg, #ffffff 0, #ffffff 2.8em, var(--color-3) 2.9em, #ffffff 3.0em, #ffffff 100%);
		min-height: 3em;

		.year {
			position: absolute;
			padding: 0 0.75em;
			font-size: 1.5em;
			color: var(--color-3);
			background: white;
			width: 4em;
		}

		.text {
			margin-left: 6em;
		}
	}
}

.glava_img {
	border-radius: 0.6rem;
}





.grecaptcha-badge {
	display: none
}


.shortNews .on-air-single p:hover {
	color: rgba(0,0,0,0.87);
	cursor:auto;
}
.shortNewsContainer {max-height:26.8em;overflow-y:scroll}


/* хром, сафари */
/*
.noscrollbar::-webkit-scrollbar { width: 0; }
.noscrollbar {
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
*/
.noscrollbar {
    overflow: hidden;
}
.noscrollbar_inner {
	margin-right: -18px;
	overflow-y: scroll;
    overflow-x: hidden;
    max-height:inherit;
}




.collapsible-header-with-galka, .vac .collaps-text {position: relative;}

.collapsible-header-with-galka:after, .vac .collaps-text:after {
	-webkit-transition: all 0.3s;
	width: 1em;
	height: 1em;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	content: '\f107';
	font: normal normal normal 14px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: absolute;
	right: 0.6em;
	top: 0.6em;
	font-size: 1.6em;
	text-align: center;
}
.collapsible-header-with-galka.active:after, .vac .active .collaps-text:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.vac {background:white;}
.vac h5 {margin-bottom:1em}
.vac .collaps-text {margin-left:50px}
.vac .collaps-text:after {
	right:-30px; top:-3px;
}
.vac .collapsible-body {
	background:white;
	padding:20px 40px;
	padding-bottom:100px;
	line-height:1.2;
	font-size:1.2em;
}
.vac .collapsible-body p {
	margin:0;
}

.ref_with_fa-bank {
	display:block;
	position:relative;
	padding: 10px 20px 10px 50px;
	border-bottom: solid #9e9e9e 1px;
	color:#212121;
}
.ref_with_fa-bank:hover {background:#e6e6e6;}
.ref_with_fa-bank:before {
	content: '\f19c';
	font: normal normal normal 18px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position:absolute;
	left:0; top:50%;
	margin-top:-9px;
	color: #9e9e9e !important
	}

table.align-top td {vertical-align:top}
h6 {font-weight:bold;font-size:1.2em}
.uchastkovie .title {font-size:1.2em; margin:0}


.tizer-block__banner {
	margin-top:0 !important;
	margin-bottom:0 !important;
}


.searchdoc_form .btn-reset {
	line-height:2.5em;
	padding-right:17px;
	color:#cecece;
}

/* .tizer-block__banner {
    position:relative;
    z-index:2;
}
.tizer-block__banner:before {
    position:absolute;
    z-index:-1;
    content:"mos.ru";
    width:100%; height:20px;
    text-align:center;
    left:0;top:50%;
    margin-top:-10px;
    font-size: 2em;
    color: lightgrey;
}
 */


#recaptchaForm .input-field.col label {
	left: 0;
	line-height: 1em;
	height: 1em;
	padding-left: 2em;
	padding-right: 0.3em;
	color: var(--color-1);
	top: 0.4em;
}

#recaptchaForm .input-field.col label:last-child {
	padding-right: 0;
}

#recaptchaForm [type="checkbox"].filled-in:not(:checked)+label:after {
	border: 1px solid #7d7d7d;
	border-radius: 0;
	width: 15px;
	height: 15px;
}

#recaptchaForm [type="checkbox"].filled-in:checked+label:after {
	width: 15px;
	height: 15px;
	border: 1px solid var(--color-1);
	background-color: var(--color-1);
	z-index: 0;
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
    background-color: var(--color-1);
}
[type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
    border: 2px solid var(--color-1);
}


.list-documents {
	.list-documents__item {
		background: #fff;
		padding: 20px;
		border: 1px solid var(--color-border);
		border-radius: 0.8rem;
		margin: 0 0 10px 0;
		
		.list-documents__date {
			color: #828282;
			font-size: 13px;
			font-weight: 400;
			margin-top: 10px;
		}
		
		.list-documents__title {
			font-size: 1rem;
			font-weight: 600;
			line-height: 1.1rem;
			margin: 10px 0;
		}
		
		.list-documents__description {
			margin-bottom: 10px;
			line-height: 1.1rem;
			font-size: .9rem;
		}
	}
}


.rightMenuRoundBtn {
	width:100%;
	padding:20px;
	text-transform:uppercase;	
}

#deputat option:first-of-type {
	background:#ffffff !important;
}

#deputat option:disabled {
	font-weight:bold;
	color:white !important;
	background:var(--color-1);
	font-size:.8em;
}

.collapsible.archives .collapsible-body {
	padding:10px 30px;
}

.collapsible.archives .file:last-of-type {
    margin-bottom:0;
}

.divider:last-of-type {
	background: none !important;
}

.pochetny {margin-bottom:3em;}


.sisea-result h3, .sisea-result h3 a{
	font-size: 2rem;
	color: var(--color-1);
	font-weight:bold;
}
.sisea-result .extract {
	margin-left:40px;
}

.collapsible.archives .collapsible-header {
	font-weight:bold;
	position:relative;
	padding-right:30px;
}

.collapsible.archives .collapsible-header:after {
	-webkit-transition: all 0.3s;
	width: 1em;
	height: 1em;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	content: '\f054';
	font: normal normal normal 14px/1 FontAwesome;
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	position: absolute;
	right: 10px;
	top: 20px;
	font-size: 1em;
	text-align: center;
}
.collapsible.archives li.active .collapsible-header:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}


.sisea-highlight {font-weight:bold;}

.hscroll-tbl-container {
	overflow-x: auto;
}

.copy-pt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pteam {
	display: inline-block;
    font-size: 1rem;
    color: rgba(0, 0, 0, 0.8);
    font-weight: 300;
    text-align: left;
    border-bottom: none;
    line-height: 1.5rem;
    opacity:.8;
    color:var(--color-header-text);
}

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

.pteam svg {
    height: 50px;
    margin-right: 10px;
}

.pteam svg path,
.pteam svg polygon {
    fill: var(--color-header-text);
}


.colors-container {
	position:fixed;
	left:-250px;
	top:200px;
	transition:left .3s;
	background:#00000075;
	color:white;
	padding:50px;
	z-index:100;
}

.colors-container .bootstrap {
	position:absolute;
	right:-50px; top:0;
	width:50px; height:50px;
	cursor:pointer;
	background:#00000055;
}

.colors-container .palette {
	display:block;
	width:150px; height:50px;
	margin:10px 0px;
}

.colors-container .palette .color {
	displaY:block;
	width:50px; height:50px;
	float:left;
}

.palette1 .color:nth-child(1) {background:#212529}
.palette1 .color:nth-child(2) {background:#fed136}
.palette1 .color:nth-child(3) {background:#76C3CC}

.palette2 .color:nth-child(1) {background:#304269}
.palette2 .color:nth-child(2) {background:#91BED4}
.palette2 .color:nth-child(3) {background:#D9E8F5}

.palette3 .color:nth-child(1) {background:#39a395}
.palette3 .color:nth-child(2) {background:#cc3399}
.palette3 .color:nth-child(3) {background:#91BED4}

.palette4 .color:nth-child(1) {background:#FFFFFF}
.palette4 .color:nth-child(2) {background:#FFA15D}
.palette4 .color:nth-child(3) {background:#486473}





.vertical-content-container, .vertical-menu-container {position: relative}
@media only screen and (min-width: 993px) {
	.vertical-menu-container {right: 75% !important}
	.vertical-content-container {left: 25% !important}
}


.mix-item {display:none}


.cookies-alert {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    padding-top: 20px;
    font-size:  0.8rem;
}
.cookies-alert.active {
    display: block;
}

.cookies-alert form {display:inline-block}
.my_btn {
    display: inline-block;
    padding: 5px 10px;
    text-decoration: none;
    background: #E0E0E0;
    cursor: pointer;
    border:none;
}
.ml10 {
    margin-left: 10px !important;
}

.datepicker-modal {
    max-width:800px !important
}


figure {margin:0 !important}
figure .card {
    display:block;
    line-height:0 !important;
    font-size:0;
    border-radius: 0.8rem;
    overflow:hidden;
}





    .table-container {
        overflow-x: auto;
        border: 1px solid var(--color-border);
        border-radius: 0.8rem;
        padding: 10px;
        scroll-margin-top: 20px;
    }
    
    .anticorruption-table {
        font-size: 0.8rem;
        
        thead {
            th {
                border: 1px solid var(--color-border);
                border-top: none;
                padding: 0.8rem;
                
                &:first-child {
                    border-left: none;
                }
                
                &:last-child {
                    border-right: none;
                }
            }
        }
        
        tbody {
            th {
                border: 1px solid var(--color-border);
                padding: 0.8rem;
                
                &[scope="row"] {
                       min-width: 300px; 
                       border-left: none;
                    }
                }
                
                td {
                    border: 1px solid var(--color-border);
                    padding: 0.8rem;
                    
                    &:last-child {
                        border-right: none;
                    }
                }
            }
            
            tr:last-child {
                border-bottom: none;
                th, td {
                    border-bottom: none;
                }
            }
        }
    }
    






/* CALENDAR */


.text-red {
	color: var(--color-3);
}
				
.calendar-contain {
	background-color: white;
	padding: 40px 20px;
	text-align: left;

	@media screen and (max-width: 800px) {
		padding: 10px 0;
	}

	.calendar__flex-container {
		display: flex;
		align-items: center;

		@media screen and (max-width: 800px) {
			align-items: flex-start;
			flex-direction: column;
		}
	}
	
	
	
	.title-bar {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		gap: 20px;
		
		@media screen and (max-width: 800px) {
			justify-content: flex-start;
		}
	}
	
	.calendar__sidebar {
		padding-bottom: 40px;
		padding-right: 40px;
		
		.sidebar__list {
			padding-left: 20px;
		}
	
		
		@media screen and (max-width: 800px) {
			padding-right: 0;
		}
	}
	
	.sidebar__heading {
		display: flex;
		align-items: center;
		gap: 5px;
		font-size: 1.8rem;
		font-weight: bold;
		margin-top: 1rem;
		
		.sidebar__day {
			white-space: nowrap;
			/* color: var(--color-3); */
		}
	
		.sidebar__month {
			white-space: nowrap;
			/* color: var(--color-3); */
		}
		
		.sidebar__year {
			white-space: nowrap;
		}
		
		@media screen and (max-width: 800px) {
			font-size: 1.4rem;
		}
	
		
	}
	
	.sidebar__today {
		margin-bottom: 3rem;
	
		span {
			display: inline-flex;
			align-items: center;
			justify-content: center;
			width: 30px;
			height: 30px;
			border-radius: 50%;
			font-weight: 700;
			background-color: var(--color-3);
			color: white;
		}
	}
	
	.sidebar__description {
		font-weight: 700;
		line-height: 1;
	}
	
	.calendar__heading-highlight {
		color: var(--color-6);
		font-weight: 900;
	}
	
	
	.calendar__days {
		display: flex;
		flex-flow: column wrap;
		align-items: stretch;
		min-height: 580px;
		height: 100%;
		font-size: 12px;
		background: white;
		
		@media screen and (max-width: 800px) {
			min-height: auto;
		}
	}
	
	.calendar__top-bar {
		display: flex;
		flex: 32px 0 0;
	}
	
	.top-bar__days {
		width: 100%;
		padding: 0 5px;
		font-weight: 100;
		-webkit-font-smoothing: subpixel-antialiased;
		font-size: 1rem;
		font-weight: 700;
		text-align: center;
	}
	
	
	.calendar__week {
		display: flex;
		flex: 1 1 0;
		
	
		&:last-child {
			.calendar__day {
				border-bottom: 1px solid var(--color-4);
			}  
		}
	
		.calendar__day {
			display: flex;
			flex-flow: column wrap;
			justify-content: space-between;
			width: 100%;
			padding: 1.9rem 0.2rem 0.2rem;
			border-top: 1px solid var(--color-4);
			border-right: 1px solid var(--color-4);
			border-radius: 20px;
			position: relative;
			transition: .3s;
		
			&:first-child {
				border-left: 1px solid var(--color-4);
			}
	
			&.today {
				border: 2px solid var(--color-3);
			}
			
			&:hover {
				cursor: pointer;
				background: linear-gradient(196deg, rgba(231,231,231,1) 0%, rgba(231,231,231,0) 100%);
			}
			
			@media screen and (max-width: 800px) {
				padding: 0;
				justify-content: center;
				align-items: center;
				border-radius: 10px;
			}
		}
		
		@media screen and (max-width: 800px) {
			flex: 60px 0 0;
		}

	}
	
	
	
	.calendar__date {
		color: var(--color-6);
		font-size: 1.7rem;
		font-weight: 600;
		line-height: 0.7;
		align-self: center;
		
		&.weekend {
			/* color: #c6c6c6; */
			color: var(--color-3);
		}
		
		&.holiday {
			color: var(--color-3);
		}
	
		@media screen and (min-width:55em) {
			font-size: 2.3rem;
		}
	}
	
	.calendar__week {
		.inactive {
	
			.calendar__date,
			.task-count {
				color: var(--color-4);
			}
		}
	}
	
	.calendar__task {
		color: white;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: var(--color-4);
		font-weight: 700;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 0.8rem;
		align-self: flex-end;
		position: relative;
	
		&.calendar__task--today {
			opacity: 1;
			background-color: var(--color-3);
		}
		
/*             &:before {
content: '��������� ����������:';
color: #6d6d6d;
line-height: 1;
font-size: 10px;
position: absolute;
right: 35px;
} */
	
		@media screen and (min-width:55em) {
			font-size: 1rem;
		}
		
		@media screen and (max-width: 800px) {
			width: 8px;
			height: 8px;
			overflow: hidden;
			color: transparent;
			position: absolute;
			right: 3px;
			bottom: 3px;
		}
	
	}
}

.item-news {
	display: flex;
	align-items: flex-start;
	margin-bottom: 20px;
	background: #fff;
    padding: 20px;
    border: 1px solid var(--color-border);
    border-radius: 0.8rem;

	.item-news__date {
		min-width: 100px;
	}

	.item-news__title {
		margin-top: 0;
		font-size: 1.4rem;
	}

	.item-news__description {
		margin: 20px 0;
	}

	@media screen and (max-width: 600px) {
		flex-direction: column;
		gap: 20px;
	}
}