/* Style the tab */
.imghead {
    box-shadow: rgb(0 45 69) -10px 10px,rgb(0 45 69) -20px -20px;
    margin-left: 15px;
    margin-right: 15px;
}
h3{
    text-align:center;
    padding: 10px;
}

.container-dekanat {
    display: grid;
    grid-row-gap: 20px;
    padding-bottom: 20px;

}


.dekanat {
    padding: 20px;
    border: 1.5px solid #e7e7e7;
    border-radius: 10px;
    gap: 10px;
}

.dekanat img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    margin: 2px;
    margin-right: 25px;
}

.dekanat .box-text {
    margin-right: 3px;
    padding: 5px;
    font-size: 11px;
    text-align: left;
    padding-right: 5px;
    padding-left: 5px;
    color: #fff;
    border-radius: 6px;
    background: #002d45;
}


@media (max-width: 576px){
    .link-default-head{
     display:flex;
    }
    .imghead {
    border-radius: 20px;
    box-shadow: none;
        margin-left: auto;
       margin-right: auto;
    }
.box-text {
    margin-right: 3px;
    padding: 1px;
    font-size: 11px;
    text-align: center !important;
    padding-right: 5px;
    padding-left: 5px;
    color: rgb(0 45 69);
    border-radius: 4px;
background: white;

}


}
.box-text {
    margin-right: 3px;
    padding: 1px;
    font-size: 11px;
    text-align: center !important;
    padding-right: 5px;
        padding-left: 5px;
    color: rgb(0 45 69);
    border-radius: 4px;
background: white;

}


    .sotoros-balls-list li {
      font-size: 14px;
    }
  
    /* BUG: Очень большие изображения логотипа и знака "инвалидность"
    img {
      width: 100%;
      !important;
    }
    */
  
    .banner-header {
      width: 100%;
    }
  
    .d-flex {
      display: -webkit-flex !important;
      display: flex !important;
    }
  
    .banner-table-outer {
      min-width: 30%;
    }
  
    .banner-table {
      color: white;
      font-size: 20px;
    }
  
    .banner-table .row.table-row {
      padding-bottom: 10px;
      padding-top: 10px;
      border-bottom: 1px solid rgba(255, 255, 255, .4);
      font-size: 16px;
    }
  
    .pokaz2 {
      display: none;
      position: interhit;
      background-color: #f1f1f1;
      min-width: 218%;
      box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
      z-index: 1;
    }
  
    .dropdown2 {
      position: relative;
      display: inline-block;
    }
  
    .pokaz2 a {
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
    }
  
    .show2 {
      display: block;
    }

    .flex_panel a.link-block_z {
      background: #ffffff;
      margin: 0 8px;
      width: 100%;
      height: 183px;
      font-size: 19px;
    }
  
    .dod-banner {
      padding: 16px 53px 10px 38px;
      background-image: url(https://volsu.ru/bitrix/templates/INDEX/images/news/biblogirl4.png);
      background-size: cover;
      background-repeat: no-repeat;
    }
  
    .dod-banner h1 {
      font-size: 40px;
      color: white;
      line-height: normal;
    }
  
    .banner-header {
      width: 100%;
    }
  
    .d-flex {
      display: -webkit-flex !important;
      display: flex !important;
    }
  
    .dod-banner p.h4 {
      color: white;
      margin-top: 14px;
    }
  
    .banner-subtitle {
      font-size: 20px;
    }
  
    .banner-table-outer {
      min-width: 43%;
    }
  
    .banner-table {
      color: white;
      font-size: 20px;
    }
  
    .banner-table .row.table-row {
      padding-bottom: 4px;
      padding-top: 4px;
      border-bottom: 1px solid rgba(255, 255, 255, .4);
      font-size: 12px;
    }

    .abitur-littleMif { grid-template-columns: repeat(3, 1fr); }
    .two-littleMif { grid-template-columns: repeat(2, 1fr); }
    .three-littleMif { grid-template-columns: repeat(3, 1fr); }

    @media only screen and (max-width: 480px) {
        .abitur-littleMif { grid-template-columns: repeat(2, 1fr); }
    }
  
    @media only screen and (max-width: 600px) {
      .flex_panel a.link-block_z {
        background: #e5eaec;
        margin: 8px 0;
        width: 100%;
        height: 183px;
        font-size: 18px;
      }
  
      .flex_panel {
        margin: 20px auto;
        display: block;
      }
  
      video {
        width: 100%;
      }
    }
  
    .abiturMif {
      display: flex;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
    }
  
    .abiturMif>.link-blockMif {
     min-height:150px;
      width: 848px;
      max-height: 431px;
      height: auto;
      background-position: 50%;
      background-size: cover;
      border-radius: 10px;
      color: #fff;
      display: block;
      font-family: Philosopher, Trebuchet MS, sans-serif;
      font-size: 42px;
      font-weight: 700;
      line-height: 1.2;
      overflow: hidden;
      position: relative;
      text-align: center;
    }
  
    .abiturMif>.abitur-littleMif {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 5px;
        display: grid;
        gap: 0.5rem;
    }
  
    .abiturMif>.abitur-littleMif2 {
      display: flex;
      height: 45px;
      width: 100%;
      justify-content: space-between;
      margin-top: 10px;
      gap: 0.5rem;
    }
  
    .abiturMif>.abitur-littleMif3 {
      display: flex;
      height: 30px;
      width: 100%;
      justify-content: space-between;
      margin-top: 10px;
    }
    .abiturMif>.two-littleMif {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 5px;
        display: grid;
        gap: 0.5rem;
    }
    .abiturMif>.three-littleMif {
        max-width: 1200px;
        margin: 0 auto;
        margin-top: 5px;
        display: grid;
        gap: 0.9rem;
        min-width: 100%
    }
.abiturMif>.three-littleMif>.link-blockMif{
   /*  height: 210px;
    height: auto; */
      width: 100%;
      min-height: 210px;
      background-position: 50%;
      background-size: cover;
      border-radius: 10px;
      color: #fff;
      display: block;
      font-family: Trebuchet MS, sans-serif;
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      text-align: left;
      background-image: url(https://volsu.ru/bitrix/templates/INDEX/images/news/biblogirl4.png);
}
    .abiturMif>.two-littleMif>.link-blockMif,
.abiturMif>.two-littleMif>.link-blockMif2,
    .abiturMif>.abitur-littleMif>.link-blockMif,
    .abiturMif>.abitur-littleMif>.link-blockMif2,
    .abiturMif>.abitur-littleMif>.link-blockMif3 {
       height: 210px;
     /* height: auto; */
      width: 100%;
      min-height: 150px;
      background-position: 50%;
      background-size: cover;
      border-radius: 10px;
      color: #fff;
      display: block;
      font-family: Trebuchet MS, sans-serif;
      font-size: 25px;
      font-weight: 700;
      line-height: 1.2;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      text-align: center
    }
  
    .link-block__linkMif {
        -webkit-transform: translateY(-50%);
    color: inherit;
    white-space:normal;
    display: block;
    left: 0;
    line-height: 1.25;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    z-index: 40
    }
  @media only screen and (max-width: 1920px) {
  
      .abiturMif .link-blockMif>.link-block__linkMif,
      .abiturMif .link-blockMif2>.link-block__linkMif,
      .abiturMif .link-blockMif3>.link-block__linkMif {
        padding: 0 0px;
        font-size: 90%;
      }
    }
    @media only screen and (max-width: 1440px) {
  
      .abiturMif .link-blockMif>.link-block__linkMif,
      .abiturMif .link-blockMif2>.link-block__linkMif,
      .abiturMif .link-blockMif3>.link-block__linkMif {
        padding: 0 0px;
        font-size: 85%;
      }
    }
  
    @media only screen and (max-width: 768px) {

      .abiturMif>.abitur-littleMif2,
      .abiturMif>.abitur-littleMif3 {
        height: 100%;
        width: 100%;
      }
  
      .abiturMif>.abitur-littleMif>.link-blockMif,
      .abiturMif>.abitur-littleMif>.link-blockMif2,
      .abiturMif>.abitur-littleMif2>.link-blockMif3,
      .abiturMif>.abitur-littleMif3>.link-blockMif3 {
  
        width: 100%;
        margin-top: 5px;

  
      }
  
      .abiturMif>.abitur-littleMif3>.link-blockMif3 {
        max-height: 20px;
      }
  
      .abiturMif .link-blockMif img,
      .abiturMif .link-blockMif2 img {
        margin: 0;
  
        max-width: 100%;
        max-height: 1000px;
      }
  
      .abiturMif .link-blockMif img {
        margin-right: -12%;
  
        width: 100%;
      }
  
      .abiturMif .link-blockMif2 img {
        width: auto;
      }
    }
  
    .abiturMif>.abitur-littleMif2>.link-blockMif,
    .abiturMif>.abitur-littleMif2>.link-blockMif2,
    .abiturMif>.abitur-littleMif2>.link-blockMif3,
    .abiturMif>.abitur-littleMif3>.link-blockMif3 {
      /* height: 210px; */
      height: auto;
      width: 100%;
      height: auto;
      background-position: 50%;
      background-size: cover;
      border-radius: 10px;
      color: #fff;
      display: block;
      font-family: Trebuchet MS, sans-serif;
      font-size: 20px;
      font-weight: 700;
      line-height: 1.2;
      margin: 0 auto;
      overflow: hidden;
      position: relative;
      text-align: center
    }
  
    .abiturMif>.abitur-littleMif2>.link-blockMif3,
    .abiturMif>.abitur-littleMif3>.link-blockMif3 {
      font-size: 16px;
    }
  
    .abiturMif>.abitur-littleMif2>.link-blockMif3:before,
    .abiturMif>.abitur-littleMif3>.link-blockMif3:before {
  
      background-color: #002d46;
      opacity: 1
    }
  
    .abiturMif .link-blockMif:hover,
    .abiturMif .link-blockMif2:hover,
    .abiturMif .link-blockMif3:hover {
      color: #002d46;
    }
  
    .abiturMif .link-blockMif:hover:before,
    .abiturMif .link-blockMif2:hover:before,
    .abiturMif .link-blockMif3:hover:before {
      background-color: #edc146;
      opacity: 1
    }
  
    .abiturMif .link-blockMif>.link-block__linkMif,
    .abiturMif .link-blockMif2>.link-block__linkMif,
    .abiturMif .link-blockMif3>.link-block__linkMif {
      padding: 10px 10px;
    }
  
    .abiturMif .link-blockMif3>.link-block__linkMif {
      color: #fff;
    }
  
    .abiturMif .link-blockMif img,
    .abiturMif .link-blockMif2 img {
      margin: 0;
      object-fit: none;
      max-width: 127%;
      height: 100%;
    }
  
    .abiturMif .link-blockMif img {
      margin-right: -12%;
  
      width: 127%;
    }
  
    .abiturMif .link-blockMif2 img {
      min-height: auto;
      display: inline-block;
  
      width: 100%;
    }
  
    .abiturMif .link-blockMif3 img {
      width: 100%;
      max-width: 100%;
  
      margin: 0;
      object-fit: cover;
    }
  
    .abiturMif.graduateMif>.link-blockMif,
    .abiturMif.graduateMif>.link-blockMif2,
    .abiturMif.graduateMif>.link-blockMif3 {
      margin-top: 10px;
      display: flex;
      align-items: center;
    }
  
    .link-blockMif:before,
    .link-blockMif2:before,
    .link-blockMif3:before {
      background-color: #002d46;
      bottom: 0;
      content: "";
      left: 0;
      opacity: .4;
      position: absolute;
      right: 0;
      top: 0;
      transition: all .2s ease-out;
      z-index: 20;
    }
  
    .sidebar .link-block+.link-block_z {
      margin-top: 23px;
    }
  
    @media only screen and (max-width: 600px) {
      .flex_panel {
        margin: 20px auto;
        display: block;
      }
  
      video {
        width: 100%;
      }



    }

 @media (max-width: 1200px) {

    .three-littleMif {
        grid-template-columns: repeat(2, 1fr);
    }

    .abitur-littleMif {
        grid-template-columns: repeat(2, 1fr);
    }

.dekanat .box-text {
    margin: 10px;
    padding: 5px;
    font-size: 11px;
    padding-right: 5px;
    padding-left: 5px;
    color: #fff;
    border-radius: 6px;
    background: #002d45;
    display: flex;
    align-items: center;
    justify-content: center;
}


      }

@media (max-width: 768px) {
    .dekanat img {
        width: 250px;
        height: 250px;
        object-fit: cover;
        margin: 2px;
        FLOAT: NONE;
        margin-right: 0px; 
    }

    .dekanat {
        TEXT-ALIGN: center;
    }
}


@media (max-width: 600px) {

    .three-littleMif {
        grid-template-columns: repeat(1, 1fr);
    }

    .abitur-littleMif {
        grid-template-columns: repeat(1, 1fr);
    }

    .two-littleMif {
        grid-template-columns: repeat(1, 1fr);
    }

    .abiturMif>.three-littleMif>.link-blockMif {
        font-size: 16px;
    }

      }

@media (max-width: 476px){
    .tab button {
        width: 100% !important;
        font-size: 16px;
    }

    .tab button:hover {
           background-color: #1c3a52;
        color: white;
    }
}

  
    @media screen and (min-width: 780px) and (max-width: 1200px) {
      .cod-container table tr {
        display: flex;
        flex-direction: column;

      }
  
      .cod-container table tr td {
        width: 100% !important;
      }
    }
  
    @media screen and (max-width: 780px) {
  
      .cod-container .image-container .image,
      .cod-container .image-container.just-2 .image:first-child,
      .cod-container .image-container.just-2 .image:last-child {
        width: 100%;
      }
    }
  
    .knopka {
      margin-left: 30%;
    }
  
    .announce-menu-open-btn {
      display: none;
      cursor: pointer;
      background-repeat: no-repeat;
      background-size: contain;
      margin-bottom: 20px;
      margin-left: auto;
      text-align: right;
      font-size: 29px;
    }
  
    @media (max-width: 850px) {
      .banner-table-outer {
        display: none;
      }

      .abitur-littleMif {
        flex-direction: row;
      }
  
      .announce-menu-open-btn {
        display: block;
      }
    }
  </style> <script>
    function myFunction() {
      document.getElementById("pokaz").classList.toggle("show2");
    }
  
    window.onclick = function(event) {
      if (!event.target.matches('.announce-menu-open-btn')) {
        var dropdowns = document.getElementsByClassName("pokaz2");
        var i;
        for (i = 0; i < dropdowns.length; i++) {
          var openDropdown = dropdowns[i];
          if (openDropdown.classList.contains('show2')) {
            openDropdown.classList.remove('show2');
          }
        }
      }
    }



.tab {
    overflow: hidden;
    /* border: 1px solid #ccc;
   background-color: #03A9F5; 
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2); */
    text-align:center;
}
/* Style the buttons */
.tab button {
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
   /* padding: 14px 16px; */
    transition: 0.3s;
    min-height: 67px;
    width: 20% !important;
     border-bottom: 2px solid #d3d6d7;
}
.tab button:focus {
    outline: 0px;
}

/* Background color of buttons on hover */
.tab button:hover {
    /* background-color: #ddd;  */ */
}

/* Create an active/current tablink class */

.tab button.active {
    border-bottom: 2px solid #002d46;
   /*  color: #E1FBFF;  */
    opacity: 1;
    transform: scale(1, 1);
}
/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
   /* border: 1px solid #ccc;
    border-top: none;
    background-color: #EEEEEE;*/
}


        &:after {
            transition: all .3s cubic-bezier(1, 0, 0, 1);
            will-change: transform, box-shadow, opacity;
            position: absolute;
            content: '';
            height: 3px;
            bottom: 0px;
            left: 0px;
            right: 0px;
            border-radius: 3px 3px 0px 0px;
            background: $blue-lt;
            box-shadow: 0px 4px 10px 3px rgba($blue, .15);
            opacity: 0;
            transform: scale(0, 1);
        }
        &.active {
            color: $blue;
            &:after {
                opacity: 1;
                transform: scale(1, 1);
            }
        }
    }
}