

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {

   background:#2d2978;

}



.nav-tabs a.nav-link {

  color: #2d2978 !important;

}


.nav-tabs a.active {

  color: #fff !important;

}





ul#readmemenu {flex-direction: row;}


@media (max-width:901px) {
	
ul#readmemenu {flex-direction: column;}

.nav-tabs .nav-link {

  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  
}


}




/* госты */
.clearfix:before,.clearfix:after{content:" ";display:block;}
.clearfix:after{clear:both;}
.file-list {margin-top: 35px; }
.file-ext{bottom:inherit;top:58px;}
.file-name{margin-top:0;word-wrap:break-word;}
*{outline:none;font-size-adjust:none;-webkit-text-size-adjust:none;-o-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;max-height:999999px;-webkit-print-color-adjust:exact;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.file{float:left;position:relative;padding-left:116px;min-height:100px;padding-right:15px;margin-bottom:42px;display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;align-items:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;}
.file-name,.file-size{font-size:14px;}
.file-name{width:100%;margin-top:auto;color:#333;font-weight:normal;line-height:15px;}
.file-size{color:#5f5f5f;}
.file:before{content:"";display:block;position:absolute;width:79px;height:100px;background-image:url(files_icon.svg);background-position:bottom;background-repeat:no-repeat;background-size:auto;display:inline-block;top:0;left:0;}
.file-ext{top:60px;line-height:24px;display:block;position:absolute;width:72px;background-color:#df1a0f;color:#fff;text-transform:uppercase;text-align:right;padding-right:7px;left:23px;font-weight:700;font-size:18px;}
.file:hover:before{background-position:top;cursor:pointer;}
.file-size{font-size:14px;line-height:20px;}
.file-ext--info {background-color:#fc0;}
/* госты */

.thumb-wrap {
  position: relative;
  padding-bottom: 56.25%; /* задаёт высоту контейнера для 16:9 (если 4:3 — поставьте 75%) */
  height: 0;
  overflow: hidden;
}
.thumb-wrap iframe,
.thumb-wrap video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-width: 0;
  outline-width: 0;
}

.thumb-wrap--video {
  padding-bottom: 0;
  height: auto;
}

.thumb-wrap--video video {
  position: static;
  display: block;
  width: 100%;
  height: auto;
}


.youtube h3  {
  font-size: 18px;
  padding-bottom: 10px;
  padding-top: 10px;
  font-weight: bold;
  color: rgb(56, 56, 56);
}





.news_item {
  font-family: 'Open Sans', Arial, sans-serif;
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background-color: #ffffff;
  color: #000000;
  text-align: left;
  font-size: 16px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}





.news_item * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



.news_item img {
  max-width: 100%;
  vertical-align: top;
  position: relative;
}



.news_item figcaption {
  padding: 20px 20px 30px;
  background-color: #ffffff;
}

.news_item .date {
  background-color: #d2652d;
  top: 15px;
  color: #fff;
  right: 15px;
  min-height: 48px;
  min-width: 48px;
  position: absolute;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 50%;
  padding: 10px 0;
}

.news_item .date span {
  display: block;
  line-height: 14px;
}

.news_item .date .month {
  font-size: 11px;
}

.news_item h3,
.news_item p {
  margin: 0;
  padding: 0;
}

.news_item h3 {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 700;
  color: #2d2978;
}

.news_item h6 {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: 100;
}

.news_item p {
  font-size: 0.8em;
  margin-bottom: 20px;
  line-height: 1.6em;
}





.news_item footer {
  padding: 0 25px;
  color: #999999;
  font-size: 0.8em;
  line-height: 50px;
  text-align: left;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.news_item footer > div {
  display: inline-block;
  margin-right: 15px;
}

.news_item footer i {
  margin-right: 5px;
  font-size: 1.2em;
}

.news_item a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

.news_item:hover:after,
.news_item.hover:after {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

