/*buy button*/
#buybutton{top:150px;right:10px;position:fixed;z-index:110;}

.img-circle {
  background-color: #44a326;
  box-sizing: content-box;
}
.circletext{
  z-index: 12;
  box-sizing:content-box;
  border: 2px solid #44a326;
  width:198px;
  height:198px;
  width:10.3125vw;
  height:10.3125vw;
  /*bottom:-25px;*/
  top:0px;
  right:10px;
  right:0.5208333333333334vw;
  position:absolute;

  border-radius: 100%;
  opacity: .5;

  animation: circle-anim 2.4s infinite ease-in-out !important;

  transition: all 0.5s;
}
.circle-fill{
  z-index: 11;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  background-color:#44a326;
  width:132px;
  height:132px;
  height:6.875vw;
  width:6.875vw;
  /*bottom:0px;*/
  top:33px;
  top:1.71875vw;
  right:43px;
  right:2.2395833333333335vw;
  position:absolute;
  border-radius: 100%;
  border: 2px solid transparent;
  animation: circle-fill-anim 2.3s infinite ease-in-out;

}
.img-circle{
  z-index: 10;
  box-sizing:content-box;
  -webkit-box-sizing:content-box;
  width:102px;
  height:102px;
  width:5.3125vw;
  height:5.3125vw;
  /*bottom: 14px;*/
  top:48px;
  top:2.5vw;
  right: 58px;
  right:3.0208333333333335vw;
  position:absolute;
  border-radius: 100%;
  border: 2px solid transparent;
  opacity: .7;
}
.img-circleblock{
  box-sizing:content-box;
  width:102px;
  height:102px;
  width:5.3125vw;
  height:5.3125vw;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  z-index: 12;
  font-weight:normal;
  font-size:25px;
  font-size:1.3vw;
  cursor:pointer;

}
.img-circle:hover{opacity: 1;}

@keyframes pulse {0% {transform: scale(0.9);opacity: 1;}
  50% {transform: scale(1); opacity: 1; }
  100% {transform: scale(0.9);opacity: 1;}}
@keyframes tossing {
  0% {transform: rotate(-8deg);}
  50% {transform: rotate(8deg);}
  100% {transform: rotate(-8deg);}}
@keyframes circle-anim {
  0% {transform: rotate(0deg) scale(0.5) skew(1deg);opacity: .1;}
  30% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
  100% {transform: rotate(0deg) scale(1) skew(1deg);
    opacity: .1;}}
@keyframes circle-fill-anim {
  0% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}
  50% {transform: rotate(0deg) scale(1) skew(1deg);opacity: .2;}
  100% {transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .2;}}