.clogo-wrap{display:inline-block;vertical-align:middle;position:relative;background:transparent;overflow:visible;line-height:0}
.clogo-wrap--nav{width:44px;height:44px}
.clogo-wrap--footer{width:96px;height:96px}
.clogo-wrap svg{width:100%;height:100%;display:block;overflow:visible}

@keyframes clPulse{
    0%{opacity:0.4;transform:scale(1)}
    50%{opacity:0.75;transform:scale(1.1)}
    100%{opacity:0.4;transform:scale(1)}
}
.clogo-wrap .cl-aura{
    filter:blur(14px);
    transform-origin:center;transform-box:fill-box;
    opacity:0;transition:opacity 0.8s ease-out;
}
.clogo-wrap .cl-aura-md{
    filter:blur(6px);
    transform-origin:center;transform-box:fill-box;
    opacity:0;transition:opacity 0.8s ease-out;
}
.clogo-wrap .cl-aura.cl-on{opacity:1;animation:clPulse 5s infinite ease-in-out}
.clogo-wrap .cl-aura-md.cl-on{opacity:1;animation:clPulse 6s infinite ease-in-out;animation-delay:1s}

.clogo-wrap .cl-lines{stroke-linecap:round;stroke-width:3;filter:drop-shadow(0 0 3px rgba(74,222,128,0.35))}
.clogo-wrap .cl-lines line{opacity:0}

.clogo-wrap .cl-n{
    stroke:rgba(255,255,255,0.08);stroke-width:0.5;
    transform:scale(0);transform-origin:center;transform-box:fill-box;
    transition:transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
}
.clogo-wrap .cl-n.cl-pop{transform:scale(1)}

@keyframes clFloat{0%{transform:translate(0,0)}50%{transform:translate(2px,-3px)}100%{transform:translate(0,0)}}
.clogo-wrap .cl-sat{animation:clFloat 10s infinite ease-in-out;transform-origin:center;transform-box:fill-box}

.clogo-wrap .cl-ship{fill:#fff;filter:drop-shadow(0 0 3px #fff);opacity:0;transition:opacity 0.8s ease-out 0.3s}
.clogo-wrap .cl-ship.cl-on{opacity:1}
@keyframes clOCW{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes clOCCW{from{transform:rotate(360deg)}to{transform:rotate(0deg)}}
.clogo-wrap .cl-ocw{animation:clOCW var(--d) infinite linear;transform-origin:var(--ox) var(--oy)}
.clogo-wrap .cl-occw{animation:clOCCW var(--d) infinite linear;transform-origin:var(--ox) var(--oy)}

.clogo-wrap .cl-tv{
    offset-path:path(var(--tp));
    animation:clTv var(--d) infinite linear;
    animation-delay:var(--dl,0s);
}
@keyframes clTv{
    0%{offset-distance:0%;opacity:0}
    15%{opacity:1}85%{opacity:1}
    100%{offset-distance:100%;opacity:0}
}

@keyframes clBr{
    0%{transform:translate(0,0)}
    50%{transform:translate(var(--bx),var(--by))}
    100%{transform:translate(0,0)}
}
.clogo-wrap .cl-br{animation:clBr var(--bd,9s) infinite ease-in-out;animation-delay:var(--bw,0s);transform-origin:center;transform-box:fill-box}