@font-face {
    font-family: 'Roboto';
    src: url("robotoLight.ttf");
}

@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-moz-keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@-ms-keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@keyframes pulse {
    to {
        box-shadow: 0 0 0 20px rgba(232, 76, 61, 0);
    }
}

@keyframes test {
    10% {
        background-image: radial-gradient(circle, transparent 0%, rgba(0, 0, 0, 0.85) 15%);
    }
    11% {
        background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.85) 16%);
    }
    12% {
        background-image: radial-gradient(circle, transparent 2%, rgba(0, 0, 0, 0.85) 17%);
    }
    13% {
        background-image: radial-gradient(circle, transparent 3%, rgba(0, 0, 0, 0.85) 18%);
    }
    14% {
        background-image: radial-gradient(circle, transparent 4%, rgba(0, 0, 0, 0.85) 19%);
    }
    15% {
        background-image: radial-gradient(circle, transparent 5%, rgba(0, 0, 0, 0.85) 20%);
    }
    16% {
        background-image: radial-gradient(circle, transparent 6%, rgba(0, 0, 0, 0.85) 21%);
    }
    17% {
        background-image: radial-gradient(circle, transparent 7%, rgba(0, 0, 0, 0.85) 22%);
    }
    18% {
        background-image: radial-gradient(circle, transparent 8%, rgba(0, 0, 0, 0.85) 23%);
    }
    19% {
        background-image: radial-gradient(circle, transparent 9%, rgba(0, 0, 0, 0.85) 24%);
    }
    20% {
        background-image: radial-gradient(circle, transparent 10%, rgba(0, 0, 0, 0.85) 25%);
    }
    21% {
        background-image: radial-gradient(circle, transparent 11%, rgba(0, 0, 0, 0.85) 26%);
    }
    22% {
        background-image: radial-gradient(circle, transparent 12%, rgba(0, 0, 0, 0.85) 27%);
    }
    23% {
        background-image: radial-gradient(circle, transparent 13%, rgba(0, 0, 0, 0.85) 28%);
    }
    24% {
        background-image: radial-gradient(circle, transparent 14%, rgba(0, 0, 0, 0.85) 29%);
    }
    25% {
        background-image: radial-gradient(circle, transparent 15%, rgba(0, 0, 0, 0.85) 30%);
    }
    26% {
        background-image: radial-gradient(circle, transparent 16%, rgba(0, 0, 0, 0.85) 31%);
    }
    27% {
        background-image: radial-gradient(circle, transparent 17%, rgba(0, 0, 0, 0.85) 32%);
    }
    28% {
        background-image: radial-gradient(circle, transparent 18%, rgba(0, 0, 0, 0.85) 33%);
    }
    29% {
        background-image: radial-gradient(circle, transparent 19%, rgba(0, 0, 0, 0.85) 34%);
    }
    30% {
        background-image: radial-gradient(circle, transparent 20%, rgba(0, 0, 0, 0.85) 35%);
    }
    31% {
        background-image: radial-gradient(circle, transparent 21%, rgba(0, 0, 0, 0.85) 36%);
    }
    32% {
        background-image: radial-gradient(circle, transparent 22%, rgba(0, 0, 0, 0.85) 37%);
    }
    33% {
        background-image: radial-gradient(circle, transparent 23%, rgba(0, 0, 0, 0.85) 38%);
    }
    34% {
        background-image: radial-gradient(circle, transparent 24%, rgba(0, 0, 0, 0.85) 39%);
    }
    35% {
        background-image: radial-gradient(circle, transparent 25%, rgba(0, 0, 0, 0.85) 40%);
    }
    36% {
        background-image: radial-gradient(circle, transparent 26%, rgba(0, 0, 0, 0.85) 41%);
    }
    37% {
        background-image: radial-gradient(circle, transparent 27%, rgba(0, 0, 0, 0.85) 42%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 28%, rgba(0, 0, 0, 0.85) 43%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 29%, rgba(0, 0, 0, 0.85) 44%);
    }
    40% {
        background-image: radial-gradient(circle, transparent 30%, rgba(0, 0, 0, 0.85) 45%);
    }
    41% {
        background-image: radial-gradient(circle, transparent 31%, rgba(0, 0, 0, 0.85) 46%);
    }
    42% {
        background-image: radial-gradient(circle, transparent 32%, rgba(0, 0, 0, 0.85) 47%);
    }
    43% {
        background-image: radial-gradient(circle, transparent 33%, rgba(0, 0, 0, 0.85) 48%);
    }
    44% {
        background-image: radial-gradient(circle, transparent 34%, rgba(0, 0, 0, 0.85) 49%);
    }
    45% {
        background-image: radial-gradient(circle, transparent 35%, rgba(0, 0, 0, 0.85) 50%);
    }
    46% {
        background-image: radial-gradient(circle, transparent 36%, rgba(0, 0, 0, 0.85) 51%);
    }
    47% {
        background-image: radial-gradient(circle, transparent 37%, rgba(0, 0, 0, 0.85) 52%);
    }
    48% {
        background-image: radial-gradient(circle, transparent 38%, rgba(0, 0, 0, 0.85) 53%);
    }
    49% {
        background-image: radial-gradient(circle, transparent 39%, rgba(0, 0, 0, 0.85) 54%);
    }
    50% {
        background-image: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.85) 55%);
    }
    51% {
        background-image: radial-gradient(circle, transparent 41%, rgba(0, 0, 0, 0.85) 56%);
    }
    52% {
        background-image: radial-gradient(circle, transparent 42%, rgba(0, 0, 0, 0.85) 57%);
    }
    53% {
        background-image: radial-gradient(circle, transparent 43%, rgba(0, 0, 0, 0.85) 58%);
    }
    54% {
        background-image: radial-gradient(circle, transparent 44%, rgba(0, 0, 0, 0.85) 59%);
    }
    55% {
        background-image: radial-gradient(circle, transparent 45%, rgba(0, 0, 0, 0.85) 60%);
    }
    56% {
        background-image: radial-gradient(circle, transparent 46%, rgba(0, 0, 0, 0.85) 61%);
    }
    57% {
        background-image: radial-gradient(circle, transparent 47%, rgba(0, 0, 0, 0.85) 62%);
    }
    58% {
        background-image: radial-gradient(circle, transparent 48%, rgba(0, 0, 0, 0.85) 63%);
    }
    59% {
        background-image: radial-gradient(circle, transparent 49%, rgba(0, 0, 0, 0.85) 64%);
    }
    60% {
        background-image: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.85) 65%);
    }
    61% {
        background-image: radial-gradient(circle, transparent 51%, rgba(0, 0, 0, 0.85) 66%);
    }
    62% {
        background-image: radial-gradient(circle, transparent 52%, rgba(0, 0, 0, 0.85) 67%);
    }
    63% {
        background-image: radial-gradient(circle, transparent 53%, rgba(0, 0, 0, 0.85) 68%);
    }
    64% {
        background-image: radial-gradient(circle, transparent 54%, rgba(0, 0, 0, 0.85) 69%);
    }
    65% {
        background-image: radial-gradient(circle, transparent 55%, rgba(0, 0, 0, 0.85) 70%);
    }
    66% {
        background-image: radial-gradient(circle, transparent 56%, rgba(0, 0, 0, 0.85) 71%);
    }
    67% {
        background-image: radial-gradient(circle, transparent 57%, rgba(0, 0, 0, 0.85) 72%);
    }
    68% {
        background-image: radial-gradient(circle, transparent 58%, rgba(0, 0, 0, 0.85) 73%);
    }
    69% {
        background-image: radial-gradient(circle, transparent 59%, rgba(0, 0, 0, 0.85) 74%);
    }
    70% {
        background-image: radial-gradient(circle, transparent 60%, rgba(0, 0, 0, 0.85) 75%);
    }
    71% {
        background-image: radial-gradient(circle, transparent 61%, rgba(0, 0, 0, 0.85) 76%);
    }
    72% {
        background-image: radial-gradient(circle, transparent 62%, rgba(0, 0, 0, 0.85) 77%);
    }
    73% {
        background-image: radial-gradient(circle, transparent 63%, rgba(0, 0, 0, 0.85) 78%);
    }
    74% {
        background-image: radial-gradient(circle, transparent 64%, rgba(0, 0, 0, 0.85) 79%);
    }
    75% {
        background-image: radial-gradient(circle, transparent 65%, rgba(0, 0, 0, 0.85) 80%);
    }
    76% {
        background-image: radial-gradient(circle, transparent 66%, rgba(0, 0, 0, 0.85) 81%);
    }
    77% {
        background-image: radial-gradient(circle, transparent 67%, rgba(0, 0, 0, 0.85) 82%);
    }
    78% {
        background-image: radial-gradient(circle, transparent 68%, rgba(0, 0, 0, 0.85) 83%);
    }
    79% {
        background-image: radial-gradient(circle, transparent 69%, rgba(0, 0, 0, 0.85) 84%);
    }
    80% {
        background-image: radial-gradient(circle, transparent 70%, rgba(0, 0, 0, 0.85) 85%);
    }
    81% {
        background-image: radial-gradient(circle, transparent 71%, rgba(0, 0, 0, 0.85) 86%);
    }
    82% {
        background-image: radial-gradient(circle, transparent 72%, rgba(0, 0, 0, 0.85) 87%);
    }
    83% {
        background-image: radial-gradient(circle, transparent 73%, rgba(0, 0, 0, 0.85) 88%);
    }
    84% {
        background-image: radial-gradient(circle, transparent 74%, rgba(0, 0, 0, 0.85) 89%);
    }
    85% {
        background-image: radial-gradient(circle, transparent 75%, rgba(0, 0, 0, 0.85) 90%);
    }
    86% {
        background-image: radial-gradient(circle, transparent 76%, rgba(0, 0, 0, 0.85) 91%);
    }
    87% {
        background-image: radial-gradient(circle, transparent 77%, rgba(0, 0, 0, 0.85) 92%);
    }
    88% {
        background-image: radial-gradient(circle, transparent 78%, rgba(0, 0, 0, 0.85) 93%);
    }
    89% {
        background-image: radial-gradient(circle, transparent 79%, rgba(0, 0, 0, 0.85) 94%);
    }
    90% {
        background-image: radial-gradient(circle, transparent 80%, rgba(0, 0, 0, 0.85) 95%);
    }
    91% {
        background-image: radial-gradient(circle, transparent 81%, rgba(0, 0, 0, 0.85) 96%);
    }
    92% {
        background-image: radial-gradient(circle, transparent 82%, rgba(0, 0, 0, 0.85) 97%);
    }
    93% {
        background-image: radial-gradient(circle, transparent 83%, rgba(0, 0, 0, 0.85) 98%);
    }
    94% {
        background-image: radial-gradient(circle, transparent 84%, rgba(0, 0, 0, 0.85) 99%);
    }
    95% {
        background-image: radial-gradient(circle, transparent 85%, rgba(0, 0, 0, 0.85) 100%);
    }
    96% {
        background-image: radial-gradient(circle, transparent 88%, rgba(0, 0, 0, 0.85) 100%);
    }
    97% {
        background-image: radial-gradient(circle, transparent 91%, rgba(0, 0, 0, 0.85) 100%);
    }
    98% {
        background-image: radial-gradient(circle, transparent 94%, rgba(0, 0, 0, 0.85) 100%);
    }
    99% {
        background-image: radial-gradient(circle, transparent 97%, rgba(0, 0, 0, 0.85) 100%);
    }
    100% {
        background-image: radial-gradient(circle, transparent 100%, rgba(0, 0, 0, 0.85) 100%);
    }
}

@-webkit-keyframes test {
    10% {
        background-image: radial-gradient(circle, transparent 0%, rgba(0, 0, 0, 0.85) 15%);
    }
    11% {
        background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.85) 16%);
    }
    12% {
        background-image: radial-gradient(circle, transparent 2%, rgba(0, 0, 0, 0.85) 17%);
    }
    13% {
        background-image: radial-gradient(circle, transparent 3%, rgba(0, 0, 0, 0.85) 18%);
    }
    14% {
        background-image: radial-gradient(circle, transparent 4%, rgba(0, 0, 0, 0.85) 19%);
    }
    15% {
        background-image: radial-gradient(circle, transparent 5%, rgba(0, 0, 0, 0.85) 20%);
    }
    16% {
        background-image: radial-gradient(circle, transparent 6%, rgba(0, 0, 0, 0.85) 21%);
    }
    17% {
        background-image: radial-gradient(circle, transparent 7%, rgba(0, 0, 0, 0.85) 22%);
    }
    18% {
        background-image: radial-gradient(circle, transparent 8%, rgba(0, 0, 0, 0.85) 23%);
    }
    19% {
        background-image: radial-gradient(circle, transparent 9%, rgba(0, 0, 0, 0.85) 24%);
    }
    20% {
        background-image: radial-gradient(circle, transparent 10%, rgba(0, 0, 0, 0.85) 25%);
    }
    21% {
        background-image: radial-gradient(circle, transparent 11%, rgba(0, 0, 0, 0.85) 26%);
    }
    22% {
        background-image: radial-gradient(circle, transparent 12%, rgba(0, 0, 0, 0.85) 27%);
    }
    23% {
        background-image: radial-gradient(circle, transparent 13%, rgba(0, 0, 0, 0.85) 28%);
    }
    24% {
        background-image: radial-gradient(circle, transparent 14%, rgba(0, 0, 0, 0.85) 29%);
    }
    25% {
        background-image: radial-gradient(circle, transparent 15%, rgba(0, 0, 0, 0.85) 30%);
    }
    26% {
        background-image: radial-gradient(circle, transparent 16%, rgba(0, 0, 0, 0.85) 31%);
    }
    27% {
        background-image: radial-gradient(circle, transparent 17%, rgba(0, 0, 0, 0.85) 32%);
    }
    28% {
        background-image: radial-gradient(circle, transparent 18%, rgba(0, 0, 0, 0.85) 33%);
    }
    29% {
        background-image: radial-gradient(circle, transparent 19%, rgba(0, 0, 0, 0.85) 34%);
    }
    30% {
        background-image: radial-gradient(circle, transparent 20%, rgba(0, 0, 0, 0.85) 35%);
    }
    31% {
        background-image: radial-gradient(circle, transparent 21%, rgba(0, 0, 0, 0.85) 36%);
    }
    32% {
        background-image: radial-gradient(circle, transparent 22%, rgba(0, 0, 0, 0.85) 37%);
    }
    33% {
        background-image: radial-gradient(circle, transparent 23%, rgba(0, 0, 0, 0.85) 38%);
    }
    34% {
        background-image: radial-gradient(circle, transparent 24%, rgba(0, 0, 0, 0.85) 39%);
    }
    35% {
        background-image: radial-gradient(circle, transparent 25%, rgba(0, 0, 0, 0.85) 40%);
    }
    36% {
        background-image: radial-gradient(circle, transparent 26%, rgba(0, 0, 0, 0.85) 41%);
    }
    37% {
        background-image: radial-gradient(circle, transparent 27%, rgba(0, 0, 0, 0.85) 42%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 28%, rgba(0, 0, 0, 0.85) 43%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 29%, rgba(0, 0, 0, 0.85) 44%);
    }
    40% {
        background-image: radial-gradient(circle, transparent 30%, rgba(0, 0, 0, 0.85) 45%);
    }
    41% {
        background-image: radial-gradient(circle, transparent 31%, rgba(0, 0, 0, 0.85) 46%);
    }
    42% {
        background-image: radial-gradient(circle, transparent 32%, rgba(0, 0, 0, 0.85) 47%);
    }
    43% {
        background-image: radial-gradient(circle, transparent 33%, rgba(0, 0, 0, 0.85) 48%);
    }
    44% {
        background-image: radial-gradient(circle, transparent 34%, rgba(0, 0, 0, 0.85) 49%);
    }
    45% {
        background-image: radial-gradient(circle, transparent 35%, rgba(0, 0, 0, 0.85) 50%);
    }
    46% {
        background-image: radial-gradient(circle, transparent 36%, rgba(0, 0, 0, 0.85) 51%);
    }
    47% {
        background-image: radial-gradient(circle, transparent 37%, rgba(0, 0, 0, 0.85) 52%);
    }
    48% {
        background-image: radial-gradient(circle, transparent 38%, rgba(0, 0, 0, 0.85) 53%);
    }
    49% {
        background-image: radial-gradient(circle, transparent 39%, rgba(0, 0, 0, 0.85) 54%);
    }
    50% {
        background-image: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.85) 55%);
    }
    51% {
        background-image: radial-gradient(circle, transparent 41%, rgba(0, 0, 0, 0.85) 56%);
    }
    52% {
        background-image: radial-gradient(circle, transparent 42%, rgba(0, 0, 0, 0.85) 57%);
    }
    53% {
        background-image: radial-gradient(circle, transparent 43%, rgba(0, 0, 0, 0.85) 58%);
    }
    54% {
        background-image: radial-gradient(circle, transparent 44%, rgba(0, 0, 0, 0.85) 59%);
    }
    55% {
        background-image: radial-gradient(circle, transparent 45%, rgba(0, 0, 0, 0.85) 60%);
    }
    56% {
        background-image: radial-gradient(circle, transparent 46%, rgba(0, 0, 0, 0.85) 61%);
    }
    57% {
        background-image: radial-gradient(circle, transparent 47%, rgba(0, 0, 0, 0.85) 62%);
    }
    58% {
        background-image: radial-gradient(circle, transparent 48%, rgba(0, 0, 0, 0.85) 63%);
    }
    59% {
        background-image: radial-gradient(circle, transparent 49%, rgba(0, 0, 0, 0.85) 64%);
    }
    60% {
        background-image: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.85) 65%);
    }
    61% {
        background-image: radial-gradient(circle, transparent 51%, rgba(0, 0, 0, 0.85) 66%);
    }
    62% {
        background-image: radial-gradient(circle, transparent 52%, rgba(0, 0, 0, 0.85) 67%);
    }
    63% {
        background-image: radial-gradient(circle, transparent 53%, rgba(0, 0, 0, 0.85) 68%);
    }
    64% {
        background-image: radial-gradient(circle, transparent 54%, rgba(0, 0, 0, 0.85) 69%);
    }
    65% {
        background-image: radial-gradient(circle, transparent 55%, rgba(0, 0, 0, 0.85) 70%);
    }
    66% {
        background-image: radial-gradient(circle, transparent 56%, rgba(0, 0, 0, 0.85) 71%);
    }
    67% {
        background-image: radial-gradient(circle, transparent 57%, rgba(0, 0, 0, 0.85) 72%);
    }
    68% {
        background-image: radial-gradient(circle, transparent 58%, rgba(0, 0, 0, 0.85) 73%);
    }
    69% {
        background-image: radial-gradient(circle, transparent 59%, rgba(0, 0, 0, 0.85) 74%);
    }
    70% {
        background-image: radial-gradient(circle, transparent 60%, rgba(0, 0, 0, 0.85) 75%);
    }
    71% {
        background-image: radial-gradient(circle, transparent 61%, rgba(0, 0, 0, 0.85) 76%);
    }
    72% {
        background-image: radial-gradient(circle, transparent 62%, rgba(0, 0, 0, 0.85) 77%);
    }
    73% {
        background-image: radial-gradient(circle, transparent 63%, rgba(0, 0, 0, 0.85) 78%);
    }
    74% {
        background-image: radial-gradient(circle, transparent 64%, rgba(0, 0, 0, 0.85) 79%);
    }
    75% {
        background-image: radial-gradient(circle, transparent 65%, rgba(0, 0, 0, 0.85) 80%);
    }
    76% {
        background-image: radial-gradient(circle, transparent 66%, rgba(0, 0, 0, 0.85) 81%);
    }
    77% {
        background-image: radial-gradient(circle, transparent 67%, rgba(0, 0, 0, 0.85) 82%);
    }
    78% {
        background-image: radial-gradient(circle, transparent 68%, rgba(0, 0, 0, 0.85) 83%);
    }
    79% {
        background-image: radial-gradient(circle, transparent 69%, rgba(0, 0, 0, 0.85) 84%);
    }
    80% {
        background-image: radial-gradient(circle, transparent 70%, rgba(0, 0, 0, 0.85) 85%);
    }
    81% {
        background-image: radial-gradient(circle, transparent 71%, rgba(0, 0, 0, 0.85) 86%);
    }
    82% {
        background-image: radial-gradient(circle, transparent 72%, rgba(0, 0, 0, 0.85) 87%);
    }
    83% {
        background-image: radial-gradient(circle, transparent 73%, rgba(0, 0, 0, 0.85) 88%);
    }
    84% {
        background-image: radial-gradient(circle, transparent 74%, rgba(0, 0, 0, 0.85) 89%);
    }
    85% {
        background-image: radial-gradient(circle, transparent 75%, rgba(0, 0, 0, 0.85) 90%);
    }
    86% {
        background-image: radial-gradient(circle, transparent 76%, rgba(0, 0, 0, 0.85) 91%);
    }
    87% {
        background-image: radial-gradient(circle, transparent 77%, rgba(0, 0, 0, 0.85) 92%);
    }
    88% {
        background-image: radial-gradient(circle, transparent 78%, rgba(0, 0, 0, 0.85) 93%);
    }
    89% {
        background-image: radial-gradient(circle, transparent 79%, rgba(0, 0, 0, 0.85) 94%);
    }
    90% {
        background-image: radial-gradient(circle, transparent 80%, rgba(0, 0, 0, 0.85) 95%);
    }
    91% {
        background-image: radial-gradient(circle, transparent 81%, rgba(0, 0, 0, 0.85) 96%);
    }
    92% {
        background-image: radial-gradient(circle, transparent 82%, rgba(0, 0, 0, 0.85) 97%);
    }
    93% {
        background-image: radial-gradient(circle, transparent 83%, rgba(0, 0, 0, 0.85) 98%);
    }
    94% {
        background-image: radial-gradient(circle, transparent 84%, rgba(0, 0, 0, 0.85) 99%);
    }
    95% {
        background-image: radial-gradient(circle, transparent 85%, rgba(0, 0, 0, 0.85) 100%);
    }
    96% {
        background-image: radial-gradient(circle, transparent 88%, rgba(0, 0, 0, 0.85) 100%);
    }
    97% {
        background-image: radial-gradient(circle, transparent 91%, rgba(0, 0, 0, 0.85) 100%);
    }
    98% {
        background-image: radial-gradient(circle, transparent 94%, rgba(0, 0, 0, 0.85) 100%);
    }
    99% {
        background-image: radial-gradient(circle, transparent 97%, rgba(0, 0, 0, 0.85) 100%);
    }
    100% {
        background-image: radial-gradient(circle, transparent 100%, rgba(0, 0, 0, 0.85) 100%);
    }
}

@-moz-keyframes test {
    10% {
        background-image: radial-gradient(circle, transparent 0%, rgba(0, 0, 0, 0.85) 15%);
    }
    11% {
        background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.85) 16%);
    }
    12% {
        background-image: radial-gradient(circle, transparent 2%, rgba(0, 0, 0, 0.85) 17%);
    }
    13% {
        background-image: radial-gradient(circle, transparent 3%, rgba(0, 0, 0, 0.85) 18%);
    }
    14% {
        background-image: radial-gradient(circle, transparent 4%, rgba(0, 0, 0, 0.85) 19%);
    }
    15% {
        background-image: radial-gradient(circle, transparent 5%, rgba(0, 0, 0, 0.85) 20%);
    }
    16% {
        background-image: radial-gradient(circle, transparent 6%, rgba(0, 0, 0, 0.85) 21%);
    }
    17% {
        background-image: radial-gradient(circle, transparent 7%, rgba(0, 0, 0, 0.85) 22%);
    }
    18% {
        background-image: radial-gradient(circle, transparent 8%, rgba(0, 0, 0, 0.85) 23%);
    }
    19% {
        background-image: radial-gradient(circle, transparent 9%, rgba(0, 0, 0, 0.85) 24%);
    }
    20% {
        background-image: radial-gradient(circle, transparent 10%, rgba(0, 0, 0, 0.85) 25%);
    }
    21% {
        background-image: radial-gradient(circle, transparent 11%, rgba(0, 0, 0, 0.85) 26%);
    }
    22% {
        background-image: radial-gradient(circle, transparent 12%, rgba(0, 0, 0, 0.85) 27%);
    }
    23% {
        background-image: radial-gradient(circle, transparent 13%, rgba(0, 0, 0, 0.85) 28%);
    }
    24% {
        background-image: radial-gradient(circle, transparent 14%, rgba(0, 0, 0, 0.85) 29%);
    }
    25% {
        background-image: radial-gradient(circle, transparent 15%, rgba(0, 0, 0, 0.85) 30%);
    }
    26% {
        background-image: radial-gradient(circle, transparent 16%, rgba(0, 0, 0, 0.85) 31%);
    }
    27% {
        background-image: radial-gradient(circle, transparent 17%, rgba(0, 0, 0, 0.85) 32%);
    }
    28% {
        background-image: radial-gradient(circle, transparent 18%, rgba(0, 0, 0, 0.85) 33%);
    }
    29% {
        background-image: radial-gradient(circle, transparent 19%, rgba(0, 0, 0, 0.85) 34%);
    }
    30% {
        background-image: radial-gradient(circle, transparent 20%, rgba(0, 0, 0, 0.85) 35%);
    }
    31% {
        background-image: radial-gradient(circle, transparent 21%, rgba(0, 0, 0, 0.85) 36%);
    }
    32% {
        background-image: radial-gradient(circle, transparent 22%, rgba(0, 0, 0, 0.85) 37%);
    }
    33% {
        background-image: radial-gradient(circle, transparent 23%, rgba(0, 0, 0, 0.85) 38%);
    }
    34% {
        background-image: radial-gradient(circle, transparent 24%, rgba(0, 0, 0, 0.85) 39%);
    }
    35% {
        background-image: radial-gradient(circle, transparent 25%, rgba(0, 0, 0, 0.85) 40%);
    }
    36% {
        background-image: radial-gradient(circle, transparent 26%, rgba(0, 0, 0, 0.85) 41%);
    }
    37% {
        background-image: radial-gradient(circle, transparent 27%, rgba(0, 0, 0, 0.85) 42%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 28%, rgba(0, 0, 0, 0.85) 43%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 29%, rgba(0, 0, 0, 0.85) 44%);
    }
    40% {
        background-image: radial-gradient(circle, transparent 30%, rgba(0, 0, 0, 0.85) 45%);
    }
    41% {
        background-image: radial-gradient(circle, transparent 31%, rgba(0, 0, 0, 0.85) 46%);
    }
    42% {
        background-image: radial-gradient(circle, transparent 32%, rgba(0, 0, 0, 0.85) 47%);
    }
    43% {
        background-image: radial-gradient(circle, transparent 33%, rgba(0, 0, 0, 0.85) 48%);
    }
    44% {
        background-image: radial-gradient(circle, transparent 34%, rgba(0, 0, 0, 0.85) 49%);
    }
    45% {
        background-image: radial-gradient(circle, transparent 35%, rgba(0, 0, 0, 0.85) 50%);
    }
    46% {
        background-image: radial-gradient(circle, transparent 36%, rgba(0, 0, 0, 0.85) 51%);
    }
    47% {
        background-image: radial-gradient(circle, transparent 37%, rgba(0, 0, 0, 0.85) 52%);
    }
    48% {
        background-image: radial-gradient(circle, transparent 38%, rgba(0, 0, 0, 0.85) 53%);
    }
    49% {
        background-image: radial-gradient(circle, transparent 39%, rgba(0, 0, 0, 0.85) 54%);
    }
    50% {
        background-image: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.85) 55%);
    }
    51% {
        background-image: radial-gradient(circle, transparent 41%, rgba(0, 0, 0, 0.85) 56%);
    }
    52% {
        background-image: radial-gradient(circle, transparent 42%, rgba(0, 0, 0, 0.85) 57%);
    }
    53% {
        background-image: radial-gradient(circle, transparent 43%, rgba(0, 0, 0, 0.85) 58%);
    }
    54% {
        background-image: radial-gradient(circle, transparent 44%, rgba(0, 0, 0, 0.85) 59%);
    }
    55% {
        background-image: radial-gradient(circle, transparent 45%, rgba(0, 0, 0, 0.85) 60%);
    }
    56% {
        background-image: radial-gradient(circle, transparent 46%, rgba(0, 0, 0, 0.85) 61%);
    }
    57% {
        background-image: radial-gradient(circle, transparent 47%, rgba(0, 0, 0, 0.85) 62%);
    }
    58% {
        background-image: radial-gradient(circle, transparent 48%, rgba(0, 0, 0, 0.85) 63%);
    }
    59% {
        background-image: radial-gradient(circle, transparent 49%, rgba(0, 0, 0, 0.85) 64%);
    }
    60% {
        background-image: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.85) 65%);
    }
    61% {
        background-image: radial-gradient(circle, transparent 51%, rgba(0, 0, 0, 0.85) 66%);
    }
    62% {
        background-image: radial-gradient(circle, transparent 52%, rgba(0, 0, 0, 0.85) 67%);
    }
    63% {
        background-image: radial-gradient(circle, transparent 53%, rgba(0, 0, 0, 0.85) 68%);
    }
    64% {
        background-image: radial-gradient(circle, transparent 54%, rgba(0, 0, 0, 0.85) 69%);
    }
    65% {
        background-image: radial-gradient(circle, transparent 55%, rgba(0, 0, 0, 0.85) 70%);
    }
    66% {
        background-image: radial-gradient(circle, transparent 56%, rgba(0, 0, 0, 0.85) 71%);
    }
    67% {
        background-image: radial-gradient(circle, transparent 57%, rgba(0, 0, 0, 0.85) 72%);
    }
    68% {
        background-image: radial-gradient(circle, transparent 58%, rgba(0, 0, 0, 0.85) 73%);
    }
    69% {
        background-image: radial-gradient(circle, transparent 59%, rgba(0, 0, 0, 0.85) 74%);
    }
    70% {
        background-image: radial-gradient(circle, transparent 60%, rgba(0, 0, 0, 0.85) 75%);
    }
    71% {
        background-image: radial-gradient(circle, transparent 61%, rgba(0, 0, 0, 0.85) 76%);
    }
    72% {
        background-image: radial-gradient(circle, transparent 62%, rgba(0, 0, 0, 0.85) 77%);
    }
    73% {
        background-image: radial-gradient(circle, transparent 63%, rgba(0, 0, 0, 0.85) 78%);
    }
    74% {
        background-image: radial-gradient(circle, transparent 64%, rgba(0, 0, 0, 0.85) 79%);
    }
    75% {
        background-image: radial-gradient(circle, transparent 65%, rgba(0, 0, 0, 0.85) 80%);
    }
    76% {
        background-image: radial-gradient(circle, transparent 66%, rgba(0, 0, 0, 0.85) 81%);
    }
    77% {
        background-image: radial-gradient(circle, transparent 67%, rgba(0, 0, 0, 0.85) 82%);
    }
    78% {
        background-image: radial-gradient(circle, transparent 68%, rgba(0, 0, 0, 0.85) 83%);
    }
    79% {
        background-image: radial-gradient(circle, transparent 69%, rgba(0, 0, 0, 0.85) 84%);
    }
    80% {
        background-image: radial-gradient(circle, transparent 70%, rgba(0, 0, 0, 0.85) 85%);
    }
    81% {
        background-image: radial-gradient(circle, transparent 71%, rgba(0, 0, 0, 0.85) 86%);
    }
    82% {
        background-image: radial-gradient(circle, transparent 72%, rgba(0, 0, 0, 0.85) 87%);
    }
    83% {
        background-image: radial-gradient(circle, transparent 73%, rgba(0, 0, 0, 0.85) 88%);
    }
    84% {
        background-image: radial-gradient(circle, transparent 74%, rgba(0, 0, 0, 0.85) 89%);
    }
    85% {
        background-image: radial-gradient(circle, transparent 75%, rgba(0, 0, 0, 0.85) 90%);
    }
    86% {
        background-image: radial-gradient(circle, transparent 76%, rgba(0, 0, 0, 0.85) 91%);
    }
    87% {
        background-image: radial-gradient(circle, transparent 77%, rgba(0, 0, 0, 0.85) 92%);
    }
    88% {
        background-image: radial-gradient(circle, transparent 78%, rgba(0, 0, 0, 0.85) 93%);
    }
    89% {
        background-image: radial-gradient(circle, transparent 79%, rgba(0, 0, 0, 0.85) 94%);
    }
    90% {
        background-image: radial-gradient(circle, transparent 80%, rgba(0, 0, 0, 0.85) 95%);
    }
    91% {
        background-image: radial-gradient(circle, transparent 81%, rgba(0, 0, 0, 0.85) 96%);
    }
    92% {
        background-image: radial-gradient(circle, transparent 82%, rgba(0, 0, 0, 0.85) 97%);
    }
    93% {
        background-image: radial-gradient(circle, transparent 83%, rgba(0, 0, 0, 0.85) 98%);
    }
    94% {
        background-image: radial-gradient(circle, transparent 84%, rgba(0, 0, 0, 0.85) 99%);
    }
    95% {
        background-image: radial-gradient(circle, transparent 85%, rgba(0, 0, 0, 0.85) 100%);
    }
    96% {
        background-image: radial-gradient(circle, transparent 88%, rgba(0, 0, 0, 0.85) 100%);
    }
    97% {
        background-image: radial-gradient(circle, transparent 91%, rgba(0, 0, 0, 0.85) 100%);
    }
    98% {
        background-image: radial-gradient(circle, transparent 94%, rgba(0, 0, 0, 0.85) 100%);
    }
    99% {
        background-image: radial-gradient(circle, transparent 97%, rgba(0, 0, 0, 0.85) 100%);
    }
    100% {
        background-image: radial-gradient(circle, transparent 100%, rgba(0, 0, 0, 0.85) 100%);
    }
}

@-ms-keyframes test {
    10% {
        background-image: radial-gradient(circle, transparent 0%, rgba(0, 0, 0, 0.85) 15%);
    }
    11% {
        background-image: radial-gradient(circle, transparent 1%, rgba(0, 0, 0, 0.85) 16%);
    }
    12% {
        background-image: radial-gradient(circle, transparent 2%, rgba(0, 0, 0, 0.85) 17%);
    }
    13% {
        background-image: radial-gradient(circle, transparent 3%, rgba(0, 0, 0, 0.85) 18%);
    }
    14% {
        background-image: radial-gradient(circle, transparent 4%, rgba(0, 0, 0, 0.85) 19%);
    }
    15% {
        background-image: radial-gradient(circle, transparent 5%, rgba(0, 0, 0, 0.85) 20%);
    }
    16% {
        background-image: radial-gradient(circle, transparent 6%, rgba(0, 0, 0, 0.85) 21%);
    }
    17% {
        background-image: radial-gradient(circle, transparent 7%, rgba(0, 0, 0, 0.85) 22%);
    }
    18% {
        background-image: radial-gradient(circle, transparent 8%, rgba(0, 0, 0, 0.85) 23%);
    }
    19% {
        background-image: radial-gradient(circle, transparent 9%, rgba(0, 0, 0, 0.85) 24%);
    }
    20% {
        background-image: radial-gradient(circle, transparent 10%, rgba(0, 0, 0, 0.85) 25%);
    }
    21% {
        background-image: radial-gradient(circle, transparent 11%, rgba(0, 0, 0, 0.85) 26%);
    }
    22% {
        background-image: radial-gradient(circle, transparent 12%, rgba(0, 0, 0, 0.85) 27%);
    }
    23% {
        background-image: radial-gradient(circle, transparent 13%, rgba(0, 0, 0, 0.85) 28%);
    }
    24% {
        background-image: radial-gradient(circle, transparent 14%, rgba(0, 0, 0, 0.85) 29%);
    }
    25% {
        background-image: radial-gradient(circle, transparent 15%, rgba(0, 0, 0, 0.85) 30%);
    }
    26% {
        background-image: radial-gradient(circle, transparent 16%, rgba(0, 0, 0, 0.85) 31%);
    }
    27% {
        background-image: radial-gradient(circle, transparent 17%, rgba(0, 0, 0, 0.85) 32%);
    }
    28% {
        background-image: radial-gradient(circle, transparent 18%, rgba(0, 0, 0, 0.85) 33%);
    }
    29% {
        background-image: radial-gradient(circle, transparent 19%, rgba(0, 0, 0, 0.85) 34%);
    }
    30% {
        background-image: radial-gradient(circle, transparent 20%, rgba(0, 0, 0, 0.85) 35%);
    }
    31% {
        background-image: radial-gradient(circle, transparent 21%, rgba(0, 0, 0, 0.85) 36%);
    }
    32% {
        background-image: radial-gradient(circle, transparent 22%, rgba(0, 0, 0, 0.85) 37%);
    }
    33% {
        background-image: radial-gradient(circle, transparent 23%, rgba(0, 0, 0, 0.85) 38%);
    }
    34% {
        background-image: radial-gradient(circle, transparent 24%, rgba(0, 0, 0, 0.85) 39%);
    }
    35% {
        background-image: radial-gradient(circle, transparent 25%, rgba(0, 0, 0, 0.85) 40%);
    }
    36% {
        background-image: radial-gradient(circle, transparent 26%, rgba(0, 0, 0, 0.85) 41%);
    }
    37% {
        background-image: radial-gradient(circle, transparent 27%, rgba(0, 0, 0, 0.85) 42%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 28%, rgba(0, 0, 0, 0.85) 43%);
    }
    39% {
        background-image: radial-gradient(circle, transparent 29%, rgba(0, 0, 0, 0.85) 44%);
    }
    40% {
        background-image: radial-gradient(circle, transparent 30%, rgba(0, 0, 0, 0.85) 45%);
    }
    41% {
        background-image: radial-gradient(circle, transparent 31%, rgba(0, 0, 0, 0.85) 46%);
    }
    42% {
        background-image: radial-gradient(circle, transparent 32%, rgba(0, 0, 0, 0.85) 47%);
    }
    43% {
        background-image: radial-gradient(circle, transparent 33%, rgba(0, 0, 0, 0.85) 48%);
    }
    44% {
        background-image: radial-gradient(circle, transparent 34%, rgba(0, 0, 0, 0.85) 49%);
    }
    45% {
        background-image: radial-gradient(circle, transparent 35%, rgba(0, 0, 0, 0.85) 50%);
    }
    46% {
        background-image: radial-gradient(circle, transparent 36%, rgba(0, 0, 0, 0.85) 51%);
    }
    47% {
        background-image: radial-gradient(circle, transparent 37%, rgba(0, 0, 0, 0.85) 52%);
    }
    48% {
        background-image: radial-gradient(circle, transparent 38%, rgba(0, 0, 0, 0.85) 53%);
    }
    49% {
        background-image: radial-gradient(circle, transparent 39%, rgba(0, 0, 0, 0.85) 54%);
    }
    50% {
        background-image: radial-gradient(circle, transparent 40%, rgba(0, 0, 0, 0.85) 55%);
    }
    51% {
        background-image: radial-gradient(circle, transparent 41%, rgba(0, 0, 0, 0.85) 56%);
    }
    52% {
        background-image: radial-gradient(circle, transparent 42%, rgba(0, 0, 0, 0.85) 57%);
    }
    53% {
        background-image: radial-gradient(circle, transparent 43%, rgba(0, 0, 0, 0.85) 58%);
    }
    54% {
        background-image: radial-gradient(circle, transparent 44%, rgba(0, 0, 0, 0.85) 59%);
    }
    55% {
        background-image: radial-gradient(circle, transparent 45%, rgba(0, 0, 0, 0.85) 60%);
    }
    56% {
        background-image: radial-gradient(circle, transparent 46%, rgba(0, 0, 0, 0.85) 61%);
    }
    57% {
        background-image: radial-gradient(circle, transparent 47%, rgba(0, 0, 0, 0.85) 62%);
    }
    58% {
        background-image: radial-gradient(circle, transparent 48%, rgba(0, 0, 0, 0.85) 63%);
    }
    59% {
        background-image: radial-gradient(circle, transparent 49%, rgba(0, 0, 0, 0.85) 64%);
    }
    60% {
        background-image: radial-gradient(circle, transparent 50%, rgba(0, 0, 0, 0.85) 65%);
    }
    61% {
        background-image: radial-gradient(circle, transparent 51%, rgba(0, 0, 0, 0.85) 66%);
    }
    62% {
        background-image: radial-gradient(circle, transparent 52%, rgba(0, 0, 0, 0.85) 67%);
    }
    63% {
        background-image: radial-gradient(circle, transparent 53%, rgba(0, 0, 0, 0.85) 68%);
    }
    64% {
        background-image: radial-gradient(circle, transparent 54%, rgba(0, 0, 0, 0.85) 69%);
    }
    65% {
        background-image: radial-gradient(circle, transparent 55%, rgba(0, 0, 0, 0.85) 70%);
    }
    66% {
        background-image: radial-gradient(circle, transparent 56%, rgba(0, 0, 0, 0.85) 71%);
    }
    67% {
        background-image: radial-gradient(circle, transparent 57%, rgba(0, 0, 0, 0.85) 72%);
    }
    68% {
        background-image: radial-gradient(circle, transparent 58%, rgba(0, 0, 0, 0.85) 73%);
    }
    69% {
        background-image: radial-gradient(circle, transparent 59%, rgba(0, 0, 0, 0.85) 74%);
    }
    70% {
        background-image: radial-gradient(circle, transparent 60%, rgba(0, 0, 0, 0.85) 75%);
    }
    71% {
        background-image: radial-gradient(circle, transparent 61%, rgba(0, 0, 0, 0.85) 76%);
    }
    72% {
        background-image: radial-gradient(circle, transparent 62%, rgba(0, 0, 0, 0.85) 77%);
    }
    73% {
        background-image: radial-gradient(circle, transparent 63%, rgba(0, 0, 0, 0.85) 78%);
    }
    74% {
        background-image: radial-gradient(circle, transparent 64%, rgba(0, 0, 0, 0.85) 79%);
    }
    75% {
        background-image: radial-gradient(circle, transparent 65%, rgba(0, 0, 0, 0.85) 80%);
    }
    76% {
        background-image: radial-gradient(circle, transparent 66%, rgba(0, 0, 0, 0.85) 81%);
    }
    77% {
        background-image: radial-gradient(circle, transparent 67%, rgba(0, 0, 0, 0.85) 82%);
    }
    78% {
        background-image: radial-gradient(circle, transparent 68%, rgba(0, 0, 0, 0.85) 83%);
    }
    79% {
        background-image: radial-gradient(circle, transparent 69%, rgba(0, 0, 0, 0.85) 84%);
    }
    80% {
        background-image: radial-gradient(circle, transparent 70%, rgba(0, 0, 0, 0.85) 85%);
    }
    81% {
        background-image: radial-gradient(circle, transparent 71%, rgba(0, 0, 0, 0.85) 86%);
    }
    82% {
        background-image: radial-gradient(circle, transparent 72%, rgba(0, 0, 0, 0.85) 87%);
    }
    83% {
        background-image: radial-gradient(circle, transparent 73%, rgba(0, 0, 0, 0.85) 88%);
    }
    84% {
        background-image: radial-gradient(circle, transparent 74%, rgba(0, 0, 0, 0.85) 89%);
    }
    85% {
        background-image: radial-gradient(circle, transparent 75%, rgba(0, 0, 0, 0.85) 90%);
    }
    86% {
        background-image: radial-gradient(circle, transparent 76%, rgba(0, 0, 0, 0.85) 91%);
    }
    87% {
        background-image: radial-gradient(circle, transparent 77%, rgba(0, 0, 0, 0.85) 92%);
    }
    88% {
        background-image: radial-gradient(circle, transparent 78%, rgba(0, 0, 0, 0.85) 93%);
    }
    89% {
        background-image: radial-gradient(circle, transparent 79%, rgba(0, 0, 0, 0.85) 94%);
    }
    90% {
        background-image: radial-gradient(circle, transparent 80%, rgba(0, 0, 0, 0.85) 95%);
    }
    91% {
        background-image: radial-gradient(circle, transparent 81%, rgba(0, 0, 0, 0.85) 96%);
    }
    92% {
        background-image: radial-gradient(circle, transparent 82%, rgba(0, 0, 0, 0.85) 97%);
    }
    93% {
        background-image: radial-gradient(circle, transparent 83%, rgba(0, 0, 0, 0.85) 98%);
    }
    94% {
        background-image: radial-gradient(circle, transparent 84%, rgba(0, 0, 0, 0.85) 99%);
    }
    95% {
        background-image: radial-gradient(circle, transparent 85%, rgba(0, 0, 0, 0.85) 100%);
    }
    96% {
        background-image: radial-gradient(circle, transparent 88%, rgba(0, 0, 0, 0.85) 100%);
    }
    97% {
        background-image: radial-gradient(circle, transparent 91%, rgba(0, 0, 0, 0.85) 100%);
    }
    98% {
        background-image: radial-gradient(circle, transparent 94%, rgba(0, 0, 0, 0.85) 100%);
    }
    99% {
        background-image: radial-gradient(circle, transparent 97%, rgba(0, 0, 0, 0.85) 100%);
    }
    100% {
        background-image: radial-gradient(circle, transparent 100%, rgba(0, 0, 0, 0.85) 100%);
    }
}

:root {
    --coloreDefault: #acbbd3;
    --coloreGradient: #deb54512;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    background: black;
    font-family: 'Roboto', sans-serif;
    position: relative;
}

.logo {
    display: inline-block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-align: -webkit-center;
}

.indietro {
    border: 1px solid var(--coloreDefault) !important;
    /*-webkit-box-shadow: 0 0 0 0px var(--coloreDefault);
    box-shadow: 0 0 0 0px var(--coloreDefault);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);*/
}

.indietro:focus {
    box-shadow: none !important;
}

.prenota {
    -webkit-box-shadow: 0 0 0 0px black;
    box-shadow: 0 0 0 0px black;
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

.prenota:focus {
    box-shadow: none !important;
}

.social {
    position: absolute;
    float: right;
    width: 100%;
    height: 10%;
    text-align: right;
    text-align: -webkit-right;
}

.footer {
    width: auto;
    height: 10%;
    text-align: -webkit-center;
    text-align: center;
    margin-top: 5%;
}

.scelta-servizio {
    flex-wrap: inherit  !important;
    height: 300px;
    margin-top: 3%;
}

.servizio {
    background: linear-gradient(318.32deg, #231f20 0%, var(--coloreGradient) 55%, #231f20 100%);
    height: 100%;
    width: 20%;
    background-color: transparent;
    color: var(--coloreDefault);
    transition: 0.5s all;
    text-align: center;
    font-size: 1.2rem;
    border: none;
    border-radius: 20px;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.servizio.active {
    background: none;
    background-color: var(--coloreDefault);
    color: #231f20;
    border: 1px solid;
}

.service_active {
    background-color: var(--coloreDefault);
    border-radius: 20px;
}

.scelta-barbiere {
    margin-top: 3%;
    justify-content: center;
    height: 10%;
}

.barbiere {
    background: linear-gradient(318.32deg, #231f20 0%, var(--coloreGradient) 55%, #231f20 100%);
    transition: 0.5s all;
    padding: 15px;
    text-align: center;
    font-size: 1.2rem;
    width: 20%;
    min-width: fit-content;
    height: 100%;
    background-color: transparent;
    color: var(--coloreDefault);
    border: none;
    border-radius: 20px;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.barbiere.active {
    background: none;
    background-color: var(--coloreDefault);
    color: #231f20;
    border-color: var(--coloreDefault);
    border: 1px solid;
    border-radius: 20px;
}

.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide-active {
    height: 60% !important;
    margin-top: 2% !important;
    background-color: var(--coloreDefault) !important;
    color: #231f20 !important;
}

.swiper-slide {
    width: 105px;
    margin-right: 30px;
    background-color: transparent;
    color: var(--coloreDefault);
    border-color: var(--coloreDefault);
    border: 1px solid;
    border-radius: 20px;
    height: 50%;
    margin-top: 10%;
    text-align: center;
    font-size: 1.8rem;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.ora {
    margin-top: 3%;
    width: 30%;
    height: 40%;
    transition: 1s all;
}

.giorno {
    transition: 1s all;
}

.swiper-slide-active.ora {
    height: 60% !important;
    margin-top: 0 !important;
}

#prenotazioneOra {
    height: 35% !important;
    transition: 0.5s all;
}

.swiper-slide.ora {
    background-color: transparent;
    color: var(--coloreDefault);
    border: none;
    border-radius: 20px;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.swiper-slide.giorno {
    background-color: transparent;
    color: var(--coloreDefault);
    border: none;
    border-radius: 20px;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.form-control {
    font-size: 0.7rem !important;
}

.form-group {
    margin-bottom: 6%;
}

.prenotazioneConfermata {
    height: 70%;
    width: 80%;
    background-color: transparent;
    color: var(--coloreDefault);
    border: none;
    border-radius: 20px;
}

#formPrenota {
    /*box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 3px 3px 10px rgba(0, 0, 0, 0.5);*/
    border: none;
    border-radius: 20px;
    margin-right: 5%;
    margin-left: 5%;
    /*height: 75vh;*/
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 1rem;
    color: var(--coloreDefault);
    place-content: center;
    text-align: left;
}

#formPrenota input {
    color: white;
    border: 1px solid var(--coloreDefault);
    font-size: 17px !important;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 2px 2px 5px rgba(0, 0, 0, 0.5);
    background-color: transparent;
}

#formPrenota input:focus {
    color: var(--coloreDefault);
    box-shadow: inset -3px -3px 7px rgba(255, 255, 255, 0.05), inset 2px 2px 5px rgba(0, 0, 0, 0.5);
    transition: cubic-bezier(0.6, 0.04, 0.98, 0.335) 1s;
}

#formPrenota select {
    color: white;
    border: none;
    border-radius: 20px;
    box-shadow: -3px -3px 7px rgba(255, 255, 255, 0.05), 2px 2px 5px rgba(0, 0, 0, 0.5);
    background-color: transparent;
}

#formPrenota select:focus {
    color: black;
    box-shadow: inset -3px -3px 7px rgba(255, 255, 255, 0.05), inset 2px 2px 5px rgba(0, 0, 0, 0.5);
    transition: cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.5s;
}

#formPrenota select:disabled {
    color: gray;
    box-shadow: inset -3px -3px 7px rgba(255, 255, 255, 0.05), inset 2px 2px 5px rgba(0, 0, 0, 0.5);
    transition: cubic-bezier(0.6, 0.04, 0.98, 0.335) 0.5s;
}

input::placeholder {
    color: white;
}

.spotlight {
    z-index: 100;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    animation: test 3s;
    pointer-events: none;
    -webkit-animation: test 3s;
    -moz-animation: test 3s;
    -ms-animation: test 3s;
    background-image: radial-gradient(circle, transparent 100%, rgba(0, 0, 0, 0.85) 100%);
}

.social svg {
    border-radius: 10px;
    margin-right: 2vw;
    box-shadow: 4px 4px 10px rgb(3 3 3 / 44%), -4px -4px 10px rgb(108 108 108 / 24%);
    margin-top: 3vh;
    width: 40px;
    height: auto;
    box-sizing: initial;
    vertical-align: initial;
}

.logo svg {
    width: auto;
    max-height: 100%;
}

.foto {
    place-content: center;
    height: 50%;
    margin-top: 1%;
}

.carousel {
    height: 100%;
    width: 50%;
}

.indirizzo {
    margin-top: 2%;
    text-align: center;
    font-size: 1rem;
    color: var(--coloreDefault);
    z-index: 50;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
}

.footer.indirizzo {
    height: auto;
    position: relative;
    margin-top: 0 !important;
}

#titolo_barbiere {
    color: var(--coloreDefault);
    font-size: 1.5em;
    margin-top: 1%;
}

#titolo_servizio {
    color: var(--coloreDefault);
    font-size: 1.5em;
    margin-top: 1%;
    display: none;
}

#titolo_data {
    color: var(--coloreDefault);
    font-size: 1.5em;
    margin-top: 2%;
}


#titolo_ora {
    color: var(--coloreDefault);
    font-size: 1.5em;
    margin-top: 2%;
}

.titoloServizio {
    margin-right: 0 !important;
    margin-left: 0 !important;
    justify-content: center;
    margin-top: 5%;
}

.footer.secondaPagina {
    margin-top: 8% !important;
    display: none;
}


@media screen and (max-width: 600px) {
    ::-webkit-scrollbar{
        height: 7px;
    }
    
    ::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: var(--coloreDefault);
    }

    .social svg {
        border-radius: 10px;
        margin-right: 2vw;
        box-shadow: 4px 4px 10px rgb(3 3 3 / 44%), -4px -4px 10px rgb(108 108 108 / 24%);
        margin-top: 3vh;
        width: 7vw;
        height: auto;
        box-sizing: initial;
        vertical-align: initial;
    }

    .logo svg {
        width: auto;
        max-height: 100%;
    }

    .social svg:last-child {
        margin-right: 0 !important;
    }

    .foto {
        height: 50%;
        margin-top: 5%;
    }

    .carousel {
        height: auto;
        width: 100%;
    }

    .indirizzo {
        font-size: .8rem;
    }

    .footer.indirizzo {
        margin-top: -5%;
    }

    .titoloServizio {
        margin-top: 5%;
    }

    .servizio {
        height: 100%;
        width: 20%;
    }

    .scelta-barbiere {
        margin-top: 0px;
    }

    .scelta-servizio {
        overflow-y: hidden;
        overflow-x:scroll ;
        margin-top: 5%;
    }
  

    .footer.secondaPagina {
        margin-top: 10% !important;
        display: none;
        padding-left: 10%;
        padding-right: 10%;
    }

}

#primaPagina {
    background: url("../images/img_new_res.jpeg");
    background-repeat: no-repeat;
    background-position: 50% 40%;
    background-size: cover;
}

#secondaPagina {
    padding: 10vh 0px 0vh !important;
    max-height: 80vh;
    overflow: auto;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

#secondaPagina img.back {
    position: absolute;
    width: 100%;
    opacity: 0.3;
}

.pre-black {
    background-color: var(--coloreDefault);
    height: 100vh;
    width: 100vw;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0.7;
}
.second-pre-black {
    margin-top: -12vh;
    background-color: black;
    height: 85%;
    width: 100vw;
    position: absolute;
    opacity: 0.8;
}

.header-social {
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.8);
}
.header-picture {
    color: var(--coloreDefault);
    text-align: center;
    font-weight: 800;
    font-size: 1.8rem;
}
.pictures {
    padding-top: 8vh;
    padding-bottom: 8vh;
}
.container-logo {
    margin: auto;
    color: var(--coloreDefault);
    height: 50%;
    z-index: 50;
}
.container-picture {
    display: flex;
    max-height: 500px;
}
.container-picture img {
    max-width: 90%;
    max-height: 100%;
    margin: auto;
    margin-top: 50px;
}

.carousel-caption {
    background: rgba(0, 0, 0, 0.8);
}

.our-services {
    text-align: justify;
    padding: 10% 5vw 10vh 5vw;
    color: var(--coloreDefault);
    font-size: 0.9em;
}
.title-services {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 800;
}

.title-service {
    text-decoration: underline;
}

ul.services-list {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 30px;
}

span.price {
    display: block;
    font-size: 0.7em;
}

.about-us {
    text-align: justify;
    padding: 10% 5vw 10% 5vw;
    color: var(--coloreDefault);
    font-size: 0.9em;
}


.title-about-us {
    text-align: center;
    margin-bottom: 30px;
    font-weight: 800;
}

#terzaPagina {
    padding: 10vh 0px 0vh !important;
    max-height: 90vh;
    overflow: auto;
}

#quartaPagina {
    padding: 10vh 0px 0vh !important;
    max-height: 90vh;
    overflow: auto;
}

.adv_waitlist {
    color: var(--coloreDefault);
    font-size: 14px;
    padding-right: 20px;
    padding-left: 20px;
    display: none;
}

.swiper-container.ora .swiper-wrapper{
    margin-top: 15px;
    padding-bottom: 25px;
}