/* */

:root {
   --load: #f3f7fa;
   --loadrs: #ffd760;
}

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

.noscroll {
   overflow-x: hidden !important;
       margin: 0px;
    padding: 0px;
}

video,
svg,
svg g,
img {
   margin: 0px;
   padding: 0px;
   line-height: 0px;
   max-width: 100%;
}


.webloader {
   display: block;
   width: 100%;
   height: 100%;
   position: fixed;
   top: 0;
   left: 0;
   background-color: var(--load);
   z-index: 999999;
}

.webloader:before {
   content: "";
   background-image: url(/seo/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(--loadrs);
   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);
   }
}