.wrap {
    width: 100%;
    max-width: 1200px;
    margin: 50px auto;
    position: relative;
    height: 1300px;
}

.itemd {
    width: 190px;
    height: 190px;
    display: block;
    text-align: center;
    position: relative;
    border: 10px solid #fff;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.itemd:hover:after {
    border-color: #ffd800;
}

.item_img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.item_img img {
    width: 100%;
    height: auto;
    border-radius: 15px;
    background: #edeae5;
    border-radius: 50%;
}

.item_img .ten {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    text-align: center;
    font-family: 'Roboto-Medium';
    font-size: 15px;
    text-transform: capitalize;
    color: #fff;
    z-index: 1;
    padding: 10px 20px;
    background: rgba(0, 0, 0, 0.3);
    min-height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.item_img .bong {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all ease 0.8s;
}

.saturn0 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit0 50s linear infinite;
    -moz-animation: myOrbit0 50s linear infinite;
    -o-animation: myOrbit0 50s linear infinite;
    animation: myOrbit0 50s linear infinite;
}

.saturn1 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit1 50s linear infinite;
    -moz-animation: myOrbit1 50s linear infinite;
    -o-animation: myOrbit1 50s linear infinite;
    animation: myOrbit1 50s linear infinite;
}

.saturn2 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit2 50s linear infinite;
    -moz-animation: myOrbit2 50s linear infinite;
    -o-animation: myOrbit2 50s linear infinite;
    animation: myOrbit2 50s linear infinite;
}

.saturn3 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit3 50s linear infinite;
    -moz-animation: myOrbit3 50s linear infinite;
    -o-animation: myOrbit3 50s linear infinite;
    animation: myOrbit3 50s linear infinite;
}

.saturn4 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit4 50s linear infinite;
    -moz-animation: myOrbit4 50s linear infinite;
    -o-animation: myOrbit4 50s linear infinite;
    animation: myOrbit4 50s linear infinite;
}

.saturn5 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit5 50s linear infinite;
    -moz-animation: myOrbit5 50s linear infinite;
    -o-animation: myOrbit5 50s linear infinite;
    animation: myOrbit5 50s linear infinite;
}

.saturn6 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit6 50s linear infinite;
    -moz-animation: myOrbit6 50s linear infinite;
    -o-animation: myOrbit6 50s linear infinite;
    animation: myOrbit6 50s linear infinite;
}

.saturn7 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit7 50s linear infinite;
    -moz-animation: myOrbit7 50s linear infinite;
    -o-animation: myOrbit7 50s linear infinite;
    animation: myOrbit7 50s linear infinite;
}

.saturn8 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit8 50s linear infinite;
    -moz-animation: myOrbit8 50s linear infinite;
    -o-animation: myOrbit8 50s linear infinite;
    animation: myOrbit8 50s linear infinite;
}

.saturn9 {
    position: absolute;
    left: calc(50% - 105px);
    top: calc(50% - 160px);
    -webkit-animation: myOrbit9 50s linear infinite;
    -moz-animation: myOrbit9 50s linear infinite;
    -o-animation: myOrbit9 50s linear infinite;
    animation: myOrbit9 50s linear infinite;
}

@-webkit-keyframes myOrbit0 {
    from {
        -webkit-transform: rotate(-18deg) translateX(505px) rotate(18deg);
    }

    to {
        -webkit-transform: rotate(342deg) translateX(505px) rotate(-342deg);
    }

}

@-moz-keyframes myOrbit0 {
    from {
        -moz-transform: rotate(-18deg) translateX(505px) rotate(18deg);
    }

    to {
        -moz-transform: rotate(342deg) translateX(505px) rotate(-342deg);
    }

}

@-o-keyframes myOrbit0 {
    from {
        -o-transform: rotate(-18deg) translateX(505px) rotate(18deg);
    }

    to {
        -o-transform: rotate(342deg) translateX(505px) rotate(-342deg);
    }

}

@keyframes myOrbit0 {
    from {
        transform: rotate(-18deg) translateX(505px) rotate(18deg);
    }

    to {
        transform: rotate(342deg) translateX(505px) rotate(-342deg);
    }

}

@-webkit-keyframes myOrbit1 {
    from {
        -webkit-transform: rotate(-54deg) translateX(505px) rotate(54deg);
    }

    to {
        -webkit-transform: rotate(306deg) translateX(505px) rotate(-306deg);
    }

}

@-moz-keyframes myOrbit1 {
    from {
        -webkit-transform: rotate(-54deg) translateX(505px) rotate(54deg);
    }

    to {
        -webkit-transform: rotate(306deg) translateX(505px) rotate(-306deg);
    }

}

@-o-keyframes myOrbit1 {
    from {
        -webkit-transform: rotate(-54deg) translateX(505px) rotate(54deg);
    }

    to {
        -webkit-transform: rotate(306deg) translateX(505px) rotate(-306deg);
    }

}

@keyframes myOrbit1 {
    from {
        -webkit-transform: rotate(-54deg) translateX(505px) rotate(54deg);
    }

    to {
        -webkit-transform: rotate(306deg) translateX(505px) rotate(-306deg);
    }

}

@-webkit-keyframes myOrbit2 {
    from {
        -webkit-transform: rotate(-90deg) translateX(505px) rotate(90deg);
    }

    to {
        -webkit-transform: rotate(270deg) translateX(505px) rotate(-270deg);
    }

}

@-moz-keyframes myOrbit2 {
    from {
        -webkit-transform: rotate(-90deg) translateX(505px) rotate(90deg);
    }

    to {
        -webkit-transform: rotate(270deg) translateX(505px) rotate(-270deg);
    }

}

@-o-keyframes myOrbit2 {
    from {
        -webkit-transform: rotate(-90deg) translateX(505px) rotate(90deg);
    }

    to {
        -webkit-transform: rotate(270deg) translateX(505px) rotate(-270deg);
    }

}

@keyframes myOrbit2 {
    from {
        -webkit-transform: rotate(-90deg) translateX(505px) rotate(90deg);
    }

    to {
        -webkit-transform: rotate(270deg) translateX(505px) rotate(-270deg);
    }

}

@-webkit-keyframes myOrbit3 {
    from {
        -webkit-transform: rotate(-126deg) translateX(505px) rotate(126deg);
    }

    to {
        -webkit-transform: rotate(234deg) translateX(505px) rotate(-234deg);
    }

}

@-moz-keyframes myOrbit3 {
    from {
        -webkit-transform: rotate(-126deg) translateX(505px) rotate(126deg);
    }

    to {
        -webkit-transform: rotate(234deg) translateX(505px) rotate(-234deg);
    }

}

@-o-keyframes myOrbit3 {
    from {
        -webkit-transform: rotate(-126deg) translateX(505px) rotate(126deg);
    }

    to {
        -webkit-transform: rotate(234deg) translateX(505px) rotate(-234deg);
    }

}

@keyframes myOrbit3 {
    from {
        -webkit-transform: rotate(-126deg) translateX(505px) rotate(126deg);
    }

    to {
        -webkit-transform: rotate(234deg) translateX(505px) rotate(-234deg);
    }

}

@-webkit-keyframes myOrbit4 {
    from {
        -webkit-transform: rotate(-162deg) translateX(505px) rotate(162deg);
    }

    to {
        -webkit-transform: rotate(198deg) translateX(505px) rotate(-198deg);
    }

}

@-moz-keyframes myOrbit4 {
    from {
        -webkit-transform: rotate(-162deg) translateX(505px) rotate(162deg);
    }

    to {
        -webkit-transform: rotate(198deg) translateX(505px) rotate(-198deg);
    }

}

@-o-keyframes myOrbit4 {
    from {
        -webkit-transform: rotate(-162deg) translateX(505px) rotate(162deg);
    }

    to {
        -webkit-transform: rotate(198deg) translateX(505px) rotate(-198deg);
    }

}

@keyframes myOrbit4 {
    from {
        -webkit-transform: rotate(-162deg) translateX(505px) rotate(162deg);
    }

    to {
        -webkit-transform: rotate(198deg) translateX(505px) rotate(-198deg);
    }

}

@-webkit-keyframes myOrbit5 {
    from {
        -webkit-transform: rotate(-198deg) translateX(505px) rotate(198deg);
    }

    to {
        -webkit-transform: rotate(162deg) translateX(505px) rotate(-162deg);
    }

}

@-moz-keyframes myOrbit5 {
    from {
        -webkit-transform: rotate(-198deg) translateX(505px) rotate(198deg);
    }

    to {
        -webkit-transform: rotate(162deg) translateX(505px) rotate(-162deg);
    }

}

@-o-keyframes myOrbit5 {
    from {
        -webkit-transform: rotate(-198deg) translateX(505px) rotate(198deg);
    }

    to {
        -webkit-transform: rotate(162deg) translateX(505px) rotate(-162deg);
    }

}

@keyframes myOrbit5 {
    from {
        -webkit-transform: rotate(-198deg) translateX(505px) rotate(198deg);
    }

    to {
        -webkit-transform: rotate(162deg) translateX(505px) rotate(-162deg);
    }

}

@-webkit-keyframes myOrbit6 {
    from {
        -webkit-transform: rotate(-234deg) translateX(505px) rotate(234deg);
    }

    to {
        -webkit-transform: rotate(126deg) translateX(505px) rotate(-126deg);
    }

}

@-moz-keyframes myOrbit6 {
    from {
        -webkit-transform: rotate(-234deg) translateX(505px) rotate(234deg);
    }

    to {
        -webkit-transform: rotate(126deg) translateX(505px) rotate(-126deg);
    }

}

@-o-keyframes myOrbit6 {
    from {
        -webkit-transform: rotate(-234deg) translateX(505px) rotate(234deg);
    }

    to {
        -webkit-transform: rotate(126deg) translateX(505px) rotate(-126deg);
    }

}

@keyframes myOrbit6 {
    from {
        -webkit-transform: rotate(-234deg) translateX(505px) rotate(234deg);
    }

    to {
        -webkit-transform: rotate(126deg) translateX(505px) rotate(-126deg);
    }

}

@-webkit-keyframes myOrbit7 {
    from {
        -webkit-transform: rotate(-270deg) translateX(505px) rotate(270deg);
    }

    to {
        -webkit-transform: rotate(90deg) translateX(505px) rotate(-90deg);
    }

}

@-moz-keyframes myOrbit7 {
    from {
        -webkit-transform: rotate(-270deg) translateX(505px) rotate(270deg);
    }

    to {
        -webkit-transform: rotate(90deg) translateX(505px) rotate(-90deg);
    }

}

@-o-keyframes myOrbit7 {
    from {
        -webkit-transform: rotate(-270deg) translateX(505px) rotate(270deg);
    }

    to {
        -webkit-transform: rotate(90deg) translateX(505px) rotate(-90deg);
    }

}

@keyframes myOrbit7 {
    from {
        -webkit-transform: rotate(-270deg) translateX(505px) rotate(270deg);
    }

    to {
        -webkit-transform: rotate(90deg) translateX(505px) rotate(-90deg);
    }

}

@-webkit-keyframes myOrbit8 {
    from {
        -webkit-transform: rotate(-306deg) translateX(505px) rotate(306deg);
    }

    to {
        -webkit-transform: rotate(54deg) translateX(505px) rotate(-54deg);
    }

}

@-moz-keyframes myOrbit8 {
    from {
        -webkit-transform: rotate(-306deg) translateX(505px) rotate(306deg);
    }

    to {
        -webkit-transform: rotate(54deg) translateX(505px) rotate(-54deg);
    }

}

@-o-keyframes myOrbit8 {
    from {
        -webkit-transform: rotate(-306deg) translateX(505px) rotate(306deg);
    }

    to {
        -webkit-transform: rotate(54deg) translateX(505px) rotate(-54deg);
    }

}

@keyframes myOrbit8 {
    from {
        -webkit-transform: rotate(-306deg) translateX(505px) rotate(306deg);
    }

    to {
        -webkit-transform: rotate(54deg) translateX(505px) rotate(-54deg);
    }

}

@-webkit-keyframes myOrbit9 {
    from {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

    to {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(-18deg);
    }

}

@-moz-keyframes myOrbit9 {
    from {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

    to {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(-18deg);
    }

}

@-o-keyframes myOrbit9 {
    from {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

    to {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(-18deg);
    }

}

@keyframes myOrbit9 {
    from {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

    to {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(-18deg);
    }

}

@-webkit-keyframes myOrbit10 {
    from {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(18deg);
    }

    to {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

}

@-moz-keyframes myOrbit10 {
    from {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(18deg);
    }

    to {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

}

@-o-keyframes myOrbit10 {
    from {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(18deg);
    }

    to {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

}

@keyframes myOrbit10 {
    from {
        -webkit-transform: rotate(18deg) translateX(505px) rotate(18deg);
    }

    to {
        -webkit-transform: rotate(-342deg) translateX(505px) rotate(342deg);
    }

}