<style>
@keyframes rotating
    {
    from
        {
        transform: rotate(0deg);
        }
    to
        {
        transform: rotate(360deg);
        }
    }
    @keyframes slideAcross
    {
    from
        {
        left: -20%;
        }
    to
        {
        left: 100%;
        }
    }
    @keyframes fadeOut
    {
    0%{ opacity: 0;}
    10% { opacity: 0;}
    50% { opacity: 1;}
    80% { opacity: 0;}
    100% { opacity: 0;}
    }
    #wheel1
    {
        animation: rotating 1s linear infinite;
        transform-origin: 117px 165px;
    }
    #wheel2
    {
        animation: rotating 1s linear infinite;
        transform-origin: 306px 165px;
    }
    .preloader-across {
        animation: slideAcross 3s linear infinite;
        position: relative;
        padding: 20px 0;
        width: max-content;
    }
    .preloader-wrapper {
        overflow: hidden;
        width: 100%;
        position: relative;
        animation: fadeOut 3s ease-in-out infinite;
        padding: 3px 0;
    }
    .holding-text {
        padding-bottom : 75px;
        text-align: center;
    }
</style>

<div class="preloader-wrapper">
    <div class="preloader-across">
        <svg height="50" viewbox="0 0 369 217" xmlns="http://www.w3.org/2000/svg">
            <g>
            <title>background</title>
            <rect x="-1" y="-1" width="369" height="217" id="canvas_background" fill="none"/>
            </g>
            <g>
            <title>Layer 1</title>
            <path fill="#014771" id="wheel1" d="m126.81691,159.788c-2.89932,0 -5.25,2.35069 -5.25,5.25c0,2.78316 -2.26275,5.04722 -5.0446,5.04722c-2.78315,0 -5.04722,-2.26406 -5.04722,-5.04722c0,-2.7825 2.26407,-5.0459 5.04722,-5.0459c2.89932,0 5.25,-2.35069 5.25,-5.25s-2.35068,-5.25 -5.25,-5.25c-8.57259,0 -15.54722,6.97396 -15.54722,15.5459c0,8.57259 6.97463,15.54722 15.54722,15.54722c8.57128,0 15.5446,-6.97463 15.5446,-15.54722c0,-2.89997 -2.35069,-5.25 -5.25,-5.25z"  stroke="null"/>
            <path fill="#014771" id="wheel2" d="m316.05972,159.788c-2.89931,0 -5.25,2.35069 -5.25,5.25c0,2.78316 -2.26275,5.04722 -5.0446,5.04722c-2.78315,0 -5.04721,-2.26406 -5.04721,-5.04722c0,-2.7825 2.26406,-5.0459 5.04721,-5.0459c2.89932,0 5.25,-2.35069 5.25,-5.25s-2.35068,-5.25 -5.25,-5.25c-8.57259,0 -15.54721,6.97396 -15.54721,15.5459c0,8.57259 6.97462,15.54722 15.54721,15.54722c8.57129,0 15.5446,-6.97463 15.5446,-15.54722c0,-2.89997 -2.35069,-5.25 -5.25,-5.25z"  stroke="null"/>
            <path fill="#014771" d="m357.27156,92.64903l-20.12784,-34.10334c-6.90309,-11.51785 -13.41703,-18.24375 -26.45475,-19.38103c-0.42722,-0.11222 -0.87675,-0.1726 -1.34006,-0.1726l-40.27078,0l0,-10.66406c0,-5.78944 -4.71057,-10.5 -10.5,-10.5l-184.07813,0c-5.78944,0 -10.5,4.71056 -10.5,10.5l0,131.46066c0,5.79009 4.71056,10.5 10.5,10.5l10.95347,0c2.50884,14.88637 15.48225,26.26509 31.07081,26.26509c15.58528,0 28.55607,-11.37872 31.06425,-26.26509l127.10775,0c2.50885,14.88637 15.48225,26.26509 31.07082,26.26509c15.58528,0 28.55606,-11.37872 31.06425,-26.26509l15.91865,0c2.89931,0 5.25,-2.35069 5.25,-5.25l0,-69.72132c0,-0.93843 -0.252,-1.86047 -0.72844,-2.66831zm-19.99397,20.11669c0,-2.89472 2.35529,-5.25 5.25,-5.25l4.97241,0l0,10.33528l-10.22241,0l0,-5.08528zm7.07372,-21.34913l-48.22847,0c-0.34584,-0.07153 -0.70415,-0.10959 -1.07165,-0.10959c-2.95313,0 -5.35566,-2.40253 -5.35566,-5.35631l0,-21.03675l39.01406,0l15.64172,26.50265zm-269.85131,-63.08859l184.07813,0l0,131.46066l-110.98894,0c-2.50688,-14.88638 -15.47897,-26.2651 -31.06491,-26.2651c-15.58987,0 -28.56394,11.37938 -31.07147,26.2651l-10.95281,0l0,-131.46066zm42.02428,157.72575c-11.58872,0 -21.01641,-9.42834 -21.01641,-21.01706c0,-11.58675 9.42769,-21.01378 21.01641,-21.01378c11.58478,0 21.0105,9.42703 21.0105,21.01378c0,11.58872 -9.42572,21.01706 -21.0105,21.01706zm189.24281,0c-11.58872,0 -21.0164,-9.42834 -21.0164,-21.01706c0,-11.58675 9.42768,-21.01378 21.0164,-21.01378c11.58478,0 21.0105,9.42703 21.0105,21.01378c0,11.58872 -9.42506,21.01706 -21.0105,21.01706zm31.06491,-26.26509c-2.50688,-14.88638 -15.47897,-26.2651 -31.06491,-26.2651c-15.58987,0 -28.56393,11.37938 -31.07147,26.2651l-5.6175,0l0,-110.2966l37.45482,0c6.70031,0 10.88456,1.41225 14.57597,4.92188l-36.66338,0c-2.89931,0 -5.25,2.35069 -5.25,5.25l0,26.28675c0,8.3055 6.41813,15.14034 14.55563,15.80315c0.41606,0.10632 0.85181,0.1621 1.30003,0.1621l36.07472,0c-2.69129,2.82712 -4.34832,6.64715 -4.34832,10.84912l0,10.33528c0,2.89932 2.35069,5.25 5.25,5.25l15.47241,0l0,31.43766l-10.668,0l0,0.00066z" id="svg_4" stroke="null"/>
            <path fill="#014771" d="m13.46853,73.49206l152.14106,0c2.89932,0 5.25,-2.35068 5.25,-5.25s-2.35068,-5.25 -5.25,-5.25l-152.14106,0c-2.89931,0 -5.25,2.35069 -5.25,5.25s2.35069,5.25 5.25,5.25z" id="svg_5" stroke="null"/>
            <path fill="#014771" d="m35.46853,101.49206l152.14106,0c2.89932,0 5.25,-2.35068 5.25,-5.25s-2.35068,-5.25 -5.25,-5.25l-152.14106,0c-2.89931,0 -5.25,2.35069 -5.25,5.25s2.35069,5.25 5.25,5.25z" id="svg_23" stroke="null"/>
            <path fill="#014771" d="m63.46853,128.49206l152.14106,0c2.89932,0 5.25,-2.35068 5.25,-5.25s-2.35068,-5.25 -5.25,-5.25l-152.14106,0c-2.89931,0 -5.25,2.35069 -5.25,5.25s2.35069,5.25 5.25,5.25z" id="svg_24" stroke="null"/>
            <text fill="#014771" stroke="null" stroke-width="0" stroke-opacity="null" x="293.5" y="127.4375" id="svg_25" font-size="24" font-family="Helvetica, Arial, sans-serif" text-anchor="start" xml:space="preserve" font-weight="bold">W</text>
            </g>
        </svg>
    </div>
</div>
