.loader{margin:240px 0 60px 10px;animation:2.5s linear infinite animateColor;position:relative;transform:skewY(-5deg)translate(50px)translateY(50px)}.loader a{text-decoration:none}@keyframes animateColor{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.loader:before{content:"";transform-origin:bottom;filter:blur(20px);background:#0003;width:300px;height:100px;position:absolute;top:400px;transform:skew(45deg)}.loader .animateSpan{width:200px;height:30px;z-index:var(--i);animation:7s ease-in-out infinite animateMenu;animation-delay:calc(-1s*var(--i));color:#acacac;text-transform:uppercase;text-align:center;vertical-align:middle;background:#3e3f46;padding:15px;font-size:16px;font-weight:bolder;transition:all .5s;display:block;position:relative}@keyframes animateMenu{0%,to{transform:translate(-50px)}50%{transform:translate(50px)}}.loader span:hover{color:#000;background:#f70;transition:all}.loader span:before{content:"Ω";transform-origin:100%;width:30px;height:68%;transform:skewY(45deg);transform:.5s;background:#2e3133;padding:20px 0 0;position:absolute;top:0;left:-30px}.loader span:hover:before{transform:0s;background:#e06900}.loader span:after{content:"";transform-origin:bottom;background:#35383e;width:100%;height:30px;position:absolute;top:-30px;left:0;transform:skew(45deg)}.loader span:hover:after{background:#ff7e0c;transition:all}@media (min-width:992px) and (max-width:1200px){.loader{margin:20px 0 100px 70px}.loader span{width:140px;height:20px;padding:15px 15px 25px}}@media (min-width:768px) and (max-width:992px){.loader{margin:20px 0 100px 125px}}@media (min-width:576px) and (max-width:768px){.loader{margin:20px 0 100px 85px}}@media (max-width:576px){.loader{margin:20px 0 80px 40px}.loader span{width:150px;height:25px;padding:15px 15px 20px}}