/* Hide original spinner elements */
.playkit-spinner span:nth-child(1),
.playkit-spinner span:nth-child(2),
.playkit-spinner span:nth-child(3),
.playkit-spinner span:nth-child(4),
.playkit-spinner span:nth-child(5),
.playkit-spinner span:nth-child(6),
.playkit-spinner span:nth-child(7),
.playkit-spinner span:nth-child(8) {
    display: none !important;
}
.playkit-spinner{

	width: 100px;
    height: 100px;
    position: relative;
    animation: playkit-kaltura-spinner 2.5s infinite;
    /*you can add other things here, like changing the color of the dots*/

border: 8px solid rgb(55, 171, 161);
border-top: 8px solid #FED032;
border-radius: 50%; /* Make it round */

}
.playkit-player .playkit-seek-bar .playkit-progress-bar .playkit-progress {
    background-color: #FED032;
}

.playkit-volume-control-bar .playkit-progress {
    background-color: #FED032;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item.playkit-active {
    color: #FED032;
}

.playkit-dropdown-menu .playkit-dropdown-menu-item.playkit-active .playkit-icon-check {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 1024 1024' width='36' height='36'%3E%3Cpath fill='%23FED032' d='M342.481 563.894c-12.577-12.416-32.838-12.285-45.254 0.292s-12.285 32.838 0.292 45.254l118.857 117.333c13.275 13.105 34.901 12.123 46.933-2.131l297.143-352c11.4-13.505 9.694-33.694-3.811-45.094s-33.694-9.694-45.094 3.811l-274.828 325.566-94.238-93.030z' /%3E%3C/svg%3E");
}