a{ 
	outline: none;
	/*color: #3394e6;*/
	text-decoration: none;
}

table.table-news td{
	border: 2px solid #bbb;
}

.color-red{
	color: red;
}

.color-green{
	color: green;
}

.color-blue{
	color: #155fb5;
}

.color-yellow{
	color: #ff6500;
}

span.redv {
  color:red;
}


.full-page-container{
	position: relative;
	width: 100%;

}



.full-page-offset{
	
	margin: 0px;/* margin:10px;*/
}

.full-header{
	position: relative;
	width: 100%;
}

/* CAMERA SLIDER */
.header-slider{
	width: 100%;
	position: relative;
	top: 0;
	z-index: 0;
}
.header-slider-content{
	/*min-height: 700px;*/
}
/* CAMERA SLIDER */


/*ADDRESS DESKTOP*/
.address-desktop{
	position: absolute; 
	top: 0px;
	left:0;/* FIX IE VISIBLE */
	width: 100%;
	padding: 5px;
	z-index: 1;
}

.top-address i{
	display: inline-block;
	vertical-align: middle;
}
.top-address span {
  display: inline-block;
  vertical-align: middle;
  font-weight: bold;
  font-family: Verdana, Tahoma, sans-serif;
  font-size: 12px;
}

.top-address i, .top-address span{
	-webkit-transition: color 2s ease;
    transition: color 2s ease; 
}

.top-address a {
  color: green;/*Default color*/
}

.top-address i {
  color: red;/*Default color*/
}
.top-address span {
  color: #fff;/*Default color*/
}

body[data-theme='Dark'] .top-address i {
  color: red;
}
body[data-theme='Light'] .top-address i {
  color: red;
}
body[data-theme='Dark'] .top-address span {
  color: #fff;
}
body[data-theme='Light'] .top-address span {
  color: #000;
}

/*ADDRESS DESKTOP*/




/*LOGIN DESKTOP*/
.authorization_block {
  position: absolute;
  right: 20px;
  top: -20px;
  width: 190px;
  max-width: 190px;
}



.authorization_block ul li a {
  color: #444;
  width: 100%;
  height: 100%;
  display: block;
}

.authorization_block ul li a:hover{
  color: #155fb5;
}

.authorization_block .logout, .authorization_block .logout:hover {
  color: #fff;
  text-decoration: none;
  width:auto;
}


.authorization_block i.login-icon {
	display: inline-block;
	vertical-align: middle;
}

.authorization_block span.login-text{
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	font-weight:bold;
}


/* desktop notification icons */
.desktop-notification-icons{
	position: absolute;
	right: -15px;
	top: -10px;
	display: flex;
	flex-direction: column;
	z-index: 3;
}


/* Desktop pm notification block */
.pm-notification-block{
	max-width: 55px;
	background: #ff4500;
	padding: 4px 5px;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
	opacity: .8;
}

.pm-notification-link{
	color: #fff;
}

.pm-notification-link:hover{
	color: #fff;
}

.pm-icon {
	display: inline-block;
	vertical-align: middle;
}
.pm-num{
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
/* Desktop pm notification block */


/* Desktop feedback notification block */
.feedback-notification-block{
	width: 55px;
	background: #ff0000;
	padding: 4px 5px;
	border-radius: 3px;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
	opacity: .8;
}

.feedback-notification-link{
	color: #fff;
}

.feedback-notification-link:hover{
	color: #fff;
}

.feedback-icon {
	display: inline-block;
	vertical-align: middle;
}
.feedback-num{
	display: inline-block;
	vertical-align: middle;
	margin-left: 3px;
}
/* Desktop feedback notification block */




/* Mobile PM AND FEEDBACK notification block */
.container-notification{
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: flex;
	flex-direction: column;
	z-index: 3;
}
.block-pm-unread{
	background: #ff4500;
	color: #fff;
	width: 55px;
	height: 35px;
	border-radius: 3px;
	margin-bottom: 10px;
	opacity: .9;
}

.block-feedback-unread{
	background: #004500;
	color: #fff;
	width: 55px;
	height: 35px;
	border-radius: 3px;
	margin-bottom: 10px;
	opacity: .9;
}
/* Mobile PM AND FEEDBACK notification block */








.login-btn {
  text-align: center;
  color: #155fb5;
  border: 2px solid #155fb5;
  white-space: nowrap;
  display: block;
  padding: 15px 15px;
  cursor: pointer;
  /*margin-bottom: 7px;*/
  -moz-transition: all 2s ease;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
}

body[data-theme='Dark'] .login-btn{
  color: #fff;
  border: 2px solid #fff;
}
body[data-theme='Light'] .login-btn{
  color: #000;
  border: 2px solid #000;
}


/* Custom Placeholder*/
#loginForm > .inputBox {
  position: relative;
  width: 100%;
}
.inputBox span {
  position: absolute;
  top: 12px;
  left: 10px;
  display: inline-block;
  font-size: 13px;
  color: #888;
  transition: 0.5s;
  pointer-events: none;
}
.inputBox input:focus ~ span,
.inputBox input:valid ~ span {
  font-size: 11px;
  color: #155fb5;
  transform: translateX(-10px) translateY(-32px);
}

input#login_name, input#login_password{
  width: 100%;
}

input#login_name_mobile, input#login_password_mobile{
  width: 100%;
}


/* Удаление желтого цвета поля при автозаполнении браузером*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
    background-color: #FFFFFF !important;
    color: red !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
    -webkit-text-fill-color: #555555 !important;
}

input {
  filter: none;
}
/* Удаление желтого цвета поля при автозаполнении браузером*/



/* Иконка видимости пароля */
.password-view-icon{
	position: absolute;
	right:10px;
	top:8px;
}
.password-view-icon:hover{
	cursor: pointer;
}

.password-view-icon.icon-hide::before{
	font-family: "fontello";
	content: "\e8e9";
	font-size: 28px;
	color: #999;
}

.password-view-icon.icon-show::before{
	font-family: "fontello";
	content: "\ed26";
	font-size: 28px;
	color: #999;
}



/* Иконка видимости пароля */


/*LOGIN DESKTOP*/




/* LOGO DESKTOP */
.logo-dispatcher-desktop {
	position: absolute;
	top: 36px;
	left:0;/* FIX IE VISIBLE */
	width: 100%;
	z-index: 2;/* FOR DROPDOWN */
}



.logo-desktop{
	background-image: url('../images/logo_desktop_dark.png');
	background-size: 450px 144px;
	background-repeat: no-repeat;
	width: 450px;
	height: 144px;
}

.logo-desktop.Dark{
	background-image: url('../images/logo_desktop_dark.png');
}

.logo-desktop.Light{
	background-image: url('../images/logo_desktop_light.png');
}

/* LOGO DESKTOP */


/* DISPATCHER INFO BLOCK */

.dispatcher-info{
	margin-top: -8px;
}

.dispatcher-info .service-name{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	-moz-transition: all 2s ease;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
body[data-theme='Dark'] .dispatcher-info .service-name{
	color: #fff;
}
body[data-theme='Light'] .dispatcher-info .service-name{
	color: #ffff00;
}


.dispatcher-info .service-phone, .dispatcher-info .service-phone span {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	-moz-transition: all 2s ease;
	-webkit-transition: all 2s ease;
	transition: all 2s ease;
}
body[data-theme='Dark'] .dispatcher-info .service-phone{
	color: #fff;
}
body[data-theme='Light'] .dispatcher-info .service-phone{
	color: #000;
}
body[data-theme='Dark'] .dispatcher-info .service-phone span{
	color: #fff;
}
body[data-theme='Light'] .dispatcher-info .service-phone span{
	color: #000;
}


.dispatcher-info .callback-icon {
	display: block;
	color: red;
	cursor: pointer;
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 4s;
    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
	/* color */
	-moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    transition: all 1.2s ease;
}
body[data-theme='Dark'] .dispatcher-info .callback-icon{
	color: red;
}
body[data-theme='Light'] .dispatcher-info .callback-icon{
	color: #fff;
}
@keyframes spinner {
  0% {
    -webkit-transform: rotateY(0deg);
	}
  100% {
    -webkit-transform: rotateY(-360deg);
	}
}

/* DISPATCHER INFO BLOCK */




/*
#logo-desktop {
  background-image: url('../images/logo_desktop_dark.png');
  width: 450px;
  height: 144px;
}

#logo-desktop::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/logo_desktop_light.png');
  opacity: 1;
  transition: all 2s ease;
  -moz-transition: all 2s ease;
  -webkit-transition: all 2s ease;
}

body[data-theme='Dark'] #logo-desktop::before {
  opacity: 0;
}
*/

/* ORION MENU BLOCK */
.menu-desktop{
	position: absolute; 
	top: 180px; 
	left: 0; /* FIX IE VISIBLE */
	width:100%;
}

/* ORION MENU BLOCK */


/* MAIN BODY */
.body-leftside{
	/* min-height: 700px;*/
    width: 100%;	
}

.body-rightside{
	background: #fff url("../images/rightside_delimiter.png") repeat-y scroll left center;
    min-height: 700px;
    width: 100%;	
}

.body-rightside .block-rightside{
	background: #eee;
}
.body-rightside .block-title{
	color: #155fb5;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom-width: 4px;
	border-style: solid;
	border-image: linear-gradient(to right, #155fb5 0%, transparent 100%) 1;
	border-top:0;
	border-left:0;
	border-right:0;
}

.body-rightside .rightside-banner{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
/*
.block-rightside:not(:last-child) {
  margin-top: 20px;
}
*/

.block-rightside {
  margin-top: 20px;
}

.block-rightside:last-child {
  margin-bottom: 20px;
}



.block-rightside-service{
	background:#eee;
	margin-top: 10px;
}

.block-rightside-service .block-service-full {
	background:#496595;
	height:90px;
}


.block-rightside-service .block-service-icon {
	float:left;
	position:relative;
	top:50%;
	transform:translateY(-50%);
	margin-left:15px;
}

.block-rightside-service .block-service-icon img{
	width:40px;
	height:40px;
}

.block-rightside-service .block-service-text {
	float: left;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin-left: 15px;
	color: #fff;
	font-size: 13px;
	font-weight:bold;
}


.block-rightside-service .block-service-full img {
	transform: rotateY(0deg);
    transform-style: preserve-3d;
    transition: all 1.5s ease 0s;
}

.block-rightside-service .block-service-full:hover img {
	/*!!!FULL ROTATE
	-webkit-animation-name: spinner;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 4s;
	animation-name: spinner;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-duration: 4s;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-transition: all 1s ease;
	-webkit-transition: all 1s ease;
	transition: all 1.2s ease;
	*/
    transform: rotateY(180deg);
    transition: all 1s ease 0s;
	fill: #ff4500;
}





/* MAIN BODY */


/* SPEEDBAR (исправления в function.php и engine.php)*/
.speedbar{border-radius:3px;font-size:13px;overflow:hidden;}

.speedbar > span{margin-left:-4px;display:block}

.speedbar a{display:inline-block;text-decoration:none;color:#fff;margin-left: -10px;}

.speedbar a > span {
    display: inline-block;
    line-height: 28px;
    position: relative;
    background: #155fb5;
    margin-right: 20px;
    padding-right: 12px;
    margin-left: 22px;
}

.speedbar a > span:after, .speedbar a > span:before{content:"";position:absolute;width:0;height:0;pointer-events: none;}

.speedbar a > span:after{left:100%;border:14px solid transparent;border-left-color:#155fb5;}

.speedbar a > span:before{right:100%;border:14px solid #155fb5;border-left-color:transparent;}

.speedbar a:hover > span{background:#005DD6;}

.speedbar a:hover > span:after{border-left-color:#005DD6;}

.speedbar a:hover > span:before{border-color: #005DD6;border-left-color:transparent;}
/* SPEEDBAR */



/* Shortstory and fullstory content */
#full-content{
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 12px;
}

@media screen and (min-width: 1024px) {
  #full-content {
    font-size: 14px;
  } 
}
/* Shortstory and fullstory content */





/* Shortstory as fullstory content */
.shortfull-container {

}

.shortfull-header{
  color: #155fb5;
  border-bottom-width: 4px;
  border-style: solid;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-image: linear-gradient(to right, #155fb5 0%, transparent 100%) 1;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 10px;
}

.shortfull-header .title{
  font-weight: bold;
  font-size: 16px; 
}


@media screen and (min-width: 1024px) {
  .shortfull-header .title {
    font-size: 14px;
  } 
}


.shortfull-body{
  font-size: 15px; 
  line-height: 24px;
}


@media screen and (min-width: 1024px) {
  .shortfull-body {
    font-size: 13px; 
	line-height: 24px;
  } 
}




/* Shortstory as fullstory content */





/* FULL NEWS */
.full-news{
	
}

.full-news-header{
	position: relative;
	background: #eee;
    color: #155fb5;
    font-weight: bold;
    border-bottom-width: 4px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-image: linear-gradient(to right, #155fb5 0%, transparent 100%) 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	padding: 10px;
}

.full-news-header h4 {
  font-weight: bold;
  display: inline-block;
}

.full-news-header .news-edit {
  position: absolute;
  top: 6px;
  right: 5px;
}

.full-news-info {
  background: #f2f2f2;
}

.full-news-date {
  color:#aaa;
  font-size: 14px;
}

.full-news-content{
	
}

.full-news-content p, .full-news-content .article__block{
	line-height: 24px;
	font-size: 14px;
}

@media (max-width: 768px) {  .full-news-content p, .full-news-content .article__block {
    font-size: 15px;
  }}





.full-news-content tr, td {
 
}

.full-news-pagebreak {
	
}
/* FULL NEWS */






/* ВМЕСТО СЛАЙДЕРА НЕ НА ГЛАВНОЙ */
.slider-not-main{
	position: relative;
	width: 100%;
	height: 250px;
	background: #eee;
	z-index:0;
}
.slider-not-main-content{
	height: 250px;
}

div#rotator {position:relative; height:250px; width:100%;}
div#rotator ul{width:100%;}
div#rotator ul li { width:100%; position:absolute; list-style: none;}
div#rotator ul li.show {z-index:500;}
div#rotator ul li img{
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.rotator-contacts{
	font-size: 14px;
	position: absolute;
	top: 74px;
	left: 50%;
	transform: translateX(-50%);
	width:100%;
}


.rotator-contacts i, .rotator-contacts span, .rotator-contacts span a{
	-webkit-transition: color 2s ease;
    transition: color 2s ease; 
}


body[data-theme='Dark'] .rotator-contacts i {
	display: block;
	color: white;
	text-align: center;
}

body[data-theme='Light'] .rotator-contacts i {
	display: block;
	color: red;
	text-align: center;
}

body[data-theme='Dark'] .rotator-contacts span{
	display: block;
	color: white;
	text-align: center;
	font-weight: bold;
}

body[data-theme='Light'] .rotator-contacts span{
	display: block;
	color: #ffff00;
	text-align: center;
	font-weight: bold;
}

body[data-theme='Dark'] .rotator-contacts span a{
	display: block;
	color: #ffff00;
	text-align: center;
	font-weight: bold;
}

body[data-theme='Light'] .rotator-contacts span a{
	display: block;
	color: white;
	text-align: center;
	font-weight: bold;
}
/* ВМЕСТО СЛАЙДЕРА НЕ НА ГЛАВНОЙ */


/* LINK RIGHTSIDE BUTTON */
.service_btns {
	position: relative;
}


.service_btns a {
	background: #fff;
	color: #155fb5;
	display: block;
	border: 3px solid #155fb5;
	transition: background-color 500ms, border-color 500ms;
	border-radius: 3px;
	height: 115px;
	width: auto;
	
}

.service_btns .icon_svg {
	position: absolute;
	top: 20px;
    fill: #06467f;
    margin-right: 0.5em;
    width: 60px;
	max-height: 60px;
    overflow: visible;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
    transition: all 1.5s ease 0s;
	margin-left:auto;
	margin-right: auto;
	left:0;
	right:0;
	
}

.service_btns span {
	position: absolute;
	bottom: 20px;
    display: block;
    font-size: 0.75rem;
    text-align: center;
	position: absolute;
	margin-left:auto;
	margin-right: auto;
	left:0;
	right:0;
	font-weight:bold;
	width: 98%;
}

.service_btns a:hover > .icon_svg {
    transform: rotateY(180deg);
    transition: all 1s ease 0s;
	fill: #ff4500;
}

.service_btns a:hover {
	border: 3px solid #ff4500;
	color: #0c417f;	
}
/* LINK RIGHTSIDE BUTTON */


/* VOTE */
div.vote-title {
  color: #155fb5;
  font-weight:bold;
}

form[name="vote"]{
	
	
}


.vote{
	margin-bottom: 8px;
}

.vote_list{
	margin-top: 15px;
	margin-bottom:15px;
}
.vote-button{
	text-align: center;
}




#vote-layer input[type="radio"] {
  display: none;
}



#vote-layer input[type="radio"]+label:before {
  content: "";
  /* create custom radiobutton appearance */
  display: inline-block;
  width: 22px;
  min-width: 22px;
  height: 22px;
  padding: 4px;
  margin-right: 7px;
  /* background-color only for content */
  background-clip: content-box;
  border: 2px solid #155fb5;
  background-color: #e7e6e7;
  border-radius: 3px;
}

/* appearance for checked radiobutton */
#vote-layer input[type="radio"]:checked + label:before {
  background-color: #ff6500;
}

/* optional styles, I'm using this for centering radiobuttons */
#vote-layer label {
  display: flex;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

#vote-layer label:hover{
	cursor: pointer;
}

#vote-layer input[type="radio"]:not(:checked) + label:hover:before {
  background-color: #aaa !important;
}
/* VOTE */




/* INFO BLOCK ERROR */
.info-block {
  background: #eee;
  border: 3px solid red;
  word-wrap: break-word;
}
.info-block span{
	color:#ff4500;
}

/* INFO BLOCK ERROR */



/* POGODA DESKTOP */
.weather_icon img{
	width: 120px;
}


.wind_icon img, .humidity_icon img, .pressure_icon img, .sunrise_icon img, .sunset_icon img, .rainfall_icon img, .sunlen_icon img {
    width: 30px;
	margin-right: 10px;
}

.weather_description{
	font-weight: bold;
    color: #fff;
    background: #155fb5;
}

.feels_like_temp{
	font-weight: bold;
    color: #fff;
    background: #aaa;
}

.current_temp {
	font-size: 38px;
}

.current_temp.orange{
	color: #ff4500;
}

.current_temp.blue{
	color: #155fb5;
}
.pogoda_error{
	background: #ff4500;
	color: #fff;
	text-align: center;
	padding: 10px;
}
/* POGODA DESKTOP */





/* POGODA MOBILE VERSION MAIN */
.weather-mobile-block{
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
}

.weather-mobile-title{
	text-align: center;
}

.weather-mobile-description{
	font-size: 11px;
}
/* POGODA MOBILE VERSION MAIN */


/* OTKLYUCHENIE */
.main-wateroff{
	position: relative;
	background: #eee;
	border: 1px solid #dbdbdb;
}


.wateroff-icon{
	text-align: center;
}



.wateroff-date {
    background: #ff4500;
    padding: 5px;
    color: #fff;
    border-radius: 3px;
}

.wateroff-title {
    color: #ff4500;
	
	margin-top: 12px;
}

.wateroff-edit{
	position: absolute;
	right: 10px;
	top: 10px;	
}



/* OTKLYUCHENIE */




/* BANNER DOSTUPNAYA SREDA */
.banner-container{
	text-align: center;
}
.banner-container img{
	width: 100%;
	background-size: cover;
}
/* BANNER DOSTUPNAYA SREDA */





/* FOOTER START */
.footer-container{
	background: #155fb5;
	min-height:200px;
	text-align: left;
	color: #fff;

}

.footer-container a{
	display: block;
	text-decoration: none;
	cursor: pointer;
	color: #fff;

}

.footer-list-title{
	margin-bottom: 10px;
	font-weight: bold;
}

.footer-list-link{
	border-bottom: 1px dashed #fff;
	padding: 5px 10px;
}

.footer-list-link:hover{
	background: #084b99;
}




.footer-logo img{
	width:100px;
	height:auto;

}

.footer-text {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 16px;

}




/* FOOTER END */



/* COPYRIGHT START */
.copyright-container{
	font-size: 13px;
	color: #fff;
	background: #084b99;
}
@media (max-width: 768px) {  .copyright-container {
    font-size: 12px;
  }}






/* MOBILE MENU */
.fixed-line-mobile{
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 56px;
	background: #fff;
	-webkit-box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.6);
	-moz-box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.6);
	z-index:4;
}

.menu-mobile{
	position: fixed;
	top: 56px;
	left: 0px;
	right: 0px;
	width: 90%;/* Width Menu */
	z-index: 4;	
}


.logo-mobile {
	display: block;
	background: url('../images/logo-mobile.png') no-repeat center center;
	background-size: contain;
	width:100%;
	height:100%;
}
/* MOBILE MENU */



/* MOBILE MENU FOOTER INFO */
.mcatmenu-info{
	text-align: center;
}

.mcatmenu-info i{
	display: inline-block;
	vertical-align: middle;
	color: red;
}

.mcatmenu-info a{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	padding: 0 !important;
}
.mcatmenu-info a:hover{
	text-decoration: none;
	background: none !important;
	font-weight: bold;	
	color: #333 !important;
}
/* MOBILE MENU FOOTER INFO */



/* OVERLAYER FOR MOBILE MENU */
.overlay-mobile-menu{
	visibility: hidden;
	opacity: 0;
	background: #000;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0px;
	z-index: 3;
    transition: opacity 0.6s, visibility 0.6s;
}


.overlay-mobile-menu.active {
	visibility: visible;
    opacity: .6;
    transition: opacity 0.6s, visibility 0.6s;
}

/* OVERLAYER FOR MOBILE MENU */







/* HAMBURGER ICON */
.hamburger {
    width: 36px;
    opacity: 1;
    border: 0 none;
    padding: 6px;
}

.hamburger:before,
.hamburger:after {
  background-color: #999;
  content: '';
  display: block;
  height: 3px;
  transition: all 200ms ease-in-out;
}

.hamburger:before {
  box-shadow: 0 8px 0 #999;
  margin-bottom: 13px;
}
.hamburger.open:before {
  box-shadow: 0 0 0 #999;
  transform: translateY(8px) rotate(45deg);
}
.hamburger.open:after{
  transform: translateY(-8px) rotate(-45deg);
}
/* HAMBURGER ICON */




/* REGISTRATION */
.registration-page-header{
	background: #155fb5;
	padding: 6px 8px;
	color: #fff;
	border-radius: 2px;
}

.registration-text{
	background: #090;
	margin-top: 10px;
	color: #fff;
	border-radius: 3px;
	padding: 10px;
}

.registration-form label {
  
}

.registration-form label[for="question_answer"] {
  text-align: left;
  display: block;
  font-weight: bold;
}



#result-registration{
	display:none;
	margin-top: 15px;
	font-weight: bold;	
}

#result-registration li{
	list-style-type: none;
}
#result-registration li:before{
	content: "- ";
}


.registration-page select {
	width: 260px;
}

.registration-page select:hover {
	cursor: pointer;
}

.registration-page select{
appearance: none;
background: url('../images/select-arrow-down.svg') no-repeat right;
background-size: 10px;
background-position-x: calc(100% - 15px);
}




/* Styled radiobutton fiz yur */
.registration_form_subject, .profile_form_subject {
	display: inline-block;
	margin-right: 10px;
}
.registration_form_subject input[type=radio], .profile_form_subject input[type=radio] {
	display: none;
}
.registration_form_subject label, .profile_form_subject label {
	display: inline-block;
	cursor: pointer;
	padding: 0px 15px;
	line-height: 34px;
	border: 1px solid #999;
	border-radius: 3px;
	user-select: none;
}
.registration_form_subject input[type=radio]:checked + label {
	background: #ffe0a6 !important;
}
.registration_form_subject input[type=radio]:disabled + label {
	background: #efefef !important;
	color: #666;
}

.profile_form_subject input[type=radio]:checked + label {
	background: #ffe0a6;
}

.profile_form_subject input[type=radio]:disabled + label {
	background: #efefef;
	color: #666;
}
/* Styled radiobutton fiz yur */






/* Custom Main Blocks */
.custom-main-header{
	background: #155fb5;
	font-size: 14px;
	padding: 10px;
	border-radius: 3px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0px;
}

.custom-main-content{
}

.custom-news-full{
	background: #f3f3f3;
}

.custom-news-left img{
	width: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	margin: 0 auto;
}

.custom-news-right{
	position: relative;
	width: 100%;
}
.custom-fixed-news{
	background: red;
	padding: 5px;
	margin-right: 5px;
	color: #fff;
	border-radius: 3px;
}

.custom-news-title{
	position: relative;
	border-bottom-width: 4px;
    border-style: solid;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-image: linear-gradient(to right, #155fb5 0%, transparent 100%) 1;
    border-top: 0;
    border-left: 0;
    border-right: 0;
	padding: 10px;
}
.custom-news-title a{
	color:#155fb5;
	font-size: 14px;
	font-weight: bold;
}
.custom-news-edit {
	position: absolute;
	top: 0;
	right: 0;
}
.custom-news-info{
	background: #ddd;
	font-size: 11px;
}

.custom-news-date{
	color: #999;
	font-size: 14px;
	margin-left: 8px;
}

.custom-news-text{
	font-size: 15px;
	padding:5px 8px 60px 8px;/* Fix for big text padding button */
}

@media screen and (min-width: 1024px) {
  .custom-news-text {
    font-size: 14px;
  } 
}

.custom-news-more{
	position: absolute;
	right: 5px;
	bottom: 5px;
}







/* HOVER BLOCK FOR IMAGE */
.hvrbox,
.hvrbox * {
	box-sizing: border-box;
}
.hvrbox {
	position: relative;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}
.hvrbox img {
	width: 100%;
	object-fit: contain;
	max-width: 100%;
}

.hvrbox .hvrbox-layer_top {
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	color: #fff;
	padding: 15px;
	-moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s;
	-ms-transition: all 0.4s ease-in-out 0s;
	transition: all 0.4s ease-in-out 0s;
}

.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
	opacity: 1;
}

.hvrbox .hvrbox-text {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hvrbox .hvrbox-layer_slideup {
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
.hvrbox:hover .hvrbox-layer_slideup,
.hvrbox.active .hvrbox-layer_slideup {
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
}

/* HOVER BLOCK FOR IMAGE */





/* FEEDBACK */
.feedback-header{
background: #155fb5;
padding: 10px;
color: #fff;
border-radius: 3px;
}

.feedback-block{
position: relative;
background: #eee;
}

.feedback-title{
	font-size: 14px;
	font-weight: bold;
	color: #155fb5;
	border-bottom-width: 4px;
	border-style: solid;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-image: linear-gradient(to right, #155fb5 0%, transparent 100%) 1;
	border-top: 0;
	border-left: 0;
	border-right: 0;
}

.feedback-title-num{
	background: #ff4500;
	color: #fff;
	padding: 7px;
	border-radius: 2px;
}

.feedback-info{
	background: #ddd;
}

.feedback-message{
	color: #333;
}

.feedback-responsible{
	background: #28a745;
	color: #fff;
}
/* FEEDBACK */







/* NPROGRESS */
/* Make clicks pass-through */
#nprogress {
  pointer-events: none;
}

#nprogress .bar {
  background: #29d;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
}

#nprogress .bar2 {
  background: red !important;
  position: fixed;
  z-index: 1031;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
}

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #29d, 0 0 5px #29d;
  opacity: 1.0;

  -webkit-transform: rotate(3deg) translate(0px, -4px);
      -ms-transform: rotate(3deg) translate(0px, -4px);
          transform: rotate(3deg) translate(0px, -4px);
}

#nprogress .peg2 {
	background-color: red !important;
	display: block;
	position: absolute;
	right: 0px;
	width: 100px;
	height: 100%;
	box-shadow: 0 0 10px #f00, 0 0 5px #f00;
	opacity: 1.0;

	-webkit-transform: rotate(3deg) translate(0px, -4px);
	-ms-transform: rotate(3deg) translate(0px, -4px);
	transform: rotate(3deg) translate(0px, -4px);
}



/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 1031;
  top: 15px;
  right: 15px;
}

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;

  border: solid 2px transparent;
  border-top-color: #29d;
  border-left-color: #29d;
  border-radius: 50%;

  -webkit-animation: nprogress-spinner 400ms linear infinite;
          animation: nprogress-spinner 400ms linear infinite;
}

.nprogress-custom-parent {
  overflow: hidden;
  position: relative;
}

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute;
}

@-webkit-keyframes nprogress-spinner {
  0%   { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes nprogress-spinner {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* NPROGRESS */



/* BUTTON SCROLL TO TOP */
#scroll-top{
	display: none;
	background-image: url(../images/scroll_top.png);
	position: fixed;
	right: 20px;
	bottom: 35px;
	width: 68px;
	height: 68px;
	opacity:0.6;
	z-index: 9999;
}

#scroll-top:hover{
	cursor:pointer;
}



/* BUTTON SCROLL TO TOP */









/* UPLOADER */
.files-personal-free-space{
	text-align: center;
	font-size: 16px;
	background: #eee;
	padding: 20px;
}

.files-personal-upload-block{
	text-align: center;
	font-size: 16px;
	background: #eee;
	padding: 20px;
	
}



.qq-uploader { position:relative; width: 100%;}

.qq-upload-button {
    display:block; /* or inline-block */
    width: 310px; 
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 3px;
    vertical-align: bottom;
	background-color: #009688;
    border-color: #009688;
    color: #fff;
	padding: 10px 30px;
	border-width: 0;
	font-size: 11px;
    line-height: 1.6666667;
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    box-sizing: border-box;
	cursor:pointer;
	font-size: 12px;
}

.qq-upload-button:hover{
	color: #fff !important;
}

.qq-upload-button-hover {outline:1px dotted black;}
.qq-upload-button-focus {outline:1px dotted black;}

.qq-upload-drop-area {
    position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;
    background:#FF9797; text-align:center; 
}
.qq-upload-drop-area span {
    display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px;
}
.qq-upload-drop-area-active {background:#FF7171;}

.qq-upload-list {margin:0; padding:0; list-style:disc;}
.qq-upload-list li { margin:0; padding:2px;}
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {}
.qq-upload-spinner {display:none; background: url("../images/loading.gif"); width:15px; height:15px; vertical-align:text-bottom;}
.qq-upload-size,.qq-upload-cancel {font-size:11px;}

.qq-upload-failed-text {display:none;}
.qq-upload-fail {background: red; color: #fff; font-size: 12px;}
.qq-upload-fail .qq-upload-failed-text {display: block;}

.qq-upload-success-text {display:none;}
.qq-upload-success {background: green; color: #fff; font-size: 12px;}
.qq-upload-success .qq-upload-success-text {display: block;}



.progress {
    overflow:hidden;
    margin-top:10px;
	margin-bottom:10px;
    background-color:whitesmoke;
    height:20px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    background:#eee;
    -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
    box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}
 .progress .progress-bar {
    float:left;
    width:0%;
    font-size:12px;
    line-height:20px;
    color:white;
    text-align:center;
    background-color:#428bca;
    -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition:width 0.3s ease;/* Change delay */
    transition:width 0.3s ease;/* Change delay */
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    -webkit-box-shadow:none;
    box-shadow:none;
    height:20px;
}
.progress-bar span{
	
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    /*overflow:hidden;
    clip:rect(0 0 0 0);*/
    border:0;
	color: #333;
}
.progress-blue {
    background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0));
    background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%);
    background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%);
    background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%);
    background-repeat:repeat-x;
    border:1px solid #55aeee;
}




/* UPLOAD BLOCK */
.files-personal-list-header{
	background: #155fb5;
	border-radius: 3px;
	color: #fff;
	padding: 10px;
	font-size: 14px;
}



.files-personal-box{
	background: #beb;
	padding: 15px 0;
	font-size: 11px;
}

.files-personal-box.new-file{
	background: #fffd8c;
	padding: 15px 0;
	font-size: 11px;
}

.files-personal-id{
	text-align: center;
	font-weight: bold;
}
.files-personal-id span{
	background: #155fb5;
	color: #fff;
	padding: 10px 5px;
	border-radius: 3px;
	width: 65px;
	display: inline-block;
	text-align: center;
}
.files-personal-filename{
	text-align: center;
	font-weight: bold;
	white-space: nowrap; /* Отменяем перенос текста */
	overflow: hidden; /* Обрезаем содержимое */
	text-overflow: ellipsis;	
}
.files-personal-author{
	
	font-weight: bold;
	
}
.files-personal-extension{
	
	font-weight: bold;
	
}
.files-personal-size{
	
	font-weight: bold;
	
}
.files-personal-checksum{

	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.files-personal-action{
	text-align: center;
	font-weight: bold;
	
}


.files-personal-download{
	text-align: center;
}

.files-personal-download a{
	color: green;
}

.files-personal-clipboard{
	text-align: center;
}

.files-personal-clipboard a{
	color: #155fb5;
}

.files-personal-remove{
	text-align: center;
}

.files-personal-remove a{
	color: red;
}


.files-personal-download, .files-copy-clipboard, .files-personal-remove a:hover{
	cursor: pointer;
}




/* UPLOAD BLOCK */ 




/* REVEALATOR BLOCK */
.revealator-image{ 
	max-width: 100%;
	width: auto;
	width: 100%;
}

@media (min-width: 2000px) and (max-width: 2800px) { 
	.revealator-image{ 
		max-width: 100%;
		height: 160px;
		width: auto;
		width: 100%;
	}

}

@media (min-width: 2801px) and (max-width: 8000px) { 
	.revealator-image{ 
		max-width: 100%;
		height: 280px;
		width: auto;
		width: 100%;
	}

}

/* REVEALATOR BLOCK */




/* NAVIGATION */
.navigation {
	clear:both;
    padding: 20px 0;
	text-align:center;
}

.navigation span, .navigation a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
    border-radius: 2px;
    padding: 8px 14px;
	margin: 1px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;	
}


.navigation a {
	cursor: pointer;
	color: #155fb5;
	border: 2px solid #155fb5;
	background: #fff;
	font-weight: bold;
}

.navigation span {
	cursor: pointer;
	color: #155fb5;
	border: 2px solid #155fb5;
	background: #fff;
	font-weight: bold;
}


.navigation span.page-active {
	cursor: pointer;
	color: #fff;
	background: #155fb5;
	border: 2px solid #155fb5;
	font-weight: bold;
}


.navigation span:hover, .navigation a:hover {
	cursor: pointer;
    color: #fff;
	font-weight: bold;
	outline: 0 none;
	border: 2px solid #155fb5;
	background: #155fb5;
}



.navigation span.next-link-deactived:hover {
	cursor: default;
	color: #155fb5;
	background: #fff;
}

.navigation span.end-link-deactived:hover {
	cursor: default;
	color: #155fb5;
	background: #fff;
}


.navigation span.first-link-deactived:hover {
	cursor: default;
	color: #155fb5;
	background: #fff;
}

.navigation span.prev-link-deactived:hover {
	cursor: default;
	color: #155fb5;
	background: #fff;
}
/* NAVIGATION */









/* SPLITNEWSNAVIGATION FOR PAGEBREAK TINYMCY*/
.splitnewsnavigation {
	clear:both;
    padding: 20px 0;
	text-align:center;
}

.splitnewsnavigation span, .splitnewsnavigation a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
    border-radius: 2px;
    padding: 8px 14px;
	margin: 1px;
	-webkit-transition: all ease .3s;
	-moz-transition: all ease .3s;
	-ms-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;	
}


.splitnewsnavigation a {
	cursor: pointer;
	color: #155fb5;
	border: 2px solid #155fb5;
	background: #fff;
	font-weight: bold;
}

.splitnewsnavigation span {
	cursor: pointer;
	color: #fff;
	border: 2px solid #155fb5;
	background: #155fb5;
	font-weight: bold;
}




.splitnewsnavigation span:hover {
	cursor: default;
    color: #fff;
	font-weight: bold;
	outline: 0 none;
	border: 2px solid #155fb5;
	background: #155fb5;
}
.splitnewsnavigation a:hover {
	cursor: pointer;
    color: #fff;
	font-weight: bold;
	outline: 0 none;
	border: 2px solid #155fb5;
	background: #155fb5;
}
/* SPLITNEWSNAVIGATION FOR PAGEBREAK TINYMCY*/







/* ATTACHMENT */
.attachment-box{
	background: #eee;
	border: 1px solid #ddd;
	line-height: 20px;
}
.attachment-name {
  font-size: 13px;
  font-weight: bold;
  color: #155fb5;
  border-bottom: 3px solid #ccc;
  padding: 4px 0;
}
.attachment-description{
	font-size: 11px;
	text-align: left;
}

.attachment-button:hover{
	cursor: pointer;
}

/* ATTACHMENT */





/* ATTACHMENT PROGRESS BAR */
.progress_bar {
	/*display:none;*/
	position: relative;
	background: #ddd;
	height: 5px;
	border-radius: 2px;
	box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.2);
	padding: 0 1px;
}

.progress_bar_line {
	background: #2c4c7f;
	background: -moz-linear-gradient(left,  #2c4c7f 0%, #c95cc6 50%, #f7b401 100%);
	background: -webkit-linear-gradient(left,  #2c4c7f 0%,#c95cc6 50%,#f7b401 100%);
	background: linear-gradient(to right,  #82a6d1 0%, #155fb5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2c4c7f", endColorstr="#f7b401", GradientType=1);
	/*
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
*/
	
	height: 4px;
	border-radius: 2px;
	position: relative;
	width: 0;
}

.progress_bar_info{
	color: #333;
	text-align: center;
	font-size:11px;
}

.progress_line div {
	font-size: 8px;
	position: absolute;
	color: #fff;
	opacity: 0.8;
	left: 50%;
	transform: translateX(-50%);
}
/* ATTACHMENT PROGRESS BAR */



/* FIX YOUTUBE PLAYER WIDTH. Shadows for yandex map and youtube player */
iframe[src^='https://www.youtube.com']{
	max-width: 100%;
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
}

/* Recaptcha */
iframe[src^='https://www.google.com/recaptcha']{
	
}

/* Yandex Map */
iframe[src^='https://yandex.ru/map-widget']{
	box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.6);
}



/* Sensors */
@font-face { 
  font-family: 'DigitalFont'; 
  src: url('../fonts/DigitallCG.eot');                                    /* IE9 Compat Modes */ 
  src: url('../fonts/DigitallCG.?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
       url('../fonts/DigitallCG.woff2') format('woff2'),                  /* Новейшие браузеры */ 
       url('../fonts/DigitallCG.woff') format('woff'),                    /* Новые браузеры и IE9+ */ 
       url('../fonts/DigitallCG.ttf')  format('truetype'),                /* Старые Safari, Android, iOS */ 
       url('../fonts/DigitallCG.svg#svgFontName') format('svg');          /* Древние Safari, iOS, Android */ 
  font-weight: normal; 
  font-style: normal; 
}


.widget { position: relative; font-size: 16px; width: 100%; min-height:270px; border: 1px solid #ccc; background-color: #f3f3f3; }
.widget h2 { font-size: 0.9em; text-align: center; margin:0;}
.widget .last-time{text-align: center;font-size:12px; color:#aaa; font-weight:bold;}

.widget .instance-gauge { width: 60%;height: auto;margin: 0 auto; }
.widget .instance-digital { font-family: 'DigitalFont';
font-size: 48px;
text-align: center;
color: #155fb5;
width: 100%;
height: auto;
margin: 0 auto;
top: 50%;
position: absolute;
transform: translateY(-50%);}

.widget .min-val-gauge{position: absolute; left:80px; bottom: 15px; color:#aaa; font-weight:bold;}
.widget .max-val-gauge{position: absolute; right:80px; bottom: 15px; color:#aaa; font-weight:bold;}

.widget .min-val-digital{position: absolute;bottom: 25px;color: #aaa;font-weight: bold;left: 10px;}
.widget .max-val-digital{position: absolute;bottom: 10px;color: #aaa;font-weight: bold;left: 10px;
/* Sensors */