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

.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;
}


/* End */


/* Start:/local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section/.default/style.css?17005538305339*/
.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;
}

.section_description img {
		margin: 0.3rem 0.7rem;
    width: auto;
    height: auto;
    max-width: 600px;
    max-height: 400px;
border-radius: 10px;
/*border: 2px solid #386a96;*/
}

.documents .link,
.documents .title {
    font-weight: 700;
    font-size: 16px;
    font-size: 1rem;
}

.documents .file {
    border-bottom: 1px #7baed747 solid;
    padding-bottom: 1rem;
}

.documents .posted_date {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 0.5rem;
    font-weight: bold;
    color: #c1445b;
}

.documents .file__ico img {
    max-height: 40px;
}


.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("https://stgmu.ru/upload/iblock/c29/rsv9ieb3weh3icins8twqtn2gxzxvnz0.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");
}

@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 */
/* /local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section.list/.default/style.css?1700553830904 */
/* /local/templates/Library/components/bitrix/catalog/stgmu_common/bitrix/catalog.section/.default/style.css?17005538305339 */