.avatar img {
    transition: all 15s ease;
    -webkit-transition: all 15s ease;
    -moz-transition: all 15s ease; 
    transition-delay: 5s;
   -webkit-transition-delay: 5s;
   -moz-transition-delay: 5s;
   background-color: #FFFFFF; 
   max-width:143px; 
   border-radius:5px; 
   margin:1px 3px 3px 1px; 
   padding:3px; 
   border:1px solid #d4d4d4; 
   box-shadow: 3px 3px 3px # 8A8A8A;
   transform:rotate(-20deg);
   -moz-transform:rotate(-20deg); 
   -webkit-transform:rotate(-20deg) ;
} 

.avatar img:hover { 
   transition: all 3s ease; 
   -webkit-transition: all 3s ease; 
   -moz-transition: all 3s ease;
   transform:rotate(360deg); 
   -moz-transform:rotate(360deg);
   -webkit-transform:rotate(360deg);
   position:relative;
}

.mainblok {
    border: 1px solid #cecece;
    margin: 5px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.mainblok img {
    max-width: 100%; 
    height: auto;
}

.button-tag {
  text-align: center;
  border: 1px solid #5cb767;
  color: #5cb767;
  background-color: #fff;
  padding: 2px 7px 3px;
  border-radius: 30px;
  font-size: 12px;
  margin-right: 3px;
  font-weight: 600;
line-height: 1.1em;
display: inline-block;
}
.button-tag:hover {
    transition: all 250ms ease-in-out 0s;
    border-color: #5CB767;
    background-color: #5CB767;
    color: #FFF;
}
