body {
	/*background-image: url(../images/the-fog-4909513_1280.jpg); */
	 
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
    background-color:#F1EFEB;  /* #e3e5e6; #c0d6df;*/
    color: #161a33;
}

@media screen and (min-width: 960px) {
  html {
    margin-left: calc(100vw - 100%);
    margin-right: 0;
  }
}


h1{
                   color : #1B221B;
                   letter-spacing: 2px; 
                   font-size: 1.0rem;
}

:root {
  --cassiopeia-color-primary: 	#474972; /*#d6e2d9;  #C0C0C0 */
  --cassiopeia-color-hover: #d0744f; /*green;*/
  --cassiopeia-color-link: blue;
 --first-menu-level-font-size: 0.9rem; /*Размер шрифта верхнего уровня меню*/
 --first-menu-level-font-weight: 450; /*Вес шрифта верхнего уровня меню*/ 
 --color-header-letter : #FFD258; /*Цвет надписей шапки*/
  
  --color-table-rov1: #c0d6df; /*Цвет строки таблицы*/
  --color-table-rov2: #dbe9ee; /*Цвет строки таблицы*/
  --colot-table-title: #E0DDD6;  /* #c0d6df; Цвет шапки таблицы*/
  --color-table-border: #D1CFCB;   /*Цвет границы таблицы*/
  --color-table-text: #787774; /*Цвет текста*/
  --color-table-rov: #F1EFEB; /*Цвет самой таблицы*/
  }


/* Меню на русском языке - пункты верхнего уровня
 letter-spacing: 1px;
*/
.Menu-ru-class{font: sans-serif;
                  font-size: 0.6rem;
            
             justify-content: center;
              background-color:#f09a78  /*  #556155; * #d6e2d9;*/
              border-radius: 0.30rem;
              color:#c0d6df /*#1B221B  ;   #FFFFF2;*/
              padding: 5; 
              bottom:0;
              height: auto;
              }
/*
.metismenu.mod-menu {
    color: #1b221b;
 } 
*/



/*фон и цвет текста меню*/
.metismenu.mod-menu {
    background:#f09a78    /*#c0d6df; #ffd258;  #d6e2d9;*/
   color: #1b221b;
     font-size:0.9rem;
}
.metismenu.mod-menu a{
  font-size:0.9rem;
}
  
/*Цвет фона развернутого меню*/
.metismenu.mod-menu .mm-collapse {
    background: #F5F5F5; /*  #d6e2d9; */
    box-shadow: 12px 8px 8px #EFEFEF;
   border-radius: 5px;

}
/*цвет текста развернутого меню*/
.metismenu.mod-menu .mm-collapse .metismenu-item a {
      color: #1b221b;
      font-size: 0.8rem;
}




.container-header {
  position: relative;
  z-index: 1;
/*  background-image: url(../images/the-fog-4909513_1280.jpg); */
  background-color: var(--cassiopeia-color-primary); /*  #FFFFFF;    #F5F5F5; #d6e2d9;*/
  background-image: url(../images/bg-page__jpg.jpg);
  /* var(-- --cassiopeia-color-hover);*/
 /**** background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-primary) 100%);*/
   background-image: linear-gradient(135deg, var(--cassiopeia-color-primary); 0%, var(--cassiopeia-color-primary); 100%);
 /* -webkit-box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset;
          box-shadow: 0 5px 5px hsla(0, 0%, 0%, 0.03) inset; */
  color: #1B221B;

}

.footer {
  margin-top: 1em;
  color :#000000;
 /* color: hsl(0, 0%, 100%); */
  text-align: center;
  background-color: var(--cassiopeia-color-primary); 
  background-image: linear-gradient(135deg, var(--cassiopeia-color-primary) 0%, var(--cassiopeia-color-primary) 100%);
}

/* Меню на белрусском языке - пункты верхнего уровня
 letter-spacing: 1px;
*/

/*Иконка логотипа
logo-image.{
  height: 30px;
  width: 30px;
}
*/

.title-contact-class{
  /*display: flex; */
  display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
  }

/*Надпись имени компании рядом с логотипом*/
.logo-name{
  max-width: 300px; 
    padding-top: 1px;
    margin-left: 10px;
    color: var(--color-header-letter); /*#1B221B; #003300; */
    font-size: 1.1rem;
  /* text-shadow: 2px 3px 4px pink;*/
  letter-spacing: 2px;
  position: relative;
  left: 3px;
 }

/*Адрес, рядом (в шапке) с логотипом и названием компании*/
.company-contact{
       padding-top: 0px;
       text-align: left; 
      /* width: 300px; */
      /* margin-left: 20px; */
      font-size: 0.7rem;
   /*border:1px solid #808080; 
   border-radius: 10px; */
    line-height: 1.1;
    letter-spacing: 1px;
    color: var(--color-header-letter);
   top: 5px;
}
.company-contact a{
   text-decoration: none;
   text-align: left;
   
} 

.modal.fade {
  z-index: 10000000 !important;
}

/*телефоны и емайл в шапке сайта*/
.company-phone{
   padding-top: 1px;
   font-size: 0.7rem; 
   color:var(--color-header-letter);
  
}
.company-phone a{text-decoration: none;}

/*не показываем на мобильных устройствах телефон и емайл в шапке, уменьшаем шрифт названия организации*/
@media screen and (max-width: 960px) {
  .company-phone{
    display: none;
  }

  .logo-name{
    max-width: 250px; 
    padding-top: 1px;
    margin-left: 10px;
    color: var(--color-header-letter); /*#1B221B; #003300; */
    font-size: 0.9rem;
  
  letter-spacing: 1px;
  position: relative;
  left: 3px;
 }
  
}

/*Горячая линия*/
.hot-phone{
  padding-top: 20px;
  color: #003300; 
  font-size: 0.7rem;
  display: grid;
  
 /* top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto; 
  */

}

/*Копирайт*/
.mod-copyright{
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    text-align: center;
    font-size: 0.8rem;
    line-height: 0.8;
    letter-spacing: 1px;
    position: relative;
   color:var(--color-header-letter);
}
.mod-copyright a{
   text-decoration: none;
  }

/*Модуль вывода контактов в боковой панели*/
.our-company{
     margin-right: auto;
     text-align: left;
     font-size: 0.8em;
     line-height: 1.2em ;
     letter-spacing: 1px;
}
/*Модуль вывода контактов в боковой панели - наименование значений*/
.our-company-label{
  font-size: 0.9em;
  font-weight: 600;
}
.our-company a{
   text-decoration:none;
   font-size: 0.8rem; 
}

/*Цвет иконки "гамбургер" меню*/
.container-header .navbar-toggler {
   border:2px solid #d6e2d9;
  color:#8ca495   ;
  cursor:pointer;
 }

/*Нижние баннеры горизонтально*/

.banneritem {
  float: left;
  display: inline;

  /*height: 75px;
  width: 200px;*/
  max-width: 17%;
  height: auto;
  
/* outline: 1px solid #E0E0E0;*/
 /* paddining: 20px; 20px, 20px, 20px; */
  margin:5px; 
}
/*Нижние баннеры при наведении мышии выделяется рамка*/
/*.banneritem:hover{
float: left;
  display: inline;
    width: 18%;
  outline:2px solid #E0E0E0;
  paddining: 20px; 20px, 20px, 20px; 
  margin:5px;   */
}

/* */
details {
 /* border: 1px solid #aaa; */
/*  border-radius: 5px; */
  padding: 0.5em 0.5em 0;
  font-size: 0.8rem;
  letter-spacing:1px
  text-align: justify;
  
;
}

summary {
   font-weight: 500;
   margin: -0.5em -0.5em 0;
   padding: 0.5em;
   font-size: 0.9rem;
   letter-spacing:1px
  
}

details[open] {
  padding: 0.8em;
  text-align: justify;
  border: 1px solid;
  border-radius: 3px;
  border-color:#d6e2d9;
  margin-bottom:3px;
}

details[open] summary {
 /* border-bottom: 1px solid #aaa;*/
  margin-bottom: 0.5em;
  
}


/*Таблица отображения сотрудников в меню Телефоны сотрудников*/
.empl-item{
	border: 1px solid var(--color-table-border); /*#eee;*/
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
    color: var(--color-table-text);
   
}
.empl-item a{
    text-decoration: none;	
}

.empl-item th {
    font-size: 0.8rem;
	font-weight: bold;
	padding: 5px;
    height: 50px;
	background: var(--colot-table-title);   /*#efefef;*/
	border: 1px solid var(--color-table-border);    /* ffffff;*/
}
.empl-item td{
 background: var(--colot-table-rov);
     border: 1px solid var(--color-table-border); /* #ffffff; */
   height: 40px;
}

.empl-item th:nth-child(2){width: 35%}
.empl-item th:nth-child(3){width: 25%}
.empl-item td{
	padding: 5px 10px;
	border: 1px solid var(--color-table-border); /*#eee;  */
	text-align: left;
    font-size: 0.8rem;
}
/*.empl-item tbody tr:nth-child(odd){
	background: var(--color-table-rov1);
}
.empl-item tbody tr:nth-child(even){
	background: var(--color-table-rov2);
}*/

/*Таблица админ-процедур*/
.admin-procedure{
   font-size: 0.7rem;
   color: var(--color-table-text);
  border: 1px solid var(--color-table-border);
   table-layout: fixed;
    width: 100%;
}

.admin-procedure th {
  background: var(--colot-table-title);
  text-align: center;
  border: 1px solid var(--color-table-border);
 
 }

.admin-procedure td {
  background: var(--color-table-rov); 
  word-break: break-all;
  border: 1px solid var(--color-table-border);
  }

/*План антикоррупционных мероприятия*/
.plan-anticorr{
	border: 1px solid #eee;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
    background: var(--colot-table-title);
}
.plan-anticorr th{
	font-weight: bold;
    font-size: 0.7rem;
	padding: 5px;
	background: var(--colot-table-title);
	/*border: 1px solid #dddddd;*/
    border: 1px solid var(--color-table-border); 
}
/*.plan-anticorr th:nth-child(1){width: 7%} */
/*.plan-anticorr th:nth-child(2){width: 50%} */
.plan-anticorr td{
	padding: 5px 10px;
     font-size: 0.7rem;
	/*border: 1px solid #eee;*/
     border: 1px solid var(--color-table-border); 
	text-align: left;
    background: var(--colot-table-title); 
}
/*.plan-anticorr tbody tr:nth-child(odd){
	background: var(--color-table-rov1);
}
.plan-anticorr tbody tr:nth-child(even){
	background: var(--color-table-rov2); */
}/* END План антикоррупционных мероприятия*/

/*Прейскурант на услуги*/
.price-class{
	/*border: 1px solid #eee; */
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
    color: var(--color-table-text);
}
.price-class th {
	font-weight: bold;
    font-size: 0.7rem;
	padding: 5px;
	background: var(--colot-table-title);
	border: 1px solid var(--color-table-border);   /*#dddddd; */
    word-break: break-all; 
    text-align: cenere;
  
}
.price-class th:nth-child(1){width: 5%}
.price-class th:nth-child(2){width: 50%} 
.price-class td{
	padding: 5px 10px;
    font-size: 0.7rem;
	border: 1px solid var(--color-table-border); /*#eee; */
	text-align: left;
    word-break: break-all; 
    background: var(--colot-table-rov); 
}
/*.price-class tbody tr:nth-child(odd){
	background: var(--color-table-rov1);
}
.price-class tbody tr:nth-child(even){
	background: var(--color-table-rov2);;
} */
.price-description-class{
 font-size: 0.8rem;
  text-align: justify;
}
  
/* END Прейскурант на услуги*/

/*телефон горячей линии*/
.HotPhoneIco-class {
 width: 25px; 
}

.HotPhoneIco-class  a{text-decoration:none;}

/*Структура предприятия*/
 /*end Структура предприятия*/                


/*Заглавие модуля лента новостей*/
.newslist-header-class{
  font-size: 1.0rem;
}

/*Текст модуля лента новостей*/
.newslist-class{
  font-size: 0.7rem;
}

.mod-articlesnews__item{font-size: 0.7rem;}

/*Телефон ситуативной помощи(вся надпись)*/
.mod-phoneassistance{
  font-size:0.9rem;
  font-weight: 400;
  text-align: left;
  letter-spacing: 1px; 
 }
/*Телефон ситуативной помощи(вся надпись) ссылки*/
.mod-phoneassistance a{
 text-decoration: none;  
}

/*Телефон записи на личный прием*/
.mod-personal-reception{
   font-size:0.8rem;
   font-weight: 500;
  letter-spacing: 1px; 
  text-align: left;
}
.mod-personal-reception a {text-decoration: none; }


/*Выравнивание  в колнку записей на странице "руководство"*/
.manager-item{
  display: flex; 
  margin-bottom: 20px;
         /* Обрамление рамкой */
          border: 2px solid LightGrey;
          border-radius: 5px;
          padding:20px; 
  
 /*flex-direction: column; */
}

/*Фото руководителя на странице "Руководство"*/
.manager-image{
   float: left;
   width: 200px;
   /*height: 250px; */
  border: 1px solid LightGrey;
}

/*Описание рядом с фото руководителя на странице "Руководство" (должность, фио, тел.)*/
.manager-item-description{
  padding-left : 20px;
  font-size:0.9rem;
  font-weight: 400;
}
/*Ссылки в тексте описания рядом с фото руководителя*/
  .manager-item-description a{
    text-decoration: none; 
  }

.img-stone{
     width:250px;
      transition: width 2s;
}

.img-stone:hover {
    width: 1000%;
    height: 1000%;
    max-width: 1000%;
}

  /*Список топ-новости*/
  .news-list{
    font-size:0.9rem;
    font-weight: 400;
    border: 2px solid LightGrey;
    padding: 7px;
    background: #e3e5e6; 
     background-color: #F1EFEB;  /*#e3e5e6; #dbe9ee; */
    border-radius: 7px;
  }

 /*Модуль последних новостей
  .news-list{
  
  }
*/

  .news-link {
    display: block; 
    text-decoration: none;
    color: black;
    font-size:0.8rem;
    border-bottom: 0.1rem solid gray; 
    border-bottom-style: groove;
  }



  /*Заглавия модулей*/
  .card-header{font-size: 0.9rem;}
 
/*Строка навигации "где вы находитесь"*/
.mod-breadcrumbs__wrapper{
  font-size: 0.8rem;  
}
  .mod-breadcrumbs__wrapper a{
   font-size: 0.8rem;  
  }

#carouselExampleFade{
  float: center;
  width = 450px;
} 

  /*Кнопка "наверх"*/
#back-top{
    background: #FFFFFF; /*#ffd258;*/
}  

 
 /*Переключатель языка*/
  .mod-languages {
    font-size:0.9rem;
    /*     border: 3px solid black;
   language-switcher-class ul{
    red;
  font-size: 0.8rem;
}
     flex-basis: 250px; */
    margin-left: auto;
    color: var(--color-header-letter);
  }

 .mod-get-date{
   color: var(--color-header-letter);
   font-size: 0.7rem;

 }

  /*Поле ввода поискового запроса*/
  #mod-finder-searchword127{
    font-size: 0.8rem;
    width:180px;

  }
container-nav{
    background: var(--color-header-letter);
 }


/*Заглавие модуля последних новостей*/
.class-top-news-title{ 
  font-size: 0.9rem;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 7px;
  }

 
   .class-news-list{background-color: #55608c; }

  .grid-child container-nav{
     display: flex;
 
  }

  .container-topbar{
    background-color: #ffffff;
  }
/*модуль с икионками для соцсетей*/
  .social-media-icon{
      width: 100px;
      display: flex;
      align-items: center;
      justify-content: center;
     
  }

  .carousel-inner > .carousel-item > img {
     width:600px;
     margin-left: auto;
     margin-right: auto;
    
}


  /*График приема вышестоящей организации (таблица)*/
.grafik-priema-minsk{
   font-size: 0.8rem;
   letter-spacing: 1px; 
   color: var(--color-table-text);
 }


.grafik-priema-minsk th {
  background: var(--colot-table-title);
  text-align: center
  border: 1px solid var(--color-table-border); 
 }

.grafik-priema-minsk td {
  background: var(--colot-table-rov);
  text-align: center
  word-break: break-all;
  border: 1px solid var(--color-table-border); 
  } 

.grafik-priema-minsk-f{
  font-size: 0.8rem;
   letter-spacing: 1px; 
  font-weight: 600;
}

/*Блог новостей, (меню "новости")*/
.blog-item {
            margin-left: auto;
            margin-right: auto;
           max-width: 75%; 
           font-size: 1.0rem;
           text-align: justify;
  
           }
/*Заглавия ссылки блога новостей*/
.blog-item a{
    font-size: 1.1rem;
    text-decoration: none;
  }

.mod-operatingmode-title{ text-align: center;
    }

.mod-operatingmode{
                 max-width: 50%;
                 text-align: center;
                 font-size: 1.0rem;
   margin-left: auto;
    margin-right: auto;
             }

/*Прямая линия с директором*/
.straight-line-class{
           max-width: 100%; 
           font-size: 0.8rem; 
           font-weight: 600;
           letter-spacing: 1px;  
           background: #e3e5e6; /*var(--colot-table-title); */
           
}

.straight-line-class a{
  text-decoration:none;}
  

/*Предупреждение о использовании cookies*/
.warning-cookie{
   font-size: 0.8rem; 
   color: var(--color-header-letter); 
   background-color: var(--cassiopeia-color-primary); 
   text-align: center;
  padding: 5px;
  margin-top:3px;
  margin-boottom:3px;
  letter-spacing: 1px;
  line-height: 2.1em;
}
.warning-cookie a{
  font-style: italic;
  text-decoration: underline;
  font-size: 0.7rem;
  }

/*Ссылки в карточках на главной странице*/
.class-homepage-card-link{
  text-decoration: none;
  font-size: 14px;
  color: black;
  font-weight:600;
}

/*Заглавие списка телефонов сотрудников*/
.class-employee-phone-title{
   font-size: 0.9rem;
    font-weight:500;
  padding-bottom: 7px;
}

/*Дата публикации на странице ленты новостей*/
.published{
   font-size: 0.7rem;
}