@keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-o-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-ms-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-moz-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@-webkit-keyframes anim {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
body {
  background-color: #e3e4e8;
}
.panel-effect {
  position: relative;
  background: #f6f7f8 no-repeat 800px 104px;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmOCIvPjxzdG9wIG9mZnNldD0iMjAlIiBzdG9wLWNvbG9yPSIjZWRlZWYxIi8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY3ZjgiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), color-stop(100%, #f6f7f8));
  background-image: -moz-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: -webkit-linear-gradient(left, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  background-image: linear-gradient(to right, #f6f7f8 0%, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
  height: 60px;
  -moz-animation: anim 1s forwards infinite linear;
  -webkit-animation: anim 1s forwards infinite linear;
  animation: anim 1s forwards infinite linear;
}

.fake-effect {
  position: absolute;
  background: #fff;
  right: 0;
  left: 0;
  height: 6px;
}

.fe-0 {
  height: 40px;
  /* left: 40px; */
  left: 0px;
  width: 8px;
}

.fe-1 {
  height: 8px;
  /* left: 48px; */
  left: 0px;
  top: 0;
  right: 0;
}

.fe-2 {
  left: 136px;
  top: 8px;
}

.fe-3 {
  height: 12px;
  /* left: 48px; */
  left: 0px;
  top: 14px;
}

.fe-4 {
  left: 100px;
  top: 26px;
}

.fe-5 {
  height: 10px;
  /* left: 48px; */
  left: 0px;
  top: 32px;
}

.fe-6 {
  height: 20px;
  top: 40px;
}

.fe-7 {
  left: 410px;
  top: 60px;
}

.fe-8 {
  height: 13px;
  top: 66px;
}

.fe-9 {
  left: 440px;
  top: 79px;
}

.fe-10 {
  height: 13px;
  top: 85px;
}

.fe-11 {
  left: 178px;
  top: 98px;
}

/* Custom */
.fe-12{
	left: 280px;
    top: 8px;
}
.fe-13{
    left: 240px;
    top: 26px;
}
.fe-14{
    left: 200px;
    top: 42px;
}
.fe-15{
  height: 10px;
  left: 0px;
  top: 48px;
}
.fe-16{
    left: 160px;
    top: 58px;
}
.fe-17{
    height: 22px;
    left: 0px;
    top: 64px;
}
.fe-18{
    left: 157px;
    top: 8px;
}
.fe-19{
	left: 143px;
    top: 26px;
}
.fe-20{
    left: 127px;
    top: 42px;
}
.fe-21{
    left: 110px;
    top: 58px
}
.fe-22{
    height: 11px;
    left: 0px;
    top: 64px;
}
.fe-23{
	left: 89px;
    top: 75px;
}
.fe-24{
    height: 38px;
    left: 0px;
    top: 81px;
}

.fe-diag-1{top: 0px;}
.fe-diag-2{left: 650px;top: 6px;}
.fe-diag-3{top: 12px; height: 16px;}
.fe-diag-4{top: 28px; left: 560px;}
.fe-diag-5{top: 34px; height: 16px;}
.fe-diag-6{left: 480px; top: 50px;}
.fe-diag-7{top: 56px; height: 16px;}
.fe-diag-8{left: 400px; top: 72px;}
.fe-diag-9{top: 78px; height: 16px;}
.fe-diag-10{left: 360px; top: 94px;}
.fe-diag-11{top: 100px; height: 20px;}