@font-face{font-family:preloader;src:url("data:application/x-font-woff;base64,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") format("woff")}
text.LWS{font-family:'preloader';font-size:65px}

#preloader {
    box-sizing:border-box;
    display: none;
     position: fixed; left: 0%; top: 0%;
     z-index: 14; 
    width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.4); /* затемнение на весь экран */
}

#preloader>div.pld{
    position:relative;
    top:25%;
 width: 150px;
 height: 150px;
 margin: auto; }

#preloader>div.pld>svg.LWS{
       position:relative;
       top:30px;left:22px;
       text-align: center;
       stroke: #D6EDDD;
       fill: url(#cgrad) currentColor;
       animation: rotator 2s cubic-bezier(.33,.03,.59,.77) infinite; }

@keyframes rotator{
    0%  {transform: rotateY(0deg); fill:white;}
    50% {transform: rotateY(180deg);fill:#425285;}
    100% {transform: rotateY(0deg);fill:white}}

#preloader>div.pld>div {width: 100%; height: 100%; position: absolute; left: 0; top: 0; }

#preloader>div.pld>div:before {
 content: '';
 display: block;
 margin: 0 auto;
 width: 5%; height: 5%;
 background-color:white;
 border-radius: 100%;
 animation: pldBD 1.2s infinite ease-in-out both; }

#preloader>.pld>.G { transform: rotate(30deg); }
#preloader>.pld>.H { transform: rotate(60deg); }
#preloader>.pld>.I { transform: rotate(90deg); }
#preloader>.pld>.J { transform: rotate(120deg); }
#preloader>.pld>.K { transform: rotate(150deg); }
#preloader>.pld>.L { transform: rotate(180deg); }
#preloader>.pld>.M { transform: rotate(210deg); }
#preloader>.pld>.N { transform: rotate(240deg); }
#preloader>.pld>.D { transform: rotate(270deg); }
#preloader>.pld>.E { transform: rotate(300deg); }
#preloader>.pld>.F { transform: rotate(330deg); }

#preloader>.pld>.G:before { animation-delay: -1.1s; }
#preloader>.pld>.H:before { animation-delay: -1s; }
#preloader>.pld>.I:before { animation-delay: -0.9s; }
#preloader>.pld>.J:before { animation-delay: -0.8s; }
#preloader>.pld>.K:before { animation-delay: -0.7s; }
#preloader>.pld>.L:before { animation-delay: -0.6s; }
#preloader>.pld>.M:before { animation-delay: -0.5s; }
#preloader>.pld>.N:before { animation-delay: -0.4s; }
#preloader>.pld>.D:before { animation-delay: -0.3s; }
#preloader>.pld>.E:before { animation-delay: -0.2s; }
#preloader>.pld>.F:before { animation-delay: -0.1s; }

@keyframes pldBD { 0%, 80%, 100% { transform: scale(0); } 40% { transform: scale(1); } }