/* navbar */
        body { padding-top: 3.375rem;
                color: #6c757d;
   overflow-x: hidden; 
                /*  Горизонтального скроллбара больше нет */
              }              
    @media (min-width: 992px) {
            body {
            padding-top: 0;
            padding-left: 13rem;
  overflow-x: hidden; // Горизонтального скроллбара больше нет
            }
          }
              #sideNav {
                padding-left: 1rem;
                padding-right: 1rem;
              }
              #sideNav .navbar-nav .nav-item .nav-link {
                font-weight: 800;
                letter-spacing: 0.05rem;
                text-transform: uppercase;
                font-family: 'Times New Roman', Times, serif;
                font-style: italic;
                font-size: 0.8rem;
                color: #fff;
              }
              #sideNav .navbar-toggler:focus {
                outline-color: #d48a6e;
              }
              .sideNav_text {
                display: none;  
                }
                .side_text {
                    display: block;
                    font-family: 'Times New Roman', Times, serif;
                    font-style: italic;
                    font-size: 1.7rem;
                    color: #fff;  
                }              
      @media (min-width: 992px) {
                #sideNav {
                  padding-left: 0;
                  padding-right: 0;
                  text-align: center;
                  position: fixed;
                  top: 0 !important; 
                  /*  !important как заслон против инлайновых стилей, создаваемых JavaScript */
                  left: 0;
                  display: flex;
                  flex-direction: column;
                  width: 13rem;
                  height: 100vh;
                }
                #sideNav .navbar-brand {
                  display: flex;
                  margin: auto auto 0;
                  padding: 0.5rem;
                }
                #sideNav .navbar-brand .img-profile {
                  max-width: 10rem;
                  max-height: 10rem;
                  border: 0.5rem solid rgba(255, 255, 255, 0.2);
                }
                #sideNav .navbar-collapse {
                  display: flex;
                  align-items: flex-start;
                  flex-grow: 0;
                  width: 100%;
                  margin-bottom: auto;
                }
                #sideNav .navbar-collapse .navbar-nav {
                  flex-direction: column;
                  width: 100%;
                }
                #sideNav .navbar-collapse .navbar-nav .nav-item {
                  display: block;
                }
                #sideNav .navbar-collapse .navbar-nav .nav-item .nav-link {
                  display: block;
                  font-family: 'Times New Roman', Times, serif;
                  font-style: italic;
                  font-size: 0.8rem;
                  color: #fff;
                }
                .sideNav_text {
                    display: block;
                    font-family: 'Times New Roman', Times, serif;
                    font-style: italic;
                    font-size: 1rem;
                    color: #fff;  
                    margin-bottom: 2.5rem;
                }
            }
            /* navbar end */
 #n_col {
    color: #FFF;
    font-style: italic;
    text-shadow: 1px 1px 3px rgb(17, 17, 17);
 }
.hh {
    background-image: url("img/nebo_1.jpg"); 
    max-width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}
.hh_f {
    background-image: url("img/nebo_1.jpg"); 
    width: 95vw;
    height: 10vh;
}
    .header_h1_p {
        font-family: 'Times New Roman', Times, serif;
        font-style: italic;
        color: rgb(1, 51, 248);
        position: absolute;
        background-color: rgba(251, 251, 253, 0.689);
        border-radius: 4rem;
        text-indent: 3rem;
     }
     .header_h1 {
        left: 14vw;
        top: 20vh;
    }
    .section_about {
        font-family: 'Times New Roman', Times, serif;
        font-style: italic; 
        color: rgb(3, 52, 246);
     } 
     .section_i {
        font-size: 1.2rem;
     }
     .section_p {
        padding: 2rem;
        text-indent: 2rem;
        font-size: 1.1rem;
        font-style: italic; 
        color: rgb(3, 52, 246);
    }
    /* Foto carousel */
    .panel-container * {
        box-sizing: border-box;
    }
    .panel-container {
        display: flex;
        overflow: hidden;
        margin: 20px 0;
        height: 400px;
        position: relative;
        z-index: 10;
    }
    .panel {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 50px;
        color: #fff;
        flex: 0.5;
        cursor: pointer;
        position: relative;
        margin: 0 8px;
        transition: flex 0.7s cubic-bezier(0.05, 0.6, 0.4, 0.9);
    }
    .panel div {
        text-shadow: 0 0 12px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.7);  
        font-family: Verdana, sans-serif;  
        font-weight: bold;  
        font-size: 28px;
        opacity: 0;
        position: absolute;
        bottom: 30px;
        left: 40px;
        margin: 0;
        transition: opacity 0s ease-in 0s;
    }
    .panel.active {
        flex: 5;
    }
    .panel.active div {
        opacity: 1;
        transition: opacity 0.3s ease-in 0.4s;
    }
    /* Foto carousel end */

    /* video beginning */
    .fal video {
        width: 100%;
        height: auto;
        max-height: 100%;
        border: 1px solid rgb(165, 165, 165);
    }
    /* video end */

    /* carousel */
    @media screen and (max-width: 500px) {
        .panel-container {
            position: relative;
            margin: 20px 20px;
        }
        .panel {
            width: 10%;
            position: relative;
            height: 80px;
            top: 0;
            border: 4px solid #FFF;
            box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
            flex: 1;
        }
        .panel.active {
            flex: 1;
            width: 100%;
            position: absolute;
            height: 360px;
            left: 0;
            margin: 40px 0 0;
            z-index: -1;
            box-shadow: none;
        }
    } 
    /* carousel end */