﻿/* Quiz default */
.ays-quiz-container .lds-ellipsis
{
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.ays-quiz-container .lds-ellipsis div
{
    position: absolute;
    top: 27px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #000;
    animation-timing-function: cubic-bezier(0,1,1,0);
}
.ays-quiz-container .lds-ellipsis div:nth-child(1)
{
    left: 8px;
    animation: lds-ellipsis1 infinite;
    animation-duration: .6s!important;
}
.ays-quiz-container .lds-ellipsis div:nth-child(2)
{
    left: 8px;
    animation: lds-ellipsis2 infinite;
    animation-duration: .6s!important;
}
.ays-quiz-container .lds-ellipsis div:nth-child(3)
{
    left: 32px;
    animation: lds-ellipsis2 infinite;
    animation-duration: .6s!important;
}
.ays-quiz-container .lds-ellipsis div:nth-child(4)
{
    left: 56px;
    animation: lds-ellipsis3 infinite;
    animation-duration: .6s!important;
}
@keyframes lds-ellipsis1
{
    0%
    {
        transform: scale(0);
    }
    100%
    {
        transform: scale(1);
    }
}
@keyframes lds-ellipsis3
{
    0%
    {
        transform: scale(1);
    }
    100%
    {
        transform: scale(0);
    }
}
@keyframes lds-ellipsis2
{
    0%
    {
        transform: translate(0,0);
    }
    100%
    {
        transform: translate(24px,0);
    }
}/* Quiz loader klor */
.ays-quiz-container .lds-default
{
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.ays-quiz-container .lds-default div
{
    position: absolute;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    animation: lds-default linear infinite;
    animation-duration: 1.2s!important;
}
.ays-quiz-container .lds-default div:nth-child(1)
{
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}
.ays-quiz-container .lds-default div:nth-child(2)
{
    animation-delay: -.1s;
    top: 22px;
    left: 62px;
}
.ays-quiz-container .lds-default div:nth-child(3)
{
    animation-delay: -.2s;
    top: 11px;
    left: 52px;
}
.ays-quiz-container .lds-default div:nth-child(4)
{
    animation-delay: -.3s;
    top: 7px;
    left: 37px;
}
.ays-quiz-container .lds-default div:nth-child(5)
{
    animation-delay: -.4s;
    top: 11px;
    left: 22px;
}
.ays-quiz-container .lds-default div:nth-child(6)
{
    animation-delay: -.5s;
    top: 22px;
    left: 11px;
}
.ays-quiz-container .lds-default div:nth-child(7)
{
    animation-delay: -.6s;
    top: 37px;
    left: 7px;
}
.ays-quiz-container .lds-default div:nth-child(8)
{
    animation-delay: -.7s;
    top: 52px;
    left: 11px;
}
.ays-quiz-container .lds-default div:nth-child(9)
{
    animation-delay: -.8s;
    top: 62px;
    left: 22px;
}
.ays-quiz-container .lds-default div:nth-child(10)
{
    animation-delay: -.9s;
    top: 66px;
    left: 37px;
}
.ays-quiz-container .lds-default div:nth-child(11)
{
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}
.ays-quiz-container .lds-default div:nth-child(12)
{
    animation-delay: -1.1s;
    top: 52px;
    left: 52px;
}
@keyframes lds-default
{
    0%, 20%, 80%, 100%
    {
        transform: scale(1);
    }
    50%
    {
        transform: scale(1.5);
    }
}/* Quiz circle */
.ays-quiz-container .lds-circle
{
    display: inline-block;
    width: 52px;
    height: 52px;
    margin: 6px;
    border-radius: 50%;
    background: #000;
    animation: lds-circle cubic-bezier(0,.2,.8,1) infinite;
    animation-duration: 2.4s!important;
}
@keyframes lds-circle
{
    0%, 100%
    {
        animation-timing-function: cubic-bezier(.5,0,1,.5);
    }
    0%
    {
        transform: rotateY(0deg);
    }
    50%
    {
        transform: rotateY(1800deg);
        animation-timing-function: cubic-bezier(0,.5,.5,1);
    }
    100%
    {
        transform: rotateY(3600deg);
    }
}/* Quiz dual ring */
.ays-quiz-container .lds-dual-ring
{
    display: inline-block;
    width: 64px;
    height: 64px;
}
.ays-quiz-container .lds-dual-ring:after
{
    content: " ";
    display: block;
    width: 52px;
    height: 52px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #000;
    border-color: #000 transparent #000 transparent;
    animation: lds-dual-ring linear infinite;
    animation-duration: 1.2s!important;
}
@keyframes lds-dual-ring
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}/* Quiz facebook */
.ays-quiz-container .lds-facebook
{
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.ays-quiz-container .lds-facebook div
{
    display: inline-block;
    position: absolute;
    left: 6px;
    width: 12px;
    background: #000;
    animation: lds-facebook cubic-bezier(0,.5,.5,1) infinite;
    animation-duration: 1.2s!important;
}
.ays-quiz-container .lds-facebook div:nth-child(1)
{
    left: 6px;
    animation-delay: -.24s;
}
.ays-quiz-container .lds-facebook div:nth-child(2)
{
    left: 26px;
    animation-delay: -.12s;
}
.ays-quiz-container .lds-facebook div:nth-child(3)
{
    left: 46px;
    animation-delay: 0;
}
@keyframes lds-facebook
{
    0%
    {
        top: 6px;
        height: 64px;
    }
    50%, 100%
    {
        top: 18px;
        height: 32px;
    }
}/* Quiz grid */
.ays-quiz-container .lds-grid
{
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.ays-quiz-container .lds-grid div
{
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #000;
    animation: lds-grid linear infinite;
    animation-duration: 1.2s!important;
}
.ays-quiz-container .lds-grid div:nth-child(1)
{
    top: 8px;
    left: 8px;
    animation-delay: 0s;
}
.ays-quiz-container .lds-grid div:nth-child(2)
{
    top: 8px;
    left: 32px;
    animation-delay: -.4s;
}
.ays-quiz-container .lds-grid div:nth-child(3)
{
    top: 8px;
    left: 56px;
    animation-delay: -.8s;
}
.ays-quiz-container .lds-grid div:nth-child(4)
{
    top: 32px;
    left: 8px;
    animation-delay: -.4s;
}
.ays-quiz-container .lds-grid div:nth-child(5)
{
    top: 32px;
    left: 32px;
    animation-delay: -.8s;
}
.ays-quiz-container .lds-grid div:nth-child(6)
{
    top: 32px;
    left: 56px;
    animation-delay: -1.2s;
}
.ays-quiz-container .lds-grid div:nth-child(7)
{
    top: 56px;
    left: 8px;
    animation-delay: -.8s;
}
.ays-quiz-container .lds-grid div:nth-child(8)
{
    top: 56px;
    left: 32px;
    animation-delay: -1.2s;
}
.ays-quiz-container .lds-grid div:nth-child(9)
{
    top: 56px;
    left: 56px;
    animation-delay: -1.6s;
}
@keyframes lds-grid
{
    0%, 100%
    {
        opacity: 1;
    }
    50%
    {
        opacity: .5;
    }
}/* Quiz heart */
.ays-quiz-container .lds-heart
{
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    transform: rotate(45deg);
    transform-origin: 40px 40px;
}
.ays-quiz-container .lds-heart div
{
    top: 32px;
    left: 32px;
    position: absolute;
    width: 32px;
    height: 32px;
    background: #000;
    animation: lds-heart infinite cubic-bezier(.215,.61,.355,1);
    animation-duration: 1.2s!important;
}
.ays-quiz-container .lds-heart div:after, .ays-quiz-container .lds-heart div:before
{
    content: " ";
    position: absolute;
    display: block;
    width: 32px;
    height: 32px;
    background: #000;
}
.ays-quiz-container .lds-heart div:before
{
    left: -24px;
    border-radius: 50% 0 0 50%;
}
.ays-quiz-container .lds-heart div:after
{
    top: -24px;
    border-radius: 50% 50% 0 0;
}
@keyframes lds-heart
{
    0%
    {
        transform: scale(.95);
    }
    5%
    {
        transform: scale(1.1);
    }
    39%
    {
        transform: scale(.85);
    }
    45%
    {
        transform: scale(1);
    }
    60%
    {
        transform: scale(.95);
    }
    100%
    {
        transform: scale(.9);
    }
}/* Quiz hourglass */
.ays-quiz-container .lds-hourglass
{
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.ays-quiz-container .lds-hourglass:after
{
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 24px solid #fff;
    border-color: #000 transparent #000 transparent;
    animation: lds-hourglass infinite;
    animation-duration: 1.2s!important;
}
@keyframes lds-hourglass
{
    0%
    {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
    }
    50%
    {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
    }
    100%
    {
        transform: rotate(1800deg);
    }
}/* Quiz ring */
.ays-quiz-container .lds-ring
{
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.ays-quiz-container .lds-ring div
{
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid #000;
    border-radius: 50%;
    animation: lds-ring cubic-bezier(.5,0,.5,1) infinite;
    animation-duration: 1.2s!important;
    border-color: #000 transparent transparent transparent;
}
.ays-quiz-container .lds-ring div:nth-child(1)
{
    animation-delay: -.45s;
}
.ays-quiz-container .lds-ring div:nth-child(2)
{
    animation-delay: -.3s;
}
.ays-quiz-container .lds-ring div:nth-child(3)
{
    animation-delay: -.15s;
}
@keyframes lds-ring
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}/* Quiz ripple */
.ays-quiz-container .lds-ripple
{
    display: inline-block;
    position: relative;
    width: 64px!important;
    height: 64px!important;
}
.ays-quiz-container .lds-ripple div
{
    position: absolute;
    border: 4px solid #000;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple cubic-bezier(0,.2,.8,1) infinite;
    animation-duration: 1s!important;
}
.ays-quiz-container .lds-ripple div:nth-child(2)
{
    animation-delay: -.5s;
}
@keyframes lds-ripple
{
    0%
    {
        top: 32px;
        left: 32px;
        width: 0;
        height: 0;
        opacity: 1;
    }
    100%
    {
        top: 0;
        left: 0;
        width: 64px;
        height: 64px;
        opacity: 0;
    }
}/* Quiz roller */
.ays-quiz-container .lds-roller
{
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}
.ays-quiz-container .lds-roller div
{
    animation: lds-roller cubic-bezier(.5,0,.5,1) infinite;
    animation-duration: 1.2s!important;
    transform-origin: 40px 40px;
}
.ays-quiz-container .lds-roller div:after
{
    content: " ";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #000;
    margin: -4px 0 0 -4px;
}
.ays-quiz-container .lds-roller div:nth-child(1)
{
    animation-delay: -.036s;
}
.ays-quiz-container .lds-roller div:nth-child(1):after
{
    top: 63px;
    left: 63px;
}
.ays-quiz-container .lds-roller div:nth-child(2)
{
    animation-delay: -.072s;
}
.ays-quiz-container .lds-roller div:nth-child(2):after
{
    top: 68px;
    left: 56px;
}
.ays-quiz-container .lds-roller div:nth-child(3)
{
    animation-delay: -.108s;
}
.ays-quiz-container .lds-roller div:nth-child(3):after
{
    top: 71px;
    left: 48px;
}
.ays-quiz-container .lds-roller div:nth-child(4)
{
    animation-delay: -.144s;
}
.ays-quiz-container .lds-roller div:nth-child(4):after
{
    top: 72px;
    left: 40px;
}
.ays-quiz-container .lds-roller div:nth-child(5)
{
    animation-delay: -.18s;
}
.ays-quiz-container .lds-roller div:nth-child(5):after
{
    top: 71px;
    left: 32px;
}
.ays-quiz-container .lds-roller div:nth-child(6)
{
    animation-delay: -.216s;
}
.ays-quiz-container .lds-roller div:nth-child(6):after
{
    top: 68px;
    left: 24px;
}
.ays-quiz-container .lds-roller div:nth-child(7)
{
    animation-delay: -.252s;
}
.ays-quiz-container .lds-roller div:nth-child(7):after
{
    top: 63px;
    left: 17px;
}
.ays-quiz-container .lds-roller div:nth-child(8)
{
    animation-delay: -.288s;
}
.ays-quiz-container .lds-roller div:nth-child(8):after
{
    top: 56px;
    left: 12px;
}
@keyframes lds-roller
{
    0%
    {
        transform: rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}/* Quiz spinner */
.ays-quiz-container .lds-spinner
{
    color: official;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.ays-quiz-container .lds-spinner div
{
    transform-origin: 30px 30px;
    animation: lds-spinner linear infinite;
    animation-duration: 1.2s!important;
}
.ays-quiz-container .lds-spinner div:after
{
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 27px;
    width: 5px;
    height: 13px;
    border-radius: 20%;
    background: #000;
}
.ays-quiz-container .lds-spinner div:nth-child(1)
{
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.ays-quiz-container .lds-spinner div:nth-child(2)
{
    transform: rotate(30deg);
    animation-delay: -1s;
}
.ays-quiz-container .lds-spinner div:nth-child(3)
{
    transform: rotate(60deg);
    animation-delay: -.9s;
}
.ays-quiz-container .lds-spinner div:nth-child(4)
{
    transform: rotate(90deg);
    animation-delay: -.8s;
}
.ays-quiz-container .lds-spinner div:nth-child(5)
{
    transform: rotate(120deg);
    animation-delay: -.7s;
}
.ays-quiz-container .lds-spinner div:nth-child(6)
{
    transform: rotate(150deg);
    animation-delay: -.6s;
}
.ays-quiz-container .lds-spinner div:nth-child(7)
{
    transform: rotate(180deg);
    animation-delay: -.5s;
}
.ays-quiz-container .lds-spinner div:nth-child(8)
{
    transform: rotate(210deg);
    animation-delay: -.4s;
}
.ays-quiz-container .lds-spinner div:nth-child(9)
{
    transform: rotate(240deg);
    animation-delay: -.3s;
}
.ays-quiz-container .lds-spinner div:nth-child(10)
{
    transform: rotate(270deg);
    animation-delay: -.2s;
}
.ays-quiz-container .lds-spinner div:nth-child(11)
{
    transform: rotate(300deg);
    animation-delay: -.1s;
}
.ays-quiz-container .lds-spinner div:nth-child(12)
{
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner
{
    0%
    {
        opacity: 1;
    }
    100%
    {
        opacity: 0;
    }
}