.apps-circle{
  width:520px;
  height:520px;
  border-radius:100%;
  margin:10px auto;
  position:relative;
}
.feature-circle {
   
    height: 80px;
    width: 80px;
    text-align: center;
    font-size: 40px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.has-center {
    position: absolute;
    color: #353535;
    top: 50%;
    left: 50%;
    font-size: 14px;
    height: 120px;
    width: 320px;
    transform: translateZ(0) translateY(-50%) translateX(-50%);
    margin-left: 0px;
}
.circle-container {
    position: relative;
    width: 520px;
    height: 520px;
    border-radius: 50%;
    list-style: none;
    margin: 5em auto 0;
    border: solid 1px #dedede;
}
.circle-container .feature-circle{
  margin:-40px;
}


    .circle-container {
        position: relative;
        width: 520px;
        height: 520px;
        border-radius: 50%;
        list-style: none
    }
    .circle-container .feature-circle {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin: -40px
    }
    @-webkit-keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg)
        }
    }
    @-moz-keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg)
        }
    }
    @-ms-keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg)
        }
    }
    @keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-1 {
        -webkit-animation: animateOnCircle-1-12 0.3s;
        -o-animation: animateOnCircle-1-12 0.3s;
        animation: animateOnCircle-1-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(1) {
        opacity: 1;
        transform: translateZ(0) rotate(0deg) translate(260px) rotate(0deg)
    }
    @-webkit-keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg)
        }
    }
    @-moz-keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg)
        }
    }
    @-ms-keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg)
        }
    }
    @keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(260px) rotate(30deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-2 {
        -webkit-animation: animateOnCircle-2-12 0.3s;
        -o-animation: animateOnCircle-2-12 0.3s;
        animation: animateOnCircle-2-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(2) {
        opacity: 1;
        transform: translateZ(0) rotate(-45deg) translate(260px) rotate(45deg)
    }
    @-webkit-keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg)
        }
    }
    @-moz-keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg)
        }
    }
    @-ms-keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg)
        }
    }
    @keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(260px) rotate(60deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-3 {
        -webkit-animation: animateOnCircle-3-12 0.3s;
        -o-animation: animateOnCircle-3-12 0.3s;
        animation: animateOnCircle-3-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(3) {
        opacity: 1;
        transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg)
    }
    @-webkit-keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg)
        }
    }
    @-moz-keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg)
        }
    }
    @-ms-keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg)
        }
    }
    @keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(260px) rotate(90deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-4 {
        -webkit-animation: animateOnCircle-4-12 0.3s;
        -o-animation: animateOnCircle-4-12 0.3s;
        animation: animateOnCircle-4-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(4) {
        opacity: 1;
        transform: translateZ(0) rotate(-135deg) translate(260px) rotate(135deg)
    }
    @-webkit-keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg)
        }
    }
    @-moz-keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg)
        }
    }
    @-ms-keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg)
        }
    }
    @keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(260px) rotate(120deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-5 {
        -webkit-animation: animateOnCircle-5-12 0.3s;
        -o-animation: animateOnCircle-5-12 0.3s;
        animation: animateOnCircle-5-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(5) {
        opacity: 1;
        transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg)
    }
    @-webkit-keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg)
        }
    }
    @-moz-keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg)
        }
    }
    @-ms-keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg)
        }
    }
    @keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(260px) rotate(150deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-6 {
        -webkit-animation: animateOnCircle-6-12 0.3s;
        -o-animation: animateOnCircle-6-12 0.3s;
        animation: animateOnCircle-6-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(6) {
        opacity: 1;
        transform: translateZ(0) rotate(-225deg) translate(260px) rotate(225deg)
    }
    @-webkit-keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg)
        }
    }
    @-moz-keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg)
        }
    }
    @-ms-keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg)
        }
    }
    @keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(260px) rotate(180deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-7 {
        -webkit-animation: animateOnCircle-7-12 0.3s;
        -o-animation: animateOnCircle-7-12 0.3s;
        animation: animateOnCircle-7-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(7) {
        opacity: 1;
        transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg)
    }
    @-webkit-keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg)
        }
    }
    @-moz-keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg)
        }
    }
    @-ms-keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg)
        }
    }
    @keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(260px) rotate(210deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-8 {
        -webkit-animation: animateOnCircle-8-12 0.3s;
        -o-animation: animateOnCircle-8-12 0.3s;
        animation: animateOnCircle-8-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(8) {
        opacity: 1;
        transform: translateZ(0) rotate(-315deg) translate(260px) rotate(314deg)
    }
    @-webkit-keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg)
        }
    }
    @-moz-keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg)
        }
    }
    @-ms-keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg)
        }
    }
    @keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-9 {
        -webkit-animation: animateOnCircle-9-12 0.3s;
        -o-animation: animateOnCircle-9-12 0.3s;
        animation: animateOnCircle-9-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(9) {
        opacity: 1;
        transform: translateZ(0) rotate(-240deg) translate(260px) rotate(240deg)
    }
    @-webkit-keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg)
        }
    }
    @-moz-keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg)
        }
    }
    @-ms-keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg)
        }
    }
    @keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-10 {
        -webkit-animation: animateOnCircle-10-12 0.3s;
        -o-animation: animateOnCircle-10-12 0.3s;
        animation: animateOnCircle-10-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(10) {
        opacity: 1;
        transform: translateZ(0) rotate(-270deg) translate(260px) rotate(270deg)
    }
    @-webkit-keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg)
        }
    }
    @-moz-keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg)
        }
    }
    @-ms-keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg)
        }
    }
    @keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-11 {
        -webkit-animation: animateOnCircle-11-12 0.3s;
        -o-animation: animateOnCircle-11-12 0.3s;
        animation: animateOnCircle-11-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(11) {
        opacity: 1;
        transform: translateZ(0) rotate(-300deg) translate(260px) rotate(300deg)
    }
    @-webkit-keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg)
        }
    }
    @-moz-keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg)
        }
    }
    @-ms-keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg)
        }
    }
    @keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg)
        }
    }
    .circle-container .feature-circle.place-on-circle-12 {
        -webkit-animation: animateOnCircle-12-12 0.3s;
        -o-animation: animateOnCircle-12-12 0.3s;
        animation: animateOnCircle-12-12 0.3s
    }
    .circle-container .feature-circle:nth-of-type(12) {
        opacity: 1;
        transform: translateZ(0) rotate(-330deg) translate(260px) rotate(330deg)
    }
    .circle-container:before {
        width: 300px;
        height: 300px
    }
    .circle-container.integrations-circle {
        position: relative;
        width: 320px;
        height: 320px;
        border-radius: 50%;
        list-style: none
    }
    .circle-container.integrations-circle .feature-circle {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin: -40px
    }
    @-webkit-keyframes animateOnCircle-1-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg)
        }
    }
    @-moz-keyframes animateOnCircle-1-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg)
        }
    }
    @-ms-keyframes animateOnCircle-1-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg)
        }
    }
    @keyframes animateOnCircle-1-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-1 {
        -webkit-animation: animateOnCircle-1-8 0.3s;
        -o-animation: animateOnCircle-1-8 0.3s;
        animation: animateOnCircle-1-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(1) {
        opacity: 1;
        transform: translateZ(0) rotate(0deg) translate(160px) rotate(0deg)
    }
    @-webkit-keyframes animateOnCircle-2-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -o-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -ms-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -webkit-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg)
        }
    }
    @-moz-keyframes animateOnCircle-2-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -o-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -ms-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -webkit-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg)
        }
    }
    @-ms-keyframes animateOnCircle-2-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -o-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -ms-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -webkit-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg)
        }
    }
    @keyframes animateOnCircle-2-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -o-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -ms-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            -webkit-transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg);
            transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-2 {
        -webkit-animation: animateOnCircle-2-8 0.3s;
        -o-animation: animateOnCircle-2-8 0.3s;
        animation: animateOnCircle-2-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(2) {
        opacity: 1;
        transform: translateZ(0) rotate(-45deg) translate(160px) rotate(45deg)
    }
    @-webkit-keyframes animateOnCircle-3-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg)
        }
    }
    @-moz-keyframes animateOnCircle-3-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg)
        }
    }
    @-ms-keyframes animateOnCircle-3-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg)
        }
    }
    @keyframes animateOnCircle-3-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-3 {
        -webkit-animation: animateOnCircle-3-8 0.3s;
        -o-animation: animateOnCircle-3-8 0.3s;
        animation: animateOnCircle-3-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(3) {
        opacity: 1;
        transform: translateZ(0) rotate(-90deg) translate(160px) rotate(90deg)
    }
    @-webkit-keyframes animateOnCircle-4-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -o-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -ms-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -webkit-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg)
        }
    }
    @-moz-keyframes animateOnCircle-4-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -o-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -ms-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -webkit-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg)
        }
    }
    @-ms-keyframes animateOnCircle-4-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -o-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -ms-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -webkit-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg)
        }
    }
    @keyframes animateOnCircle-4-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -o-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -ms-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            -webkit-transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg);
            transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-4 {
        -webkit-animation: animateOnCircle-4-8 0.3s;
        -o-animation: animateOnCircle-4-8 0.3s;
        animation: animateOnCircle-4-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(4) {
        opacity: 1;
        transform: translateZ(0) rotate(-135deg) translate(160px) rotate(135deg)
    }
    @-webkit-keyframes animateOnCircle-5-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg)
        }
    }
    @-moz-keyframes animateOnCircle-5-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg)
        }
    }
    @-ms-keyframes animateOnCircle-5-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg)
        }
    }
    @keyframes animateOnCircle-5-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-5 {
        -webkit-animation: animateOnCircle-5-8 0.3s;
        -o-animation: animateOnCircle-5-8 0.3s;
        animation: animateOnCircle-5-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(5) {
        opacity: 1;
        transform: translateZ(0) rotate(-180deg) translate(160px) rotate(180deg)
    }
    @-webkit-keyframes animateOnCircle-6-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -o-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -ms-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -webkit-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg)
        }
    }
    @-moz-keyframes animateOnCircle-6-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -o-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -ms-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -webkit-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg)
        }
    }
    @-ms-keyframes animateOnCircle-6-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -o-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -ms-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -webkit-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg)
        }
    }
    @keyframes animateOnCircle-6-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -o-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -ms-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            -webkit-transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg);
            transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-6 {
        -webkit-animation: animateOnCircle-6-8 0.3s;
        -o-animation: animateOnCircle-6-8 0.3s;
        animation: animateOnCircle-6-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(6) {
        opacity: 1;
        transform: translateZ(0) rotate(-225deg) translate(160px) rotate(225deg)
    }
    @-webkit-keyframes animateOnCircle-7-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg)
        }
    }
    @-moz-keyframes animateOnCircle-7-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg)
        }
    }
    @-ms-keyframes animateOnCircle-7-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg)
        }
    }
    @keyframes animateOnCircle-7-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-7 {
        -webkit-animation: animateOnCircle-7-8 0.3s;
        -o-animation: animateOnCircle-7-8 0.3s;
        animation: animateOnCircle-7-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(7) {
        opacity: 1;
        transform: translateZ(0) rotate(-270deg) translate(160px) rotate(270deg)
    }
    @-webkit-keyframes animateOnCircle-8-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -o-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -ms-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -webkit-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg)
        }
    }
    @-moz-keyframes animateOnCircle-8-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -o-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -ms-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -webkit-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg)
        }
    }
    @-ms-keyframes animateOnCircle-8-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -o-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -ms-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -webkit-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg)
        }
    }
    @keyframes animateOnCircle-8-8 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -o-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -ms-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            -webkit-transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg);
            transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg)
        }
    }
    .circle-container.integrations-circle .feature-circle.place-on-circle-8 {
        -webkit-animation: animateOnCircle-8-8 0.3s;
        -o-animation: animateOnCircle-8-8 0.3s;
        animation: animateOnCircle-8-8 0.3s
    }
    .circle-container.integrations-circle .feature-circle:nth-of-type(8) {
        opacity: 1;
        transform: translateZ(0) rotate(-315deg) translate(160px) rotate(315deg)
    }
    .circle-container.integrations-circle-small {
        position: relative;
        width: 360px;
        height: 360px;
        border-radius: 50%;
        list-style: none
    }
    .circle-container.integrations-circle-small .feature-circle {
        opacity: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 60px;
        height: 60px;
        margin: -30px
    }
    @-webkit-keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg)
        }
    }
    @-moz-keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg)
        }
    }
    @-ms-keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg)
        }
    }
    @keyframes animateOnCircle-1-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -o-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -ms-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            -webkit-transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg);
            transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-1 {
        -webkit-animation: animateOnCircle-1-12 0.3s;
        -o-animation: animateOnCircle-1-12 0.3s;
        animation: animateOnCircle-1-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(1) {
        opacity: 1;
        transform: translateZ(0) rotate(0deg) translate(180px) rotate(0deg)
    }
    @-webkit-keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg)
        }
    }
    @-moz-keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg)
        }
    }
    @-ms-keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg)
        }
    }
    @keyframes animateOnCircle-2-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -o-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -ms-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            -webkit-transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg);
            transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-2 {
        -webkit-animation: animateOnCircle-2-12 0.3s;
        -o-animation: animateOnCircle-2-12 0.3s;
        animation: animateOnCircle-2-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(2) {
        opacity: 1;
        transform: translateZ(0) rotate(-30deg) translate(180px) rotate(30deg)
    }
    @-webkit-keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg)
        }
    }
    @-moz-keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg)
        }
    }
    @-ms-keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg)
        }
    }
    @keyframes animateOnCircle-3-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -o-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -ms-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            -webkit-transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg);
            transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-3 {
        -webkit-animation: animateOnCircle-3-12 0.3s;
        -o-animation: animateOnCircle-3-12 0.3s;
        animation: animateOnCircle-3-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(3) {
        opacity: 1;
        transform: translateZ(0) rotate(-60deg) translate(180px) rotate(60deg)
    }
    @-webkit-keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg)
        }
    }
    @-moz-keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg)
        }
    }
    @-ms-keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg)
        }
    }
    @keyframes animateOnCircle-4-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -o-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -ms-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            -webkit-transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg);
            transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-4 {
        -webkit-animation: animateOnCircle-4-12 0.3s;
        -o-animation: animateOnCircle-4-12 0.3s;
        animation: animateOnCircle-4-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(4) {
        opacity: 1;
        transform: translateZ(0) rotate(-90deg) translate(180px) rotate(90deg)
    }
    @-webkit-keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg)
        }
    }
    @-moz-keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg)
        }
    }
    @-ms-keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg)
        }
    }
    @keyframes animateOnCircle-5-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -o-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -ms-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            -webkit-transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg);
            transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-5 {
        -webkit-animation: animateOnCircle-5-12 0.3s;
        -o-animation: animateOnCircle-5-12 0.3s;
        animation: animateOnCircle-5-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(5) {
        opacity: 1;
        transform: translateZ(0) rotate(-120deg) translate(180px) rotate(120deg)
    }
    @-webkit-keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg)
        }
    }
    @-moz-keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg)
        }
    }
    @-ms-keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg)
        }
    }
    @keyframes animateOnCircle-6-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -o-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -ms-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            -webkit-transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg);
            transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-6 {
        -webkit-animation: animateOnCircle-6-12 0.3s;
        -o-animation: animateOnCircle-6-12 0.3s;
        animation: animateOnCircle-6-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(6) {
        opacity: 1;
        transform: translateZ(0) rotate(-150deg) translate(180px) rotate(150deg)
    }
    @-webkit-keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg)
        }
    }
    @-moz-keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg)
        }
    }
    @-ms-keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg)
        }
    }
    @keyframes animateOnCircle-7-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -o-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -ms-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            -webkit-transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg);
            transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-7 {
        -webkit-animation: animateOnCircle-7-12 0.3s;
        -o-animation: animateOnCircle-7-12 0.3s;
        animation: animateOnCircle-7-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(7) {
        opacity: 1;
        transform: translateZ(0) rotate(-180deg) translate(180px) rotate(180deg)
    }
    @-webkit-keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg)
        }
    }
    @-moz-keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg)
        }
    }
    @-ms-keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg)
        }
    }
    @keyframes animateOnCircle-8-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -o-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -ms-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            -webkit-transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg);
            transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-8 {
        -webkit-animation: animateOnCircle-8-12 0.3s;
        -o-animation: animateOnCircle-8-12 0.3s;
        animation: animateOnCircle-8-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(8) {
        opacity: 1;
        transform: translateZ(0) rotate(-210deg) translate(180px) rotate(210deg)
    }
    @-webkit-keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg)
        }
    }
    @-moz-keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg)
        }
    }
    @-ms-keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg)
        }
    }
    @keyframes animateOnCircle-9-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -o-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -ms-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            -webkit-transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg);
            transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-9 {
        -webkit-animation: animateOnCircle-9-12 0.3s;
        -o-animation: animateOnCircle-9-12 0.3s;
        animation: animateOnCircle-9-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(9) {
        opacity: 1;
        transform: translateZ(0) rotate(-240deg) translate(180px) rotate(240deg)
    }
    @-webkit-keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg)
        }
    }
    @-moz-keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg)
        }
    }
    @-ms-keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg)
        }
    }
    @keyframes animateOnCircle-10-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -o-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -ms-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            -webkit-transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg);
            transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-10 {
        -webkit-animation: animateOnCircle-10-12 0.3s;
        -o-animation: animateOnCircle-10-12 0.3s;
        animation: animateOnCircle-10-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(10) {
        opacity: 1;
        transform: translateZ(0) rotate(-270deg) translate(180px) rotate(270deg)
    }
    @-webkit-keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg)
        }
    }
    @-moz-keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg)
        }
    }
    @-ms-keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg)
        }
    }
    @keyframes animateOnCircle-11-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -o-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -ms-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            -webkit-transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg);
            transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-11 {
        -webkit-animation: animateOnCircle-11-12 0.3s;
        -o-animation: animateOnCircle-11-12 0.3s;
        animation: animateOnCircle-11-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(11) {
        opacity: 1;
        transform: translateZ(0) rotate(-300deg) translate(180px) rotate(300deg)
    }
    @-webkit-keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg)
        }
    }
    @-moz-keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg)
        }
    }
    @-ms-keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg)
        }
    }
    @keyframes animateOnCircle-12-12 {
        0% {
            opacity: 0;
            -moz-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -o-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -ms-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            -webkit-transform: translateZ(0) rotate(0) translate(0) rotate(0);
            transform: translateZ(0) rotate(0) translate(0) rotate(0)
        }
        100% {
            opacity: 1;
            -moz-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -o-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -ms-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            -webkit-transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg);
            transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg)
        }
    }
    .circle-container.integrations-circle-small .feature-circle.place-on-circle-12 {
        -webkit-animation: animateOnCircle-12-12 0.3s;
        -o-animation: animateOnCircle-12-12 0.3s;
        animation: animateOnCircle-12-12 0.3s
    }
    .circle-container.integrations-circle-small .feature-circle:nth-of-type(12) {
        opacity: 1;
        transform: translateZ(0) rotate(-330deg) translate(180px) rotate(330deg)
    }




.circle-heading{
    font-weight:400;
}

.info-circle-text {
    margin:10px 0px;
}
.info-circle-text  0{
    margin:10px 0px;
}

.sc_button {
    color: #e1081b;
    font-family: 'Roboto';
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.8rem;
    padding: 10px 5px;
    margin-top: 20px;
}

.featured-circle-text {
    margin-right: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.circle-container img {
    background: white;
    border-radius: 100%;
    width: 100px;
    padding: 15px;
      -webkit-transition: all 0.05s ease-in-out;
  -moz-transition: all 0.05s ease-in-out;
  -o-transition: all 0.05s ease-in-out;
  transition: all 0.05s ease-in-out;
}
.circle-container img:hover {
    background: #f5f5f5;
    cursor:pointer;
  
}

@media only screen and (min-width: 769px){
    #icon2-content{
        display:none;
    }
      #icon3-content{
        display:none;
    }
      #icon4-content{
        display:none;
    }
      #icon5-content{
        display:none;
    }
      #icon6-content{
        display:none;
    }
      #icon7-content{
        display:none;
    }
      #icon8-content{
        display:none;
    }
    

}

@media only screen and max-width: 768px){

  
    .circle-container{
        display:none!important;
    }
    
    .ult-responsive{
        padding:40px auto;
    }
    
}



@media only screen and (max-width: 400px){
#blog .owl-item {
    width: 320px!important;
    margin: 0 auto;
    }

}