@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.tera-economia-circular-animado{
  
}

.tera-economia-circular-animado__wrapper{
  position: relative;
  width:100%;
  height:926px;
  background-repeat: no-repeat;
  background-position: center center;
  margin:0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tera-economia-circular-animado__anim{
  width:215px;
  height:214px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top:32px;

  -webkit-animation: rotating 10s linear infinite;
  -moz-animation: rotating 10s linear infinite;
  -ms-animation: rotating 10s linear infinite;
  -o-animation: rotating 10s linear infinite;
  animation: rotating 10s linear infinite;
}

@media screen and (max-width: 768px) {
  .tera-economia-circular-animado__wrapper{
    width: 100%;
    height: 700px;
    background-size: contain;
  }

  .tera-economia-circular-animado__anim{
    width: 150px;
    height: 150px;
    background-size: contain;
  }
}

@media screen and (max-width: 479px) {
  .tera-economia-circular-animado__wrapper{
    width: 100%;
    height: 350px;
  }

  .tera-economia-circular-animado__anim{
    width: 85px;
    height: 85px;
    margin-top: 14px;
  }
}