@font-face {
    font-family: LatoRegular;
    src: url(fonts/Lato-Regular.ttf);
}

@font-face {
    font-family: LatoBold;
    src: url(fonts/Lato-Bold.ttf);
}

@font-face {
    font-family: LatoLight;
    src: url(fonts/Lato-Light.ttf);
}

@font-face {
    font-family: LatoMedium;
    src: url(fonts/Lato-Medium.ttf);
}

@font-face {
    font-family: LatoHeavy;
    src: url(fonts/Lato-Heavy.ttf);
}
.pickmeup .pmu-instance .pmu-today {
     background: #f3f3f3;
    color: #ffcf04;
}
.pickmeup .pmu-instance .pmu-today:hover {
    color: #ffcf04;
    background: #f3f3f3;
}
table.bx-sm-feature-select {
    background: #ffce00;
}
body #login-form-window {
    top: 27%;
    left: 0;
    right: 0;
    max-width: 340px;
    margin: auto;
}
a{
	color: #5b87a9;
}
body, html{
	font-family: LatoRegular;
	 min-height: 100vh; 
} 
.bold{ 
	font-family: LatoBold;
} 
.medium{ 
	font-family: LatoMedium;
}
.white{
	color: #fff;
}
footer{
	background: #484848;
	color: #b6b6b6;
}
footer a{
	text-decoration: none!important;
	color: inherit;
}
footer a:hover{
	color: #fff;
	transition: all 0.3s ease;
}
footer .social a i{
	font-size: 24px;
	color: #fff;
}
footer .social a:hover{
	transition: all 0.3s ease;
	opacity: 0.8;
}
footer .bottom{	
	background: #3b3b3b;
	color: #898989;
}
.f-18{
	font-size: 18px;
}
.f-14{
	font-size: 14px;
}
header{
	color:#555555;
	border-bottom: 1px solid #e8e8e8;
	line-height: 90px;
}
header a{
	color: inherit;
	text-decoration:none!important;
}
header a:hover{
	color: inherit;
	transition: all 0.3s ease;
}
.logo-text{	
	max-width:300px;	 
	line-height: 20px;
} 
@media (max-width: 1600px) {
	.header-logo{
		position: relative;
		
	}
	.logo-text{
		position: absolute;
		left: 0;
		bottom: -15px;
		width: 565px;
		max-width: unset;
	}
	header{
		padding-bottom: 15px;
	}
}

.top-menu-item{
	text-transform: uppercase;
	font-family: LatoMedium;
} 
.top-menu-item:hover{
	color: #000;
}
 
header .fa-bars{
	font-size: 28px;
	color: #000;
	position:relative;
}
.top-menu{
	margin: 0px 30px;
}
table.tabsGosServices table td a {
padding: 5px 14px;
    display: block;
}
table.tabsGosServices table.bx-sm-feature-select td a {
    color: black;
}
@media (min-width: 1200px) and (max-width: 1400px)  {
.top-menu {
    margin-right: 19px;
}

.visually_imp {
    margin-right: 19px !important;
}

header .top-menu-item {
    font-size: 14px;
    margin-right: 13px !important;
}

.header-authorization {
    margin-left: 4px !important;
}
}

@media (min-width: 1400px) {
  .top-menu {
		margin: 0px 60px;
  }

}
@media (min-width: 1600px) and (max-width: 1870px) {
	body .top-menu-item {
		margin-right: 11px !important;
	}
	body .top-menu {
    margin: 0px 5px;
}
	}
@media (min-width: 1600px) {
  .top-menu {
		margin: 0px 24px;
  }
.header-authorization {
    margin-left: 20px !important;
}
.top-menu-item {
    margin-right: 25px !important;

}
.visually_imp {
    margin-right: 25px !important;
}
}
@media (min-width: 1860px) {
  .top-menu {
		margin: 0px 100px;
  }
}
.route-list{

}

.route-list tr{
	display: block;
	margin-bottom: 8px;
}
.route-list tr td:first-child{
	width: 240px;
}
.route-list tr td:last-child{
	width: calc(100% - 240px);
}
.route-list thead{
	display: block;
	margin-top: 30px;
	margin-bottom: 25px;
}
.route-list thead td{
	font-weight: bold;
}
.route-list tbody{
	margin-bottom: 30px;
	display: block;
}
.route-list tfoot input,
#undertabs a{
	cursor: pointer;
	background: #ffcf04;
	color: #444444;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	font-family: LatoBold,sans-serif;
	text-transform: uppercase;
	/*border-radius: 0.25rem;*/
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.route-list tfoot input:hover,
#undertabs a:hover{
	background: #ffe160;
	color: #000;
}
#undertabs a:hover{
	text-decoration: none;
}
#undertabs a,
#undertabs span{
	line-height: 12px;
	padding: 10px 15px 10px 15px;
	display: inline-block;
}
#undertabs span{
	border: 3px solid #ffcf04;
	font-family: LatoBold,sans-serif;
	text-transform: uppercase;
}
#undertabs > div:not(:last-child) {
	margin-bottom: 5px;
}
#undertabs{
	margin-top: 30px;
	margin-bottom: 30px;
}
#_result ol{
	padding-left: 0;
}
.voting-page ol.vote-items-list li.vote-item-vote-first{
	margin-left: 0!important;
}
@media(max-width: 576px){
	table.tabsGosServices table td {
    display: block;
}
table.tabsGosServices table td a {
padding: 5px 14px;
    display: block;
}
table.tabsGosServices table.bx-sm-feature-select td a {
    color: black;
}
	.route-list tr td:first-child,
	.route-list tr td:last-child{
		width: 100%;
		display: block;
	}
.gosServicesCategories .leftCol, .gosServicesCategories .rightCol {
    float: left;
    width: 100%;
}
	.route-list tr:not(:last-child){
		margin-bottom: 20px;
	}
}
.top-menu-item{
	border-top: 4px solid transparent;
	height: 98px;
	line-height: 90px;
	transition: all 0.4s ease;
	display:block;
	position:relative;
}
.top-menu-item > a{
	display:block;
}
.top-menu-item.active,
.top-menu-item:hover{
	border-top: 4px solid #ffcf04;	 
	color: #000;
}
.top-menu ul{
	list-style:none;
	padding: 0;
	margin: 0;
	 
}
.top-menu  li{
	list-style:none;
}

.top-menu li ul{
	display:none;
	z-index:1;
	position: absolute;
	background: #fff;
	padding: 10px; 
	margin:0;
	padding:15px;
	line-height: initial;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.47);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.47);
	top: 95px;
	max-width: 420px;

}
.top-menu li:hover ul{
	display:block;
}
.top-menu ul li{
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	margin: 10px 0px;
}
.top-menu ul li a{
	color: #777;
	font-size: 14px; 
}
.top-menu ul li:hover a{
	color: #000;
	transition: all 0.1s;
}
 
input,select,textarea,a{
	outline:none!important;
}
.btn{
	border-radius: 0;
	outline:none!important;
	box-shadow:none;
	font-family: LatoBold;
	text-transform: uppercase;
	text-decoration:none!important;
	box-shadow:none!important;
}
.btn.lg{
	padding: 15px 10px;
}
.btn-orange{
	background:#00ffff;
	color: #444444;
}
.btn-orange:hover{
	background:#00ffff;
	color: #000;
}
.quicksearch{
	padding: 15px;
	background: #f6f6f6;
	border-top: 6px solid #484848;
	position: relative;
}
.quicksearch input[type=text]{
	width: 100%;
	background: transparent;
	border:none;
}
.quicksearch input[type=submit]{
	position:absolute;
	right: 7px;
	top: 9px;
}
.right-menu-opened .right-menu{
	right: 0px;
}
.right-menu{
	padding: 30px;
	position:fixed;
	background: #f8f8f8;

	z-index:2002;
	right:-300px;
	top:0;
	height: 100%;
	border-left: 1px solid #e8e8e8;	 
	border-left: 5px solid #484848;
	color: #444;
	width: 300px;
	transition: all 0.5s ease;	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.47);
	-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.47);
	box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.47);
}
.right-menu a{
	color: inherit;
	text-transform: uppercase;
	text-decoration:none!important;
	display:block;
	padding: 15px 0px;	
	transition: all 0.3s ease;
}
.right-menu li ul a{
	padding: 7px 0px;	
	text-transform:none;
	

}
.right-menu-item{
	border-bottom: 1px solid #e8e8e8;
}
.right-menu a:hover{
	color: #000;
}
.right-menu ul{
	margin:0;
	padding: 0;
	list-style:none;
}
.right-menu li ul{
	list-style:none;
	padding-left: 20px;
	color: #777;
	display:none; 
}
.right-menu .close{
	position:absolute;
	color: #000!important;
	font-size: 24px;
	top: 15px;
	right: 15px;
}
.right-menu a.active{
	color: #000;
}
@media (max-width: 1199px) {
	.right-menu-item{border:none;}
	.right-menu{font-size: 14px;}
	.right-menu a{padding: 7px 0px;}
	.logo-text {
		position: static;
		left: 0;
		bottom: -15px;
		width:auto;
		max-width: 300px;
	}
	header {
		padding-bottom: 0;
	}
}

.widget-link{
	display:block;	
	background: #f6f6f6;
	padding: 20px;
	color: #5b87a9;
	text-decoration:none!important;	 
}
.widget-link img{
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	 
}
.widget-link div{
	display:inline-block;
	vertical-align: middle;
	padding-left: 10px;
	width: 78%;
	font-size: 14px;
}
.widget-link:hover{
	background: #f1f1f1;
	color: #5b87a9;
	transition: all 0.2s;
}
.widget-link-orange{
	background: #ffcf04;
	color: #444;
}
.widget-link-orange:hover{
	background: #ffe160;
	color: #000;
}
.index-gallery a{
	display:block;	
	background-size: cover;
	background-position: center;
}
.index-gallery .big a{
	height: 260px;
}
.index-gallery .small a{
	height: 60px;
	margin: 0px 5px;
}
.index-gallery .small .slick-list{ 
	margin: 10px -5px;
	
}
.flat-calendar{
	 border: 1px solid #e8e8e8 
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before{
	background-color: #ffcf04;
	box-shadow: none!important;
}
.index-poll{
	border: 1px solid #e8e8e8;
} 
.index-poll > div{
	border-top: 1px solid #e8e8e8;	
}
.index-poll > div:nth-child(1){
	border: none;
	font-size: 18px;
	font-family: LatoBold;
}
.index-poll > div:nth-child(2){
	font-family: LatoMedium;

}
.bg-light{
	background-color: #f9f9f9 !important;
}
.content img{
	max-width: 100%;
	height: auto;
}
.content table{
	width: 100%!important;
	max-width: 100%!important;
	 
}
.content font{
	font-family: LatoRegular!important ;
	font-size: 16px;
	 
}
 
 

.left-menu{
	padding: 15px;
    background: #f6f6f6;
    border-top: 6px solid #484848;
}
.left-menu > ul{
	margin: 0;
	padding: 0;
}
.left-menu ul{
	list-style:none;
}
.left-menu li{
	padding: 7px 0px;
	border-bottom: 1px solid #e8e8e8;
}
.left-menu li a.active{
	color: #000;
}
.breadcrumb-navigation{
	padding:0;
}
.breadcrumb-navigation li{
	list-style:none;
	display: inline-block;
}
.badge{
	border-radius:0;
	padding: 4px 5px;
	min-width: 60px;
	text-transform: uppercase;
	font-family: LatoLight;
	font-size: 8px;
	color: #fff;
}
.badge-secondary{
	background: #484848;	
}
.badge-primary{
	background: #797aff;
}
.badge-success{
	background: #8cc06a;
}
.badge-danger{
	background: #fe6a6b;
}
.badge-warning{
	background: #ffcf04;
}
.news-list-anounce a{
	color: inherit;
	text-decoration:none!important;
	transition: all 0.3s ease;
	
}
.news-list-anounce a:hover{
	color: #5b87a9;
}
.news-list-anounce .date{
	font-family: LatoHeavy;
	font-size: 14px;
}
.news-list-item{
	background-size: cover;
	background-position:center;
	color: #fff!important;
	display:block;
	background-color: #f8f8f8;
	position: relative;
	overflow: hidden;
}
.news-list-item .date{
	position:absolute;
	right: 15px;
	bottom: 15px;
	font-size: 12px;
}
.news-list-item > div:nth-child(1){
	background:rgba(29, 80, 149, 0.9);
	position:absolute;
	left:0; right: 0;
	top: 100%;
	min-height: 100%;
	margin-top: -92px; 
	padding: 15px;
	padding-right: 120px;
	transition: all 0.5s ease;
}
.news-list-item.thin:hover > div:nth-child(1){
	top:0px;
	margin-top: 0px;	 	
}
.news-list-item.wide:hover > div:nth-child(1){
	top:70%;
	margin-top: 0px;	 	
}
.news-list-news .h-1{
	height: 465px;
}
.news-list-news .h-2{
	height: 220px;
}
.news-list-anounce.index-page{
	height: 418px;
	overflow: hidden;
	position:relative;
	transition: all 1s ease;
}
.news-list-anounce.index-page.expanded{
	height: auto;
} 
.list-expand::before{
	display:block;
	content:'';
	width: 100%;
	height: 100px;
	position:absolute;
	bottom: 40px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0+0,1+70 */
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 70%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 70%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.list-expand{
	position:absolute;
	bottom: 0px;
	height: 40px;
	width: 101%;
	background:#fff;
	cursor: pointer;
	text-align: center;
	font-size: 28px;
	color: #777;
	border-top: 1px solid #e8e8e8;
}
.news-list-news.index-page{
	height: 945px;
	overflow: hidden;
	position:relative;
	transition: all 1s ease;
}
.news-list-news.index-page.expanded{
	height: auto;
}
.links-block{
	border: 1px solid #e8e8e8;
	padding: 15px;
	min-height: 100%;
	padding-bottom: 0px;
}
.links-block a{
	display: block;
	margin: 7px 0px;
}

.items-carousel{
	border: 1px solid #e8e8e8;
}
.items-carousel a{
	display:inline-block;
	height: 80px;
	background-size: contain;
	background-position:center;
	background-repeat: no-repeat;
	margin: 15px;
	margin: 15px 30px;
}
.slick-arrow{
	position:absolute;
	top: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index:1;
}
.slick-arrow:hover{
	opacity: 0.7;
}
.items-carousel i{
	font-size: 28px;
	color: #777;
	margin-top: -12px;
}
.items-carousel .fa-caret-left{
	left: 5px;
}
.items-carousel .fa-caret-right{
	right: 5px;
}
.alert{
	border-radius: 0px;	
	color: #fff;
	border:none;
}
.alert-secondary{
	background: #484848;	
}
.alert-primary{
	background: #797aff;
}
.alert-success{
	background: #8cc06a;
}
.alert-danger{
	background: #fe6a6b;
}
.alert-warning{
	background: #ffcf04;
}
.alert-light{
	background: #f6f6f6;
	color: inherit;
}
.news-list-item .badge{
	position:absolute;
	right: 10px;
	top: 10px;
}
.filters{
	padding: 15px 0px;
	background: #f6f6f6;
}
.filters select{
	width: 100%;
	padding: 10px;
	border: 1px solid #e8e8e8;
	 
}
.filters input[type=text]{
	padding: 7px;
	border: 1px solid #e8e8e8;
}
.filter-item{
	white-space: nowrap;
	padding: 0px 15px;
}
.filter-item img.calendar-icon{
	border:none!important;
	margin: 0px;
	vertical-align: middle;
	position:relative;
	left: -25px;
}
.anounce-picture{
	display: block;
	width: 200px;
	height: 200px;
	margin-right: 15px;
	background-size:cover;
	background-position:center top;
	background-repeat:no-repeat;
}
.anounce-preview{
	font-size: 14px;
	padding: 15px;
	background: #f8f8f8;
	margin-top: 15px;
}
.officials-person-item .photo{
	background-size: cover;
	background-position:center top;
	color: #fff!important;
	display:block;
	background-color: #f8f8f8;
	position: relative;
	overflow: hidden;
}
.photo.big{
	height: 400px;
}
.photo.small{
	height: 200px;
}
.officials-person-item .name{
	color: #666;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 16px;
	font-family: LatoBold;
	display: block;
}
.officials-person-item.single .name{
	font-size: 22px;
}
.officials-person-item .post{
	margin-bottom: 15px;
}
.officials-person-item .commity{
	line-height: 15px;
}
.officials-person-item .commity a{
	color: inherit;
	text-decoration:none;
	font-size: 13px;
	
}
/*вычисление высоты*/
.custom_col_fix_h {

	overflow-y: hidden;
}
.custom_col_fix_h:after {
	display: block;
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 39px;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
.news_divisions {
	z-index: 1;
	position: relative;
}
 .wrap_anone_main {

	 overflow-y: hidden;
	 position: relative;
 }
.wrap_anone_main:after {
	display: block;
	content: '';
	width: 100%;
	height: 100px;
	position: absolute;
	bottom: 0;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}
/*вычисление высоты end*/

.center_block .button_wialon {
    width: 150px;
    height: auto;
}
.center_block a img.button_wialon_top_nav, .center_block a img.button_wialon_top_nav_zero {
    width: 300px;
    height: auto;
}