.wrapper.tagclouds {
    align-items: center;
    text-align: center;
    max-width: 800px;
    height: 400px;
    position: relative;
}
.tagclouds-views,
.tagclouds-term {
    padding-right: 10px;
    display: inline-block;
	font-size: 0.7em;
}
.tag-weight-1 {
  font-size: 1em;
  left: 0%; top: 0%;
}
.tag-weight-2 {
  font-size: 1.2em;
  left: 20%; top: 10%;
}
.tag-weight-3 {
  font-size: 1.4em;
  left: 40%; top: 20%;
}
.tag-weight-4 {
  font-size: 1.6em;
  left: 60%; top: 30%;
}
.tag-weight-5 {
  font-size: 1.8em;
  left: 80%; top: 40%;
}
.tag-weight-6 {
  font-size: 2em;
  left: 10%; top: 50%;
}
.tag-weight-7 {
  font-size: 2.2em;
  left: 30%; top: 60%;
}
.tag-weight-8 {
  font-size: 2.4em;
  font-weight: bold;
  left: 50%; top: 70%;
}
.tag-weight-9 {
  font-size: 2.6em;
  font-weight: bold;
  left: 70%; top: 80%;
}
.tag-weight-10 {
  font-size: 2.8em;
  font-weight: bold;
  left: 90%; top: 90%;
}


/*-----------seyed mohsen-------------*/
.tagcloud.tag-weight-0, 
.tagcloud.tag-weight-1, 
.tagcloud.tag-weight-2, 
.tagcloud.tag-weight-3, 
.tagcloud.tag-weight-4, 
.tagcloud.tag-weight-5, 
.tagcloud.tag-weight-6, 
.tagcloud.tag-weight-7, 
.tagcloud.tag-weight-8, 
.tagcloud.tag-weight-9, 
.tagcloud.tag-weight-10{
  position: absolute;
  display: inline-block;
  padding: 5px 10px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  transform: translate(-10%, -50%);
}

.tagcloud a:hover {
	color: #23527c;
	text-decoration: none;
}
.tagcloud:nth-child(odd) {
  transform: translateX(calc(-30px + 60px * random()));
}
.tagcloud:nth-child(even) {
  transform: translateX(calc(30px - 60px * random()));
}
@keyframes random-position {
  0% { transform: translateX(0px) translateY(0px); }
  100% { transform: translateX(calc(20px - 40px * random())) translateY(calc(20px - 40px * random())); }
}

.tagcloud {
  animation: random-position 3s infinite alternate ease-in-out;
}

.tag-weight-0 a,
.tag-weight-1 a,
.tagclouds.level2 a{
  color: #7f8c97;
}
.tag-weight-2 a,
.tag-weight-3 a,
.tagclouds.level3 a{
  color: #7f8c97;
}
.tag-weight-4 a,
.tagclouds.level4 a{
  color: #32c5d2;
}
.tag-weight-5 a,
.tagclouds.level5 a{
  color: #52c9ba;
}
.tag-weight-6 a,
.tagclouds.level6 a{
  color: #5dc09c;
}
.tag-weight-7 a,
.tagclouds.level7 a{
  color: #3498DB;
}
.tag-weight-8 a,
.tagclouds.level8 a{
  color: #84c68f;
}
.tag-weight-9 a,
.tagclouds.level9 a{
  color: #5e9cd1;
}
.tag-weight-10 a,
.tagclouds.level10 a{
  color: #5893dd;
}

/*-------[ Tag clouds article ]--------*/
.tagclouds-article {
  display: inline-block;
  margin: 5px 10px;
}
.tagclouds-article a {
  display: inline-block;
  padding: 5px 10px;
  border-radius: 15px;
  color: #333;
  text-decoration: none;
  transition: all 0.3s ease;
  color: #337ab7 !important
}
.tagclouds-article a:hover {
  transform: scale(1.05);
}
.tagclouds-article .tag-we-1 a {
  font-size: 10px;
  position: absolute;
  left: 285.5px;
  top: 176px;
}

.tagclouds-article .tag-we-2 a {
  font-size: 12px;
  position: absolute;
  left: 329.6px;
  top: 59.7215px;
}

.tagclouds-article .tag-we-3 a {
  font-size: 14px;
  position: absolute;
  left: 194.033px;
  top: 339.867px;
}

.tagclouds-article .tag-we-4 a {
  font-size: 16px;
  position: absolute;
  left: 8.64796px;
  top: 207.063px;
}

.tagclouds-article .tag-we-5 a {
  font-size: 18px;
  position: absolute;
  left: 770.671px;
  top: 229.929px;
}

.tagclouds-article .tag-we-6 a {
  font-size: 20px;
  position: absolute;
  left: 49.8801px;
  top: 111.227px;
}

.tagclouds-article .tag-we-7 a {
  font-size: 22px;
  position: absolute;
  left: 703.218px;
  top: 354.763px;
}

.tagclouds-article .tag-we-8 a {
  font-size: 24px;
  position: absolute;
  left: 793.82px;
  top: 156.012px;
}

.tagclouds-article .tag-we-9 a {
  font-size: 26px;
  position: absolute;
  left: 382.429px;
  top: 12.1985px;
}

.tagclouds-article .tag-we-10 a {
  font-size: 28px;
  position: absolute;
  left: 44.3076px;
  top: 319.538px;
}

.tagclouds-article .tag-we-11 a {
  font-size: 30px;
  position: absolute;
  left: 502.538px;
  top: 3.59061px;
}

.tagclouds-article .tag-we-12 a {
  font-size: 32px;
  position: absolute;
  left: 767.978px;
  top: 90.6597px;
}

.tagclouds-article .tag-we-13 a {
  font-size: 34px;
  position: absolute;
  left: 683.453px;
  top: 434.433px;
}

.tagclouds-article .tag-we-14 a {
  font-size: 36px;
  position: absolute;
  left: 186.873px;
  top: 29.9775px;
}

.tagclouds-article .tag-we-15 a {
  font-size: 38px;
  position: absolute;
  left: 623.366px;
  top: 19.07px;
}

.tagclouds-article .tag-we-16 a {
  font-size: 40px;
  position: absolute;
  left: 278.679px;
  top: 460.926px;
}

.tagclouds-article .tag-we-17 a {
  font-size: 42px;
  position: absolute;
  left: 765.111px;
  top: 46.8008px;
}

.tagclouds-article .tag-we-18 a {
  font-size: 44px;
  position: absolute;
  left: 102.922px;
  top: 75.3689px;
}

.tagclouds-article .tag-we-19 a {
  font-size: 46px;
  position: absolute;
  left: 285.5px;
  top: 176px;
}

.tagclouds-article .tag-we-20 a {
  font-size: 48px;
  position: absolute;
  left: 329.6px;
  top: 59.7215px;
}