.fpo-skeleton {
    position: relative;
    margin: 25% auto;
    display: block;
}
.pulsate-skeleton{
  background: linear-gradient(-45deg, #DDDDDD, #F0F0F0, #DDDDDD, #F0F0F0);
	background-size: 400% 400%;
	-webkit-animation: Gradient 2.25s ease infinite;
	-moz-animation: Gradient 2.25s ease infinite;
	animation: Gradient 2.25s ease infinite;
}
.block-skeleton {
  display:block;
  width:271px;
  height:16px;
  color:black;
}
.block2-skeleton {
  width:78px;
  height:8px;
  margin-bottom:8px;
}
.block3-skeleton {
  width:131px;
  height:8px;
  margin-bottom:16px;
}
.circle-skeleton {
  width:28px;
  height:28px;
  border-radius:50%;
  float:right;
  
}
#card-skeleton {
  box-sizing: border-box;
	width: 100%;
    background: #fff;
	position: relative;
	margin:auto;
	top:25%;
}
.card-image-skeleton {
  box-sizing: border-box;
  display:block;
  width:335px;
  height:243px;
  background:#FAFAFA;
  padding:16px;
}
.card-content-skeleton {
  clear:both;
  box-sizing: border-box;
  padding:16px;
  background:#fff;
}
@-webkit-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@-moz-keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}

@keyframes Gradient {
	0% {
		background-position: 0% 50%
	}
	50% {
		background-position: 100% 50%
	}
	100% {
		background-position: 0% 50%
	}
}