.loader-wrapper{z-index:999;min-height:350px;height:100%;width:100%}.truck-wrapper{height:200px;width:200px;border:5px solid #338165;position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) scale(.8);background:#fff;animation:bg .5s linear infinite;border-radius:100%;overflow:hidden}.truck-wrapper:after{content:'Loading';font-size:20px;position:absolute;bottom:0;text-align:center;width:100%;border-top:1px solid #338165;background:#1efcc8;background:-moz-linear-gradient(left,rgba(30,252,200,1) 0%,rgba(29,211,214,1) 100%);background:-webkit-linear-gradient(left,rgba(30,252,200,1) 0%,rgba(29,211,214,1) 100%);background:linear-gradient(to right,#338165 0%,#49997c 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1efcc8',endColorstr='#1dd3d6',GradientType=1);color:#fff;padding-top:8px;padding-bottom:18px;animation:bg 3s linear infinite}.truck{height:110px;width:150px;position:absolute;bottom:48px;left:calc(50% + 10px);transform:translateX(-50%)}.truck>.glases{background:#28b5f5;background:-moz-linear-gradient(-45deg,rgba(40,181,245,1) 0%,rgba(40,181,245,1) 50%,rgba(2,153,227,1) 52%,rgba(2,153,227,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(40,181,245,1) 0%,rgba(40,181,245,1) 50%,rgba(2,153,227,1) 52%,rgba(2,153,227,1) 100%);background:linear-gradient(135deg,#514f4f 0%,#514f4f 50%,#333131 52%,#333131 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#28b5f5',endColorstr='#0299e3',GradientType=1);position:absolute;height:25px;width:143.9px;border:4px solid #fbd734;border-bottom:0;top:35.5px;left:-19px;border-top-right-radius:6px;animation:updown-half .4s linear infinite}.truck>.glases:after{content:'';display:block;background-color:#fbd734;height:6px;width:3px;position:absolute;right:-6px;bottom:0;border-radius:10px/15px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0}.truck>.glases:before{content:'';display:block;background-color:#fbd734;height:27px;width:3px;position:absolute;left:102px;bottom:0}.truck>.bonet{background-color:#fbd734;position:absolute;width:153.8px;height:15px;top:64px;left:-19px;z-index:-1;animation:updown .4s linear infinite}.truck>.bonet:after{content:'';display:block;background:#fff;background:-moz-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);background:linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f6f6f6',GradientType=1);height:10px;width:6px;position:absolute;right:0;bottom:2px;border-top-left-radius:4px}.truck>.base{position:absolute;background-color:#445a64;width:134px;height:15px;border-top-right-radius:10px;top:70px;left:-15px;animation:updown .4s linear infinite}.truck>.base:before{content:'';display:block;background-color:#e54a18;height:20px;width:5px;position:absolute;left:-4px;bottom:0;border-bottom-left-radius:4px}.truck>.base:after{content:'';display:block;background-color:#445a64;height:10px;width:20px;position:absolute;right:-16px;bottom:0;border-bottom-right-radius:4px;z-index:-1}.truck>.base-aux{width:3px;height:26px;background-color:#fbd734;position:absolute;top:38px;left:25px;animation:updown-half .4s linear infinite}.truck>.wheel-back{left:20px}.truck>.wheel-front{left:95px}.truck>.wheel-back,.truck>.wheel-front{border-radius:100%;position:absolute;background:#546e7a;background:-moz-linear-gradient(-45deg,rgba(84,110,122,1) 0%,rgba(84,110,122,1) 49%,rgba(68,90,100,1) 52%,rgba(68,90,100,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(84,110,122,1) 0%,rgba(84,110,122,1) 49%,rgba(68,90,100,1) 52%,rgba(68,90,100,1) 100%);background:linear-gradient(135deg,rgba(84,110,122,1) 0%,rgba(84,110,122,1) 49%,rgba(68,90,100,1) 52%,rgba(68,90,100,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#546e7a',endColorstr='#445a64',GradientType=1);top:75px;height:22px;width:22px;animation:spin .6s linear infinite}.truck>.wheel-back:before,.truck>.wheel-front:before{content:'';border-radius:100%;left:5px;top:5px;position:absolute;background:#afbdc3;background:-moz-linear-gradient(-45deg,rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);background:linear-gradient(135deg,rgba(175,189,195,1) 0%,rgba(175,189,195,1) 50%,rgba(143,163,173,1) 51%,rgba(143,163,173,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#afbdc3',endColorstr='#8fa3ad',GradientType=1);height:12px;width:12px}@keyframes spin{50%{top:76px}100%{transform:rotate(360deg)}}@keyframes container{30%{transform:rotate(1deg)}50%{top:11px}70%{top:10px;transform:rotate(-1deg)}}.truck>.smoke{position:absolute;background-color:#afbdc3;border-radius:100%;width:8px;height:8px;top:90px;left:6px;animation:fade .4s linear infinite;opacity:0}.truck>.smoke:after{content:'';position:absolute;background-color:#8fa3ad;border-radius:100%;width:6px;height:6px;top:-4px;left:4px}.truck>.smoke:before{content:'';position:absolute;background-color:#8fa3ad;border-radius:100%;width:4px;height:4px;top:-2px;left:0}@keyframes fade{30%{opacity:.3;left:7px}50%{opacity:.5;left:6px}70%{opacity:.1;left:4px}90%{opacity:.4;left:2px}}@keyframes bg{from{background-position-x:0}to{background-position-x:-400px}}@keyframes updown{50%{transform:translateY(-20%)}70%{transform:translateY(-10%)}}@keyframes updown-half{50%{transform:translateY(-10%)}70%{transform:translateY(-5%)}}