.materials__item-title {
    width: 78%;
    line-height: 1.3em;
}

.materials__item-type {
    position: absolute;
    right: 1vw;
}
.materials__item {
    font-size: 0.89vw;
}

.submenu__links.active .submenu__link {
    padding-right: 1.2vw;
    
}
.submenu__link:after { 
    /*right: 0.7vw;*/
}
.submenu__content:before {
    background-image: linear-gradient(180deg,#ff3726,#b03d33);
}
.file-screen .close-video {
    top: 1vh;
    right: 1.15vw;
}
.file-screen .close-video__icon {
    background-color: black;
    border-radius: 100%;
    padding: 1vw;
}

.breadcrumbs {
    right: 4.1vw;
}

.home__right-content {
    padding-left: 9vw;
}

.home__right-item {
    padding-left: 1.5vw;
    width: 11vw;
}


.submenu__text {
    width: 50vw;
}
.submenu__title {
    width: 50vw;
    line-height: 1.12;
}
.submenu__content:before {
    top: 1.18vh;
}

.submenu__content {
    padding-bottom: 6.9vh;
}


.select-screen {
    z-index: 10000;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
}

.select-screen button {
    position: relative;
    background-color: white;
    width: 80%;
    margin: 5vw 11vw;
    padding: 3vh;
    font-size: 3em;
}
.fs {
    width: 6vw;
    height: 6vw;
    /*border: 1px solid red;*/
    z-index: 3;
    position: absolute;
}

.file-screen__video {
    object-fit: contain;
}
.file-screen {
    z-index: 10;
}
* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.error-shake {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  
  @keyframes shake {
    10%, 90% {
      transform: translate3d(-1px, 0, 0);
    }
    
    20%, 80% {
      transform: translate3d(2px, 0, 0);
    }
  
    30%, 50%, 70% {
      transform: translate3d(-4px, 0, 0);
    }
  
    40%, 60% {
      transform: translate3d(4px, 0, 0);
    }
  }
  .error-border {
    border: 1px solid #cb544f;
  }
  
  .checkbox__label {
    padding-right: 1.5vw;
  }