.trustpilot-spinner > .load-spinner {
    height:20px;
    width:110px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 9999;
}

.trustpilot-spinner > .load-spinner > .one    { animation: spinner-one-animation .9s infinite; }
.trustpilot-spinner > .load-spinner > .two    { animation: spinner-two-animation .9s infinite; }
.trustpilot-spinner > .load-spinner > .three  { animation: spinner-three-animation .9s infinite; }
.trustpilot-spinner > .load-spinner > .four   { animation: spinner-four-animation .9s infinite; }
.trustpilot-spinner > .load-spinner > .five   { animation: spinner-five-animation .9s infinite; }

.trustpilot-spinner > .load-spinner > .one,
.trustpilot-spinner > .load-spinner > .two,
.trustpilot-spinner > .load-spinner > .three,
.trustpilot-spinner > .load-spinner > .four,
.trustpilot-spinner > .load-spinner > .five {
    will-change: opacity;
    position: relative;
    float: left;
    height: 100%;
    width: 18%;
    margin-left: 2%;
    background-image: url("//cdn.trustpilot.net/brand-assets/1.0.3/single-star-5.svg");
    background-color: #13b57a;
    background-position: center center;
    background-size: 110% 110%;
    background-repeat: no-repeat;
    border-radius: 10%;
    transition: opacity, 0.3s ease-in-out;
    opacity: 0;
}

@keyframes spinner-one-animation {
    0%   { opacity: 1; }
    12%  { opacity: 1; }
    25%  { opacity: 1; }
    36%  { opacity: 1; }
    49%  { opacity: 0; }
    61%  { opacity: 0; }
    74%  { opacity: 0; }
    86%  { opacity: 0; }
    99%  { opacity: 0; }
}

@keyframes spinner-two-animation {
    0%   { opacity: 0; }
    12%  { opacity: 1; }
    25%  { opacity: 1; }
    36%  { opacity: 1; }
    49%  { opacity: 1; }
    61%  { opacity: 0; }
    74%  { opacity: 0; }
    86%  { opacity: 0; }
    99%  { opacity: 0; }
}

@keyframes spinner-three-animation {
    0%   { opacity: 0; }
    12%  { opacity: 0; }
    25%  { opacity: 1; }
    36%  { opacity: 1; }
    49%  { opacity: 1; }
    61%  { opacity: 1; }
    74%  { opacity: 0; }
    86%  { opacity: 0; }
    99%  { opacity: 0; }
}

@keyframes spinner-four-animation {
    0%   { opacity: 0; }
    12%  { opacity: 0; }
    25%  { opacity: 0; }
    36%  { opacity: 1; }
    49%  { opacity: 1; }
    61%  { opacity: 1; }
    74%  { opacity: 1; }
    86%  { opacity: 0; }
    99%  { opacity: 0; }
}

@keyframes spinner-five-animation {
    0%   { opacity: 0; }
    12%  { opacity: 0; }
    25%  { opacity: 0; }
    36%  { opacity: 0; }
    49%  { opacity: 1; }
    61%  { opacity: 1; }
    74%  { opacity: 1; }
    86%  { opacity: 1; }
    99%  { opacity: 0; }
}