/* Start:/local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section/.default/style.css?17932595809195*/
.section_description {
    font-size: 18px;
    font-size: 1.125rem;
    padding-bottom: 1rem;
}

.section_description p {
    margin: 0.5rem 0;
}

.left-img {
    float:left; /* Выравниваем по левому краю */
    margin: 10px 10px 10px 0; /* Настраиваем отступы вокруг картинки */
}
.right-img  {
    float: right; /* Выравниваем по правому краю  */ 
    margin: 10px 0 10px 10px; /* Настраиваем отступы вокруг картинки */
}

details {

border-radius: 10px 10px 10px 10px; 
background: #f7fafd;
border: 1px;
-webkit-box-shadow: 5px 10px 15px 5px rgba(0,0,0,0.5);
    -moz-box-shadow: 5px 10px 15px 5px rgba(0,0,0,0.5);
    box-shadow: 5px 10px 15px 5px rgba(0,0,0,0.5);
padding: 15px;

}

.section_description ul{
	list-style-type: inherit;
}

.newarr-card {
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.12);
  transition: transform .15s ease, box-shadow .15s ease;
}

.newarr-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

.newarr-title {
  color: #00aeef;
  font-weight: 600;
}


.section_description img {
/*
		margin: 0.3rem 0.7rem;
*/
    width: 100%;
    height: auto;
    max-width: 230px;
    max-height: 400px;
border-radius: 10px;
}



/* ========== Документы: делаем из .file карточку ========== */

.post_list.documents {
  display: flex;
  flex-direction: column;
  gap: 5px;            /* расстояние между карточками */
}

/* сам элемент */
.documents .file {
  border-bottom: none !important;  /* убираем старую линию */
  padding: 16px 18px !important;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
}

/* иконка слева */
.documents .file__ico {
  flex: 0 0 auto;
  margin-right: 14px;
  display: flex;
  align-items: flex-start;
}

/* если иконки разные — немного унифицируем */
.documents .file__ico img {
  width: 34px;
  height: 34px;
  object-fit: contain;
}

/* текстовая часть */
.documents .file__text {
  flex: 1 1 auto;
  min-width: 0; /* чтобы длинные названия не разносили блок */
}

/* ссылка/заголовок */
.documents .link,
.documents .title {
  display: inline-block;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.25;
  text-decoration: none;
}

/* дата */
.documents .posted_date {
  font-size: 14px;
  margin-top: 6px;
  font-weight: 700;
  color: #c1445b;
}

/* чтобы переносы выглядели аккуратно */
.documents .file__text p {
  margin: 6px 0 0;
}

/* мобилка: чуть плотнее */
@media (max-width: 576px) {
  .post_list.documents { gap: 5px; }
  .documents .file { padding: 14px 14px !important; }
  .documents .file__ico img { width: 30px; height: 30px; }
}

.rarebook-card img{
  width: 100% !important;
  max-width: 800px !important;
  height: auto !important;
  display: block;
  margin: 12px auto;
  object-fit: contain !important;
}


.y_bg {
  background: #fbbc25;
}
.br5 {
  border-radius: 5px;
}

.documents .file_count {
    position: relative;
    bottom: -2px;
    font-weight: bold;
		color:#ffffff;
}

.column {
   float: left;
   width: 33.3%;
   margin-bottom: 16px;
   padding: 0 12px;
}

.grid {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 20px;
}

/* задаем стили для плитки */
.tile {
   display: block;
   position: relative;
   height: 350px;
   background-color: #fff;
   overflow: hidden;
   border-radius: 10px;
   box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

/* задаем стили для изображения на
плитке */
.tile .image {
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   transition: all 0.3s ease;
}

.tile .image1 {
   height: 100%;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   transition: all 0.3s ease;
}

/* задаем стили для контента на плитке */
.tile .content {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   padding: 10px;
   background-color: rgba(255, 255, 255, 0.7);
   z-index: 1;
   transition: all 0.3s ease;
}

/* при наведении на плитку */
.tile:hover .image {
   transform: scale(1.1);
   filter: blur(3px);
}

.tile:hover .image1 {
   transform: scale(1.1);
   filter: blur(3px);
}

/* при наведении на плитку */
.tile:hover .content {
   transform: translateY(-50%);
}

/* задаем стили для каждой отдельной
плитки */

.tile:nth-child(1) .image {
   background-image:
url("/New Folder/Bibl/Трудыученых.png");
}

.tile:nth-child(2) .image {
   background-image:
url("/New Folder/Bibl/УчимсяуУчителейхраня.png");
}

.tile:nth-child(3) .image {
   background-image:
url("/New Folder/Bibl/УчимсяуУчителейжизньпосвященннаяпрофессии.png");
}

.tile:nth-child(6) .image {
   background-image: url("https://stgmu.ru/upload/iblock/333/32h2i74j1set7l9aug0wp8m1mso458a3.jpg");
}

.tile:nth-child(4) .image {
   background-image: url("/New Folder/Bibl/gat1.jpg");
}

.tile:nth-child(5) .image {
   background-image: url("https://stgmu.ru/upload/iblock/751/7s2fq1xsxrcns4ggrbrvu4bt8jvbxp5w.jpg");
}

.tile:nth-child(7) .image {
   background-image:
url("https://stgmu.ru/upload/iblock/20b/5ki8xz8oq9f0n6orrscal0xk9wsesout.png");
}
.tile:nth-child(8) .image {
   background-image:
url("/New Folder/Bibl/Полонский.png");
}

.tile:nth-child(9) .image {
   background-image:
url("/New Folder/Bibl/КаменкоЦиммерман.jpg");
}

/* блок с фото №2*/

.tile:nth-child(1) .image1 {
   background-image:
url("/New Folder/Bibl/фото1.jpg");
}

.tile:nth-child(2) .image1 {
   background-image:
url("/New Folder/Bibl/фото2.png");
}

.tile:nth-child(3) .image1 {
   background-image:
url("/New Folder/Bibl/фото4.png");
}

.video-block {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-container {
            position: relative;
            padding-bottom: 56.25%; /* Соотношение сторон 16:9 */
            height: 0;
            overflow: hidden;
        }
        .video-container iframe,
        .video-container object,
        .video-container embed {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        video {
            width: 100%;
            height: auto;
   }

.card-body img{
border: 0px none currentColor ;
  width: 100% ;
  height: auto !important;
  max-width: 640px !important;
  max-height: 865px !important;
  border-radius: 10px ;
  margin: 10px auto 20px ;
  display: block ;
}


@media screen and (max-width: 800px) {
.section_description img {
/*
    margin: 0.3rem 0.7rem;
*/
    width: auto;
    height: auto;
    max-width: 87px;
    max-height: 130px;
	}


.card-body img{
border: 0px none currentColor ;
 width: 100% ;
  height: auto !important;
  max-width: 640px !important;
  max-height: 865px !important;
  border-radius: 10px ;
  margin: 10px auto 20px ;
  display: block ;
}

}

.employee-card {
  max-width: 900px;
  margin: auto;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  font-family: 'Segoe UI', sans-serif;
  padding: 1rem;
}
.employee-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding-bottom: 1rem;
}

.employee-header img {
  width: 150px;
  height: auto;
  border-radius: 12px;
  margin-right: 1rem;
}

.employee-info {
  flex: 1;
}

.employee-info h2 {
  margin: 0;
  font-size: 1.5rem;
  color: #346794;
}

.position {
  font-size: 1.1rem;
  color: #444;
}

.employee-body {
  margin-top: 1rem;
  line-height: 1.6;
  font-size: 1rem;
  color: #333;
}

@media (max-width: 768px) {
  .employee-header {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .employee-header img {
    margin-bottom: 1rem;
  }

  .employee-info h2 {
    font-size: 1.25rem;
  }
}

@media (max-width: 768px) {
   .grid {
     display: block;
     margin-top: 20px;
     margin-bottom: 20px;
   }

   .grid-item {
     width: 100%;
     margin-top: 20px;
     margin-bottom: 20px;
   }
   .tile{
       margin-bottom: 10px;
   }
}



@media screen and (max-width: 801px) {

.hidemobile {
    visibility: hidden;
    display: none;
  }
}

.showmobile { display: none; }
@media only screen
and (min-device-width : 320px)
and (max-device-width : 800px){ .showmobile { display: inline; }}


/* End */


/* Start:/local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section.list/.default/style.css?17670064201152*/
.no-gutters>.col,
.no-gutters>[class*="col-"] {
    padding-right: 3px;
    padding-left: 5px;
}

.section_wrapper{
		margin:2rem 0;
}

.section_item {
		background-color: #326695;
    margin: 0 0.2rem 0.2rem 0;
    border: 1px solid #c6d4e2;
border-radius: 10px;

    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.section_item a {
		color:#FFFFFF;
    font-size: 16px;
    font-weight: 700;
    min-height: 140px;
    display: block;
    padding: 1.2rem 1rem 1rem 1.5rem;
    text-decoration: none;

}



.section_item:hover {
  /*  background-color: 1px solid #7aa8d1;*/
box-shadow: 0 0 10px;

}

.section_item:hover a {
    text-decoration: none;
		color:#FFFFFF;

}

.section_item:hover{
		background-color: #326695ad;
}
.section_description a {
 color:  #00aeef !important;
}

.video-block {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-block iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* End */
/* /local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section/.default/style.css?17932595809195 */
/* /local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section.list/.default/style.css?17670064201152 */