.advanced{display: block;}
.degradation{display: none;}
.inner{position: absolute;width: 60px;height: 60px;top: -10px;left: 28px;
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
}
.inner:after{ position: absolute;
    content: "";
    width: 100px;height: 100px;
    border:4px solid #01b4e5;border-radius: 50%;top: -52px;left: 12px;
    /*-webkit-transform: rotate(-65deg);*/
}
.outer{position: absolute;width: 80px;height: 80px;top: -25px;left: 10px;
    -webkit-transform: rotate(65deg);
    -moz-transform: rotate(65deg);
    -o-transform: rotate(65deg);
    transform: rotate(65deg);
    overflow: hidden;
    -webkit-transition: all 1s ease 1s;
    -moz-transition: all 1s ease 1s;
    -o-transition: all 1s ease 1s;
    transition: all 1s ease 1s;
    opacity: 0;
}
.outer:after{position: absolute;
    content: "";
    width: 120px;height: 120px;
    border: 6px solid #01b4e5;border-radius: 50%;top: -55px;left: 10px;

}
.innerChange{
    -webkit-transform: translateX(-10px) rotate(65deg);
    -moz-transform: translateX(-10px) rotate(65deg);
    -o-transform: translateX(-10px) rotate(65deg);
    transform: translateX(-10px) rotate(65deg);
    opacity: 1;
}