/* */

:root {
   --backgroundload: #fff8f1;
   --loadload: #f6dbbc;
      --orangeload: #ff6200;
      --sizew: 1vw;
}

body {
          color: transparent;
    font-size: 0px;
}

.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 .material-icons {
   font-size: 40px !important;
   color: var(--orangeload);
}

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

.webloader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: var(--backgroundload);
    z-index: 999999;
       color: transparent;
    font-size: 0px;
}

.webloader i {
       transition: all 0.5s;
}

.webloader:after {
   content: '';
   display: block;
   width: 80px;
   height: 80px;
   position: absolute;
   border-top: 2px solid var(--orangeload);
   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);
   }
}