@import url('https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.15.4/css/fontawesome.min.css');
/*@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/

/*текст постановлений*/
.files-download a,.content .news li {
	font-size: 1rem;line-height: 1.3rem;
	
}
.news > a
{
	font-size: 1rem;
}

.Hiding,.Opening {
	font-size: 1rem;
}


/*header*/
.div_head {
    background: var(--b_color);
    margin: 0 0 15px 0;
    padding: 3px;
    border-radius: 3px;
    height: 26px;
}

.fa-youtube-play:before,
.fa-vk:before,
.fa-odnoklassniki,
.fa-facebook-f:before,
.fa-facebook:before,
.fa-instagram:before,
.fa-twitter:before,
.fa-home:before,
.top_links {
    color: var(--t_color);
    vertical-align: middle;
}

.left-over {
    background: url("images/left-over.png") no-repeat;
}
.right-over {
    background: url("images/right-over.png") no-repeat;
}

.menu-center {
    background: url(images/sprite.png) no-repeat center;
}

.mainMenu {
    background: url("images/menu-bg.png") repeat-x;
}

.mainMenu > li > a,
.mainMenu > li > span {
    background: url("images/menu-divider.png") right no-repeat;
}

.desktop .mainMenu > li:hover,
.mainMenu > li.active,
.mainMenu > li.selected {
    background: url("images/menu-hover.png") repeat-x;
}

* + html .mainMenu > li:hover {
    background: url("images/menu-hover.png") 0 0px repeat-x;
}
* + html .mainMenu > li.selected {
    background: url("images/menu-hover.png") 0 0px repeat-x;
}

.mainMenu > li.selected:first-child {
    background: url("images/menu-hover.png") repeat-x;
}

.mainMenu .mainMenuPodmenu {
    background: #2274b4;
}

.desktop .mainMenu .mainMenuPodmenu ul > li:hover {
    background: #1c67a9;
}

.mainMenu .mainMenuPodmenuLevelTwo {
    background: #195f9d;
    border: 1px solid #2377c1;
}

.desktop .mainMenu .mainMenuPodmenuLevelTwo ul li:hover {
    background: #3c95e3;
}

.mainMenu .mainMenuPodmenu ul > li a {
    color: #d4ecff;
}

.mainMenuPodmenuLevelTwo ul li em {
    background: url("images/menu-dropdown.png") right no-repeat;
}

.desktop .mainMenu .mainMenuPodmenuLevelTwo ul li:hover em {
    background: url("images/menu-dropdown-hover.png") right no-repeat;
}

.desktop .mainMenu .mainMenuPodmenu ul > li:hover > a {
    color: #ffffff;
}

.mainMenu .mainMenuPodmenu ul > li {
    border-bottom: 1px solid #165298;
}

.mainMenu > li > a,
.mainMenu > li > span {
    color: #fefefe;
}
.logo {
    float: left;
}

/*header columns*/
.head_col {
    width: 25px;
}
.desc_1 {
    font-size: 12px;
    font-weight: bold;
    color: #7a7a7a;
    margin-top: -30px;
}

/*useful links*/

.links_desc {
    all: unset;
    text-align: center;
    color: black;
    text-decoration: none;
    font-size: 0.875rem;
}
.item__img {
    margin-bottom: 14px;
}

/*news*/
.bx-newslist-title {
    text-align: center;
}
.bx-newslist-title.bx-newslist-title a {
    font-size: 16px;
}

/*навигация*/


.path ul li {
    font-size: 20px;
    font-weight: 600;
    /*color: var(--b_color);*/
    text-align: center;
    word-break: normal;
}
/*отображение названия в слайдере*/
.star_bxslider_wrapper .bx-caption span {
    background-color: var(--tc_color);
    font-family: Golos, Helvetica;
    font-size: 16px;
}
/*ссылка в названиях объектов*/
.bxmap-popup-inner .bxmap-item-url {
    word-break: normal;
}
/*аннотация в анонсе на карте */
.bxmap-popup-inner .bxmap-item-description {
    word-break: normal;
    text-align: justify;
}
.bxmap-popup-inner .bxmap-item-name {
    word-break: normal;
    text-align: center;
}
.bxmap-item-direction {
	display: none;
}
/*кнопка для слабовидящих*/
#specialButton {
    position: absolute;
    right: 60px;
    margin-top: 10px;
}

#specialButton img {
    position: relative;
    right: 0px;
}
/*верхняя панель */
.top_links:hover {
    color: var(--h_color);
}

/*заголовки новостей*/
.content .news h2 {
    background-color: var(--t_color);
    margin-top: -4px;
    position: absolute;
}



/*Секция глава города*/
@media only screen and (min-width: 1024px) {
    .mayor_city {
        background: url("https://novotroitsk.orb.ru/images/2021/New_main/mayor_bg.jpg") no-repeat center center;
        background-size: cover;
        color: var(--t_color);
        padding: 134px 0 110px 0;
        font-family: Golos, Helvetica, Arial;
    }
    .mayor_city {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 3%;
    }
    .grid_unit_header {
        color: var(--t_color);
        text-align: center;
    }
    .grid_unit p,
    .grid_unit a {
        color: var(--t_color);
        text-align: center;
        text-decoration: none;
    }
    .grid_unit a:hover {
        text-decoration: none;
        font-size: 1.1rem;
    }
    .btn_main_mayor {
        background-color: #003b81;
        font-size: 1.1rem;
        vertical-align: middle;
        border: none;
        color: var(--t_color);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .btn_main_mayor:hover {
        background-color: var(--t_color);
        border: solid 1px rgb(0, 60, 160);
        color: rgb(0, 60, 160);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .grid_unit {
        background-color: rgba(0, 59, 129, 0.6);
        padding: 3%;
    }

    .digit_index {
        padding-top: 3%;
        padding-bottom: 3%;
        text-align: center;
        vertical-align: middle;
    }
    .digit_decr {
        color: var(--t_color);
        font-size: 1.5rem;
        text-align: center;
    }
    .digit {
        color: var(--t_color);
        font-size: 2rem;
        text-align: center;
    }
}
.digit_index .digit_index a, .grid_unit_digit > .digit_index > .digit a {
    color: var(--t_color);
    font-size: 2rem;
}
.digit_index .digit_index a:hover, .grid_unit_digit > .digit_index > .digit a:hover {
color: var(--t_color);
    text-decoration: none;
    font-size: 1.7rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
head_col,.head_contacts{
display:none;
}
    .mayor_city {
        background: url("https://novotroitsk.orb.ru/images/2021/New_main/mayor_bg.jpg") no-repeat center center;
        background-size: cover;
        color: var(--t_color);
        padding: 134px 0 110px 0;
        font-family: Golos, Helvetica, Arial;
    }
    .mayor_city {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 3%;
    }
.mayor_img{width:50%; height:auto;}
    .grid_unit_header {
        color: var(--t_color);
        text-align: center;
    }
    .grid_unit p,
    .grid_unit a {
        color: var(--t_color);
        text-align: center;
        text-decoration: none;
    }
    .grid_unit a:hover {
        text-decoration: none;
        font-size: 1.1rem;
    }
    .btn_main_mayor {
        background-color: #003b81;
        font-size: 1.1rem;
        vertical-align: middle;
        border: none;
        color: var(--t_color);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .btn_main_mayor:hover {
        background-color: var(--t_color);
        border: solid 1px rgb(0, 60, 160);
        color: rgb(0, 60, 160);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .grid_unit {
        background-color: rgba(0, 59, 129, 0.6);
        padding: 3%;
    }

    .digit_index {
        padding-top: 3%;
        padding-bottom: 3%;
        text-align: center;
        vertical-align: middle;
    }
    .digit_decr {
        color: var(--t_color);
        font-size: 1.5rem;
        text-align: center;
    }
    .digit {
        color: var(--t_color);
        font-size: 2rem;
        text-align: center;
    }
}
.digit_index .digit_index a, .grid_unit_digit > .digit_index > .digit a {
    color: var(--t_color);
    font-size: 2rem;
}
.digit_index .digit_index a:hover, .grid_unit_digit > .digit_index > .digit a:hover {
color: var(--t_color);
    text-decoration: none;
    font-size: 1.7rem;
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
head_col,.head_contacts{
display:none;
}
    .mayor_city {
        background: url("https://novotroitsk.orb.ru/images/2021/New_main/_19Y8569.jpg") no-repeat center center;
        background-size: cover;
        color: var(--t_color);
        padding: 134px 0 110px 0;
        font-family: Golos, Helvetica, Arial;
    }
    .mayor_city {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 3%;
    }
.mayor_img{width:40%; height:auto;}
    .grid_unit_header {
        color:var(--t_color);
        text-align: center;
    }
    .grid_unit p,
    .grid_unit a {
        color: var(--t_color);
        text-align: center;
        text-decoration: none;
    }
    .grid_unit a:hover {
        text-decoration: none;
        font-size: 1.1rem;
    }
    .btn_main_mayor {
        background-color: #003b81;
        font-size: 1.1rem;
        vertical-align: middle;
        border: none;
        color: var(--t_color);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .btn_main_mayor:hover {
        background-color: var(--t_color);
        border: solid 1px rgb(0, 60, 160);
        color: rgb(0, 60, 160);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .grid_unit {
        background-color: rgba(0, 59, 129, 0.6);
        padding: 3%;
    }

    .digit_index {
        padding-top: 3%;
        padding-bottom: 3%;
        text-align: center;
        vertical-align: middle;
    }
    .digit_decr {
        color: var(--t_color);
        font-size: 1.5rem;
        text-align: center;
    }
    .digit {
        color: var(--t_color);
        font-size: 2rem;
        text-align: center;
    }
}
.digit_index .digit_index a, .grid_unit_digit > .digit_index > .digit a {
    color: var(--t_color);
    font-size: 2rem;
}
.digit_index .digit_index a:hover, .grid_unit_digit > .digit_index > .digit a:hover {
color: var(--t_color);
    text-decoration: none;
    font-size: 1.7rem;
}
@media only screen (max-width: 480px) {
    .mayor_city {
        background: url("https://novotroitsk.orb.ru/images/2021/New_main/_19Y8569.jpg") no-repeat center center;
        background-size: cover;
        color: var(--t_color);
        padding: 134px 0 110px 0;
        font-family: Golos, Helvetica, Arial;
    }
    .mayor_city {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
        padding: 3%;
    }
.mayor_img{width:30%; height:auto;}
    .grid_unit_header {
        color: var(--t_color);
        text-align: center;
    }
    .grid_unit p,
    .grid_unit a {
        color: var(--t_color);
        text-align: center;
        text-decoration: none;
    }
    .grid_unit a:hover {
        text-decoration: none;
        font-size: 1.1rem;
    }
    .btn_main_mayor {
        background-color: #003b81;
        font-size: 1.1rem;
        vertical-align: middle;
        border: none;
        color: var(--t_color);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .btn_main_mayor:hover {
        background-color: var(--t_color);
        border: solid 1px rgb(0, 60, 160);
        color: rgb(0, 60, 160);
        cursor: pointer;
        width: 100%;
        height: 81px;
    }
    .grid_unit {
        background-color: rgba(0, 59, 129, 0.6);
        padding: 3%;
    }

    .digit_index {
        padding-top: 3%;
        padding-bottom: 3%;
        text-align: center;
        vertical-align: middle;
    }
    .digit_decr {
        color: var(--t_color);
        font-size: 1.5rem;
        text-align: center;
    }
    .digit {
        color: var(--t_color);
        font-size: 2rem;
        text-align: center;
    }
}
.digit_index .digit_index a, .grid_unit_digit > .digit_index > .digit a {
    color: var(--t_color);
    font-size: 2rem;
}
.digit_index .digit_index a:hover, .grid_unit_digit > .digit_index > .digit a:hover {
color: var(--t_color);
    text-decoration: none;
    font-size: 1.7rem;
}
/*раздел ведомственных новостей*/
.clearfix > .edds_switch_off_cont b {
 	font-size:0.8rem;
 }
.clearfix > .edds_switch_off_cont .unit_block a{
	text-decoration: none;
}
.clearfix > .edds_switch_off_cont .unit_block a:hover{color: var(--hover_color);}
/*раздел новостей предприятий города*/
.clearfix > .\.news-header_top h3 {
	color: var(--t_color);
}
/*Отступ от правой колонки виджетов*/
.bx-context-toolbar-empty-area .bx-context-toolbar-empty-area {
	padding-right: 3%;
}
.news > div {
	padding-right: 3%;
  font-size: 1rem; 
}

/*Новости предприятий города*/
.news-date-time {
	position: absolute;
	z-index: 1;
	left: 0;
 background-image:  linear-gradient(90deg, var(--b_color), var(--link_color), var(--hover_color), var(--err_color));
/*background-color: var(--b_color);*/
	color: var(--t_color);
}
 .preview_picture {
	 width: 20%;
	 height: auto;
	
}
.clearfix > .edds_switch_off_cont b {
	font-size: 1rem;
padding-left:3%;
}
/*вспомогательное  меню
.section-menu {
	float: left;
    display: inline-block;
	border-top: double var(--b_color);
	border-bottom: double var(--b_color);

}*/

/*масштабируемое рабоче поле*/
@media all and (min-width: 1024px) and (max-width: 1280px) {.centerCol .clearfix {
	width:95%;
}
.section-menu a {
	margin: 5px;
}
.section-menu {
	width: 90%;
}
 }

@media all and (min-width: 768px) and (max-width: 1024px) { .centerCol .clearfix {
	width:90%;
}
.section-menu a {
	margin: 3px;
}
.section-menu {
	width: 88%;
}
}

@media all and (min-width: 480px) and (max-width: 768px) { .centerCol .clearfix {
	width:80%;
}
.section-menu a {
	margin: 2px;
}
.section-menu {
	width: 80%;
}
}

@media all and (max-width: 480px) { .centerCol .clearfix {
	width:70%;
}
.section-menu a {
	margin: 2px;
}
.section-menu {
	width: 70%;
}
}

.news-detail a {font-size:1rem;}
/*невидимый блок*/
.invisible {display:none;}
/*изображения новостей*/
.content .news ul li img {
	width:50%;
	height: auto;
}
.preview_picture {
	width:30%;
	height: auto;
}
div.news-detail img.detail_picture {
	width:25%;
	height: auto;
}
.detail_picture { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } 
.detail_picture:hover { -webkit-transform: translate(100%, 100%) scale(3);
 transform: translate(100%, 100%) scale(3); 
position: absolute;
	z-index: 999;} 


/*Прогноз погоды в шапке*/
/*.white-block {
	border-color: var(--t_color);
	border-radius: 40px 40px 0px 0px;
}*/
.nuipogoda-html-informer span,
.fa-temperature-high {
	font-size: 1.5rem;
	color: var(--b_color);
}

/*Шапки отделов*/
@media  (max-width:900px) {
	.profile{display: flex;}
	
.profile-contact-info {
		   background-color: var(--tc_color);
	text-align: center;
	}
.profile-head {
position: unset;
	z-index: 1;
	text-align: center;
	background: var(--tc_color);
	color:var(--t_color);
	}
	.profile-info {
		display: grid;
			}
	.profile-cover {
		min-width: 20%;

	}
		
}
/*Блок в 2 колонки на главной*/
.clearfix > .\.news-header_top, .edds_switch_off_cont > div > .\.news-header_top h3, .edds_switch_off_cont div div .\.news-header_top h3{
 	background-color: var(--b_color);
	color: var(--t_color);
font-size:1.1rem;
}
 .\.news-header_top .fa-picture-o,.\.news-header_top .fa-futbol-o,.\.news-header_top .fa-industry,.\.news-header_top .fa-bullhorn ,.\.news-header_top .fa-headphones,.\.news-header_top .fa-newspaper-o,.\.news-header_top .fa-power-off, .\.news-header_top .fa-info-circle {
    font-size:1.5rem;
}
.edds_switch_off_cont {
	display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  
   }
.unit_block {
	padding-top: 2%;
padding-right:3%;
	
	border-bottom: solid 1px rgba(0, 29, 159, 0.5) ; 
}
/*виджет кнопок соцсетей*/
.soc_btn{display:grid; position:fixed;top:40%;right:0;}
.btn_vk, .btn_ok, .btn_fb, .btn_inst, .btn_tw, .btn_yt, .btn_tg{
  margin-bottom: 0;
margin-top:0;
border: none;
  padding: 5px 5px;
  font-size: 16px;
  cursor: pointer;
  width:30px;
  height:30px;
  text-align:center;
  v-align:middle;
  background-color:#003b81;color:#fff;
}
.btn_vk:hover{background-color:rgb(70, 128, 194);}
.btn_ok:hover{background-color:rgb(242, 114, 12);}
.btn_fb:hover{background-color:rgb(59,89,152);}
.btn_inst:hover{background-color:rgb(138, 58, 185);}
.btn_tw:hover{background-color:rgb(29,202,255);}
.btn_yt:hover{background-color:rgb(205, 32, 31);}
.btn_tg:hover{background-color:rgb(0, 136, 204);}
i.fa{ 
font-size:1rem;}

.orb__text-L{ font-size:1.5em;
line-height: 1.3em; color:var(--b_color);}

.orb__text-S{ font-size:0.85em;
line-height: 1.3em;}
/*градиентный текст*/
.gr_txt{
  background: linear-gradient(45deg, var(--b_color) 33%, var(--link_color), var(--hover_color), var(--err_color));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
/*большой текст*/

.big_txt{
    font-size: 1.4rem;
    font-weight: bold;
    text-transform: uppercase;
}
p {

    font-weight: 400;
    margin-bottom: 10px;
font-size: 1em;
line-height: 1.3em;
}
/*стикеры для обновления новостей*/
.sticker{position: relative;
  width: 150px;
  height: 35px;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  margin: 30px 10px 10px -30px;
  background-color:var(--b_color);
  border-radius: 0px 10px 250px / 0 200px 55px 250px;
  -webkit-box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.3);
  -moz-box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.3);
  box-shadow: -3px 5px 12px 0 rgba(0,0,0,0.3);
  //-ms-transform: rotateZ(-4deg);
  //-webkit-transform: rotateZ(-4deg);
  //transform: rotateZ(-4deg);
}
.sticker b {color:var(--t_color) }

caption {
	font-size: 1.25rem;
	font-weight: bolder;
	color: var(--b_color);
}