/* */

:root {
   --load: #1a1a1a;
   --loadred: #ff5727;
}

/* Загрущик */

.webloader {
   display: block;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background-color: #1a1a1a;
   z-index: 999999;
}

.webloader:before {
   content: "";
   background-image: url(/img/svg/favicon.svg);
   background-size: 40px auto;
   background-position: center;
   background-repeat: no-repeat;
   border-radius: 50%;
   width: 80px;
   height: 80px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin: -40px 0 0 -40px;
}

.webloader:after {
   content: '';
   display: block;
   width: 80px;
   height: 80px;
   position: absolute;
   border-top: 2px solid var(--loadred);
   top: 50%;
   left: 50%;
   margin: -41px 0 0 -41px;
   animation: rad-ring .5s linear infinite;
   border-radius: 100%;
}

@keyframes rad-ring {
   0% {
      transform: rotate(0deg);
   }

   100% {
      transform: rotate(360deg);
   }
}

img,
video {
   max-width: 100%;
}